2018年夏季的22款免费网页设计工具

利用设计与开发社区的免费资源为网站增值。以下是2018年夏季推出的全新网页工具与设计元素清单，涵盖设计师与开发者应用、图标集及字体等，全部免费开放。

设计与开发工具

Fusion.js：Uber Web平台团队开源的Web框架。该工具简化了Web开发流程，能生成轻量级且高性能的应用。

Malvid：通过将目录转换为交互式UI，帮助构建、文档化和可视化组件。它改善了团队协作方式，且不强制要求特定的目录结构、模板语言或开发工具。

Font Playground：利用可变字体设计进行新字体尝试。可变字体会根据喜好重塑自身，在保持比例的同时适应文本框架变化。

Picular：颜色搜索引擎。只需输入一种颜色并按回车键，即可生成相关色调及其对应颜色代码的选择列表。

Drawser：功能强大的免费浏览器端矢量图形编辑器，适用于专业设计。支持导出图像或在平台上分享作品。

Shrink Me：图片压缩工具。旨在减小文件大小而不损失视觉质量，从而提升网站和应用的加载速度。

Maze：原型交互分析工具。无需编写代码即可定义任务、收集可操作的见解并分析设计表现，发现真实用户的交互行为。

Overflow：用户流程创建平台。集成并同步流行设计工具，帮助设计师和产品经理通过流畅导航展示创作想法。

Codementor：软件开发者的编码社区与按需市场。可用于寻找编程导师、解决复杂问题或招募自由职业者。

DevTube：面向软件开发社区的视频平台。支持通过演讲者、标签或频道浏览数千个技术视频。

Whimsical：可视化协作构思工具。辅助设计用户流程和软件架构图，提供配置元素库以便即时创建线框图（免费版最多可创建四个图表）。

Vector Art Illustrations：免费图标和标志集合，包含商业、搜索引擎营销及比特币用途的图标。

150 Vector Icons：包含15个类别（如商业、冒险、美食和音乐）的免费图标包，提供彩色、轮廓和单色版本。

unDraw：提供MIT许可证插图的工具。源自麻省理工学院自由软件许可证，SVG图像集合可免费使用且无需署名。

20+ Animated Logos：高质量动态标志画廊。

免费字体

Heptal：包含五种字重（含真正斜体）的字体系列。字符几何形状为新哥特式，衬线采用多边形凹形或倒置托斯卡纳式设计。

—

Abhaya Libre：基于FM Abhaya重新绘制，后者是对20世纪60年代僧伽罗活字印刷字体的诠释。该字体针对现代使用需求（如智能手机小字号显示）进行了优化。

—

Jomhuria：深色阿拉伯文与拉丁文展示字体，适用于粗体标题和横幅。设计灵感源自30年前在伊朗设计的Shablon字体。

—

Library 3 AM：单线字体，提供常规和柔和两种风格，支持西里尔字母及多种语言。适用于标志、海报、标题、标识和霓虹灯标题。

—

Calibre Super Condensed：极具戏剧性的字体，包含完整的字母表、数字、字形及西方字符。

—

UStroke：富有冲击力的手绘字体，提供拉丁文和西里尔文大写版本，适合前卫风格的标题设计。

—

Mercy：圆角无衬线字体，风格轻盈、现代且富有未来感。