天天看点

UI设计师必备10大工具

推荐一些我积累的,特别有用的设计师必备工具,有需要请自取。

NO.1 灵感搜集类

1. 设计百宝箱 uirush.com

UI设计师必备10大工具

 设计百宝箱(UI Rush)—— 里面包含了导航大全,各种设计资源、开发资源和产品资源等等。

2. 趣迹 quji.net

UI设计师必备10大工具

 通过观察用户的交互,调整整体的配色、结构和改变转化的按钮颜色,来提高点击率,转化率。

3. Dribbble dribbble.com

UI设计师必备10大工具

Dribbble 和 Behance 差不多,重点是学会如何利用哈,都是非常好的资源工具。

UI 设计类工具推荐:

4. Sketch sketchapp.com

UI设计师必备10大工具

 如果还有没开始使用 Sketch 的设计师要特别注意下,现在很多互联网公司对设计师的招聘都要求必须会使用 Sketch 了。这是各大公司用得特别多的设计类工具了,如果以后想当设计师,那你还在等什么!

5. Zeplin zeplin.io

UI设计师必备10大工具

 Zeplin 是配合着 Sketch 非常好用的一款插件,设计稿在 Sketch 里完成后直接导入到 Zeplin,设计师们再也不需要为 Style Guide 和尺寸标注烦恼啦,Zeplin 都帮你自动生成好了,从此设计师们跟程序员们之间协作变得更和谐了。

6. Figma figma.com

除了 Sketch,UI 设计工具又多了一匹黑马叫 Figma,它有三个显著的特性,实时协作、矢量网格和版本历史。已习惯使用 Sketch 的同学切换到 Figma 上难度不大,操作基本类似。虽还未像 Sketch 一样风靡,但可以尝试一下。

Icon 素材推荐:

7. 阿里妈妈库 iconfont.cn

UI设计师必备10大工具

计师找 Icon 素材用阿里妈妈,直接搜索相应的 Icon 名称即可。也有许多成套的免费 Icon Set。现在阿里妈妈升级了,更是多了很多彩色的图标库,

8. Icomoon icomoon.io

UI设计师必备10大工具

 Icomoon 是设计师与程序员协作时主要用到的工具,当然上面也有一些免费的和收费的 Icon 库。但 Icomoon 的最吸引人的是它的编辑功能,设计师们再也不需要去纠结怎么把 Icon 调到画布居中的问题了,它可以挪动、旋转、放大缩小,居中、去色一个 Icon。另外,它还可以将选中的 Icon 生成 Font 袄。

9. Fontawesome fontawesome.io/cheatsheet

UI设计师必备10大工具

 10. Material Icons material.io/icons

UI设计师必备10大工具

 Fontawesome 和 Material Icons(Google 出品) 类似,都是程序员在没有拿到设计师的 Icon 前,喜欢自己直接用的 Icon 库,它们的 Icon 都够多够全,做工具类产品的设计师会喜欢的。