天天看點

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 都夠多夠全,做工具類産品的設計師會喜歡的。