7月的设计圈干货来了！这一期的干货合集有不少素质极高的网页端设计工具，还有好几组免费的图标素材，还有上一期缺席的字体素材，其中很多都非常值得上手尝试：
Haikei 是一款 Web 应用，可以在网页中直接生成 SVG 图形、背景和图案，可以特别方便地同其他的设计工具和设计流程协同起来工作，你可以免费使用其中的 15 个生成工具。
Pixelhunter 是一款适用于社交媒体平台的图片编辑器，它可以自动识别并裁剪图片，支持各种尺寸，并且可以免费使用。
Compo 是一款适用于 iPhone 和 iPad 的应用，可以基于形状和颜色来生成作品，它可以生成很多类似包豪斯设计师的形状和颜色，制造富有创造性的画面。
Backlight 是一个一体化的设计系统平台，设计师和开发者可以在这个空间当中构建代码和协作，它包含一系列「入门套件」，可以帮你从 React 和 Chakra、Tailwindcss 迁移到这边，将分散的工作内容协同到一起。
Multi Color Text With CSS 是非常有趣的工具，打开试试你就知道。
Mega Creator 是一个在线的图形设计工具，可以帮你创建有多种用途的图像、图标、插画和背景等等，尤其适合做社交媒体类的内容。你可以上传自己的元素，也可以使用平台提供的素材。
Noloco 是一个面向设计师的无代码解决方案，可以让设计师通过拖拽快速构建一个响应式的网站，因为它是兼容所有屏幕尺寸的。
Tinter 是一款将图片生成不同配色版本的在线工具，它可以为一张图片生成多个不同的版本，而不会影响整体质量。
Radix Colors 是一个开源的配色系统，用来设计色彩华丽的网站和 APP，它包含 28 组色阶，每组12个，对深色系和浅色系都有支持。
WP Cost Calculator 是一款简单的股价工具，可以在很多需要股价的网站上进行应用。
TraveledMap 是一款用来标记路线和照片的工具，你可以将这些标记共享到你的网站或者博客，这款工具专门为热爱旅游的朋友所创建。
Glyph Neue Icons 是一组包含 1500 个不同的 SVG 和 PNG 格式的图标的集合。
Streamline Icons 是一组包含 12 组不同样式的图标，总计有上千个不同的图标，可以用于各种不同的样式，并且可以应用与 Figma、Sketch 和 Adobe XD 当中。
Health Icons 是一组免费开源的健康相关的图标，其中包括描边和填充样式两种，总计有800个图标。
OMG, SVG Favicons FTW! 是一个关于 SVG Favicons 的应用项目，它提供了一些代码帮你更快入门和了解 SVG Favicons。
Aspect Ratio in CSS 涉及到一个非常有趣的设计概念，在 CSS 当中要如何控制纵横比。在 Ahmad Shadeed 这篇文章当中介绍了响应式设计当中的图片综合比的问题。
Fight Kick 是一款非常硬朗的字体，免费版本包含 249 个不同的字符，仅供个人项目使用。
Glow Better 是一款漂亮的高级字体，其中包含衬线和手写两种不同的样式。
Huggable Hedgehogs 是一款颇为俏皮的字体，非常适合儿童类的项目。
Monice 是一款带有圆润轮廓的非衬线字体，字体可读性高，包含有免费和商业发布的版本。
Rustica 是一款包含 20 多种不同样式和系列字体的超强字体族，它有适合拿来展示的加粗字体，也有纤细的易于阅读的字体，最重要的是这款字体支持 219 种不同的语言。
作者： CARRIE COUSINS
