家可以利用设计资源来美化你的店铺/网站，以提高转化率。本文将盘点2019年新锐网页设计工具和字体，包括适合网站设计人员和开发人员的工具、编码资源、字体和颜色资源等，而且全部都免费！

免费设计工具

1、404 Illustrations

https://www.kapwing.com/404-illustrations

404 Illustrations是一款404页面生成工具。它提供精彩时髦的插图，图片还可以根据页面发生的错误加上文字，如下图所示：

2、311产品管理免费资源

https://usefyi.com/templates/product-management-templates/

这款工具里面罗列了许多免费产品管理工具和模板，你可以很轻松就能找到创建、发布以及管理产品的工具。

3、Real Dev

https://real.dev/?business=1

Real Dev是面向开发者的社区平台。企业可以使用这款工具来寻找具有实际编程经验的开发人员。

4、Paaatterns

https://lstore.graphics/paaatterns/index.html

这款工具里面含有许多矢量图像模板，你可以自定义编辑图层样式以及矢量图形。

5、SaaS Pages

https://saaspages.xyz/

这款工具收集了许多优秀的独立站着陆页，不知道着陆页怎么设计以及怎么写文案，可以进入这个网站找找灵感。如下图所示，它还将每个转化率最高的着陆页因素分成若干个版块，并且分享了许多关于高级着陆页的文章和图样。

6、Verby

https://www.verby.co/

Verby是一款免费的文本转语音工具，你可以自己创建或下载纯音制作MP3音频文件。

7、Superposition

https://superposition.design/

Superposition能够提取网站已有的设计，例如主题配色、网页排版以及图文间距。你可以用它平衡网站、APP甚至是项目之间的一致效果。

8、Dynamic Charts

https://dsternlicht.github.io/react-dynamic-charts/

Dynamic Charts 是一个React模块库，用于根据动态数据创建动画图表等可视化内容。

9、VisualSitemaps

https://visualsitemaps.com/

VisualSitemaps是一款能够自动生成网站地图，以及在任何网站上都能进行高清截屏的工具，用于用户界面审核、用户体验、搜索引擎优化和市场调研。

10、Components AI

https://components.ai/

Components AI是一个实验平台，开发自动生成设计系统。要寻找网站设计的灵感可以上这个网站上看看。

11、Avant UI

https://www.avantui.com/

Avant UI是一个基于Bootstrap框架的开发工具包，比Bootstrap更美观且看起来更高级。Avant UI添加了新元素，用于设计更加完整的网页框架。

12、Eva Design System

https://eva.design/

这款工具包含数以百计的标志以及样式配置，你可以借助此工具将你的网站和APP的设计风格保持一致。

13、Creative Machine

https://creativemachine.co/

Creative Machine是一款在线图片编辑器，可以创建个性化广告素材。你可以根据模板上传本地图片进行创作，然后再下载下来。

14、Swipemix

https://apps.apple.com/us/app/swipemix-layouts-collages

Swipemix可以用来创建高级的Instagram排版，以及创建Instagram幻灯片式滑页多图广告。

15、Hubcap

https://free.hubcap.video/

Hubcap是一个截屏录屏工具，不需要安装或下载。添加自定义链接开始录制或在你的网站上添加一个按钮。

16、Freemium

https://freemium.cc/

Freemium网站中也是以板块形式罗列了一系列免费增值工具，适用于数字内容创作人员。你可以通过该网站创建设计、查找免费设计资源、与创意团队协作等等。

17、Material Icons Library

https://icons.pixsellz.io/

Material Icons Library里面包含大约1000个流行的图标素材，包括圆形图标、轮廓矢量图标以及双色调样式等图标。

免费好用的字体

1、Salt

https://www.behance.net/gallery/80296873/Salt-a-free-font-by-Masha-Chuprova

Salt可以免费商用，它属于极简风重心低的无衬线字体，如下图所示。它有两种属性：常规和加粗体。

2、Oliver

https://freebiesbug.com/free-fonts/oliver/

这款字体也可免费商用，它属于现代风的无衬线字体，提供限时免费设计。这款字体有多个细体、常规和加粗体格式，如下图所示：

3、Basier Mono

http://atipofoundry.com/fonts/basier-mono

Basier Mono 有两种字体系列，圆形和方形，看起来很与众不同（如下图所示）。常规款式可以免费使用，但是如果想要获取整个字体系列就需要付费。

4、Cocomat

https://www.myfonts.com/fonts/zetafonts/cocomat-pro/

这款字体主要是一款意大利斜体，有多种磅数，常规版本可以免费使用，如下图所示：

5、Lansdowne

https://pixelbuddha.net/freebie/lansdowne-decorative-font

这款字体既简洁又复古，其设计灵感起源于旧广告字体。这样的字体既棱角分明又方正整齐，同时还不失经典复古韵味，如下图所示：

文✎ 玛丽/AMZ123

原文链接：https://www.amz123.com/thread-329613.htm