认识达内从这里开始

今天为小伙伴们准备了拉升生产力的各种设计工具和新鲜素材!涵盖了设计师们最想要的图标素材、免费字体、效率工具、配色工具、特效工具甚至还有教程等等。本文长春达内IT培训为大家介绍UI设计师的收藏夹：助你提高设计效率。

1、Brandy

#/

Brandy 是一款适用于 macOS 平台的品牌素材管理工具，你可以使用它来创建LOGO，管理字体和色彩，制作效果。一切都是实时呈现，一个帐号可以管理任意数量的品牌项目。此外，它还可以通过托拽来管理制作，非常方便。

2、Picular

#/

如果你想搜一个特定物品的色彩，要怎么办?Picular 这款工具就是这样一个神奇的工具，你输入特定的单词或者短语，它就能给你输出这个东西对应的色彩。它的工作原理并不复杂，它会通过你的关键词获取图片，然后输出物品本身综合呈现出来的单一色彩，如果你将色彩悬停在色彩之上，能够看到源图片。

3、Drawser

#/landing/

Drawser 是一个在浏览器中运行的矢量图形工具，你能够直接在屏幕上绘制和编辑，内含丰富的交互功能，你甚至能够和他人协作来绘制矢量图片。Drawser 还包括社交模块和社区，用户能够发布项目，并且在开源项目中针对这些已经发布的图片素材进行编辑和优化。

4、RSSHub

#/en/

RSSHub 是一款轻量级的 RSS 聚合工具，几乎可以从任何网站服务中获取数据，非常简单易用，可以实现无缝的订阅体验。

5、SVG Filters

#/svg-filters/#/

SVG Filters 是一个非常有趣的SVG 游乐场，简单的点击几下，你就能添加不同的效果。切换不同的设置，能够改变图片上的效果。生成的SVG 文件之后，直接复制相应的代码即可使用。

6、Code Surfer

https://github.com/pomber/code-surfer

Code Surfer 是一款用于滚动、缩放和显示代码的 React 组件。你可以突出显示单行代码或者多行代码，缩放长片段，等等。

7、ShrinkMe

#/?s=e

ShrinkMe 是一款图片压缩应用，可以在几秒钟内帮你完成图片压缩的工作。将图片拖到界面中，就可以获得可下载的、压缩过的图片。这款工具可以离线使用，一次压缩多个文件。

8、Fake 3D Effect

#/robin-dela/full/vaQQNL/

3D效果真的一定需要通过建模来实现嘛?不一定!你可以借助这款工具制作出模拟的3D的效果和应有的视觉纵深，直接呈现，无需花俏的设备就能实现。

9、Splitting

#/

Splitting 可以帮你使用 CSS 来创建时尚的文本分割效果。通过创建元素并添加CSS变量的方式，你就能够实现。它足够轻量级，易于使用，并且附带专门的文档说明。

10、Tutorial: Advanced Effects with CSS Background Blend Modes

#/advanced-effects-with-css-background-blend-modes-4b750198522a

Bennett Feely 在这个教程中，介绍了如何使用不同的CSS属性来创建混合的背景对象，教程的核心也是关于背景的混合模式。

11、Food & Drinks Icon Set

#/advanced-effects-with-css-background-blend-modes-4b750198522a

这是一组包含60个美食和饮料的图标合集，每个图标都包含有线性图标和彩色图标不同的版本和样式，下载这些矢量的图标，开始使用吧。

12、Gradient Icons

#/icon-packs/free-gradient-flat-icons/

Gradient Icons 是一组100个包含时尚渐变样式的不同类型图标，这组图标的付费版本中包含有1000个图标，不论免费版还是收费版都非常给力了。

13、EmojiOne 4.0

#/

EmojiOne 4.0 是一款在2018年重新设计过的表情符号系列，它是根据当下的设计趋势来重设计的，带有微妙的渐变和干净的界面。

14、Best Animated Logos

#/gallery/68306231/20-Famous-Animated-Logos-for-Your-Inspiration

Best Animated Logos 是一组高素质的动态图标，这组图标涵盖了Google 到 Tumblr 等著名的企业的LOGO，非常值得学习。

15、Heard at Work

#/

Heard at Work 搜集了工作者们工作期间的真实的表达，这些人大都来自诸如纽约某个设计工作室，有趣，真实，甚至有点沙雕。这个项目是由 Justine Braisted 所创建的。

16、The Carlton Dance

#/Wujek_Greg/full/EpJwaj/

The Carlton Dance 是一个非常经典也令人发笑的舞蹈，它源于90年代某个情景喜剧中的角色，有人将它制作成为一个纯CSS的动画，感兴趣可以看看 ~

17、NerdRobe

#/

NerdRobe 是一个专门为设计师设计各种极客衬衫的服务，它每周都会提供新的设计，可以说是对生活的一个非常不错的补充。

18、Abhaya Libre

#/abhaya-libre-font.html

Abhaya Libre 是一款非常独特的支持泰文的字体，玩免费，支持西语，包含5种不同的字重。

19、Brand New Roman

#/

Brand New Roman 是一款全新的字体，其中的字母是使用当下最著名的品牌LOGO 来替代的，最终的效果看起来是电影中劫匪索要赎金的威胁信的样子，但是也非常有趣了。

20、Jomhuria

#/jomhuria-font.html

Jomhuria 是一款可读性非常高的字体，专门为大尺寸下的展示而设计，全套字体包含超过800个字符。

21、Library 3 AM

#/library-3-am-font.html

Library 3 AM 是一个带漂亮细节的内联字体，非常适合海报设计。

22、Space Grotesk

#/space-grotesk

Space Grotesk 是一种非衬线字体，带有五种不同的样式，字体是完全开源的。

23、UStroke

#/gallery/68725839/UStroke-free-font

UStroke 是一种带有明显 Garage 风格的手写字体，在特定的时候会非常有用。

文章来源：优设，作者：CARRIE COUSINS

*版权声明：转载文章和图片均来自公开网络，版权归作者本人所有，推送文章除非无法确认，我们都会注明作者和来源。如果出处有误或侵犯到原作者权益，请与我们联系删除或授权事宜。