這8個高手推薦的神器，能幫你又快又好的做設計！

Spell（高級產品設計@Salesforce）：今天推薦的這8個設計神器，能幫你擺脫80%的簡單重復性工作，用更快的速度做出更全面的設計，全是資深高手使用得最順手的工具。

第一類：設計的快

前兩天UXOFFER的幾個小伙伴在硅谷線下參加了一個Hackthon活動，好好的爽了一把的同時，回來就問了我們：為什么其他設計師手下功夫都那么快？一天就能出一整套設計方案呢。

對于設計師來說，我們每天的工作在理想情況下，大概80%是創意性工作而20%都是簡單重復性勞動。那么怎么保證我們的設計不那么簡單重復呢？ - 當然要好好的借助外在資源。下面是三類讓你爽到不行的工具：

No 1. Vecteezy - 可以編輯的素材大全

要想手快，純靠自己一點一點的做素材肯定不行；都是一堆PSD文件一個圖層一個圖層摳肯定也不行。尤其是出初稿的時候，往往只是傳達一個產品概念供內部討論，那么這時候所有的asset都自己一筆一筆的畫顯然有點劃不來。

Vecteezy是各種矢量圖的集合站，雖然有些資源要付費，但是免費資源就已經非常給力了，你們感受一下：

很作資源都提供eps模式，可以直接導入sketch呀Figma呀等快手神器，快速生成你想要的界面。在面對必須快速搞定的初稿的時候，Vecteezy絕對會讓你如有神助。不過使用了Vecteezy上的資源，一定要記得添加你的引用哦。

No 2. ColorClaim - 讓你選顏色不再糾結

Tobias是我去年粉上的大神，他把自己從2012年做過的產品的上百種配色方案總結到了一起，起名叫ColorClaim。個人認為比colourlover等各大色盤分享網站都靠譜，畢竟是大神開過光的，基本都是拿來既用的。自從有了ColorClaim，我就告別了顏色選擇疑難癥。

No 3. 讓最終稿不再單調- GraphicBurger

就連我們公司的PM們，都學會了給CEO或者其他團隊作報告的時候，把線框圖放到一個Macbook或者iPhone里面，感覺視覺效果瞬間高大上了許多。試問你在做作品集做演示做報告的時候，難道還沒有開始使用這一招？那你就out啦。

GraphicBurger上提供各種PSD資源，剛才說的各種好看的設備容器（比如下圖）只是其中的一小部分。仔細挖掘你會看到很多讓你激動不已的好資源的。

不過再次嘮叨下，可要記得給原作者credit呀。

第二類：設計的周到

剛才說我們設計師，每天大概80%創意性工作而20%是簡單重復性工作，那么從另一個角度來說，設計師其實做的也是一個充滿細節的工作。比如今天選用了2017流行色美美的翠綠當做背景，明天就被老板批評沒有考慮到accessibility完全不考慮紅綠不分的小伙伴崩潰的內心。如何讓設計面面俱到？下面是幾個法寶：

No. 4 流程輔助神器 - UX Project Checklist

UX Project Checklist是一個完善的關于UX你需要完成的各個步驟的checklist，雖然不是每一步都是必須的，但是能夠幫助你更有流程化，不忘記設計步驟中的小細節。

No.5 做一個對對比度敏感的設計師 - WebAIM Contrast Checker

Accessibility （可訪問性）這個概念越炒越熱。對于我們做交互的小伙伴，在沒吃過accessibility的虧的時候，基本大家都是怎么美怎么來，可是一旦產品真的被一部分用戶所不能使用的時候，你一定會意識到作為設計師你身上的重擔的。比如我有一個設計師朋友，在產品上線之后，客服接到了不計其數的紅綠視覺障礙的用戶打來的電話，說根本看不清按鈕的狀態，產品團隊不得不幾天的時間從重新設計到發布新版本，忙了個底朝天。

其實很多時候，最淺層次的accessibility不足，都是對比度不足搞的鬼。

具體查看對比度的工具，我最愛用的是WebAIM自帶的對比度查詢器，只需要貼入顏色的Hex碼就會給你答案。下圖是第二行第一個Type和背景色的對比度測試結果,可憐的對比度只有1.14：1，怪不得用戶看不清呢。

No. 6 和程序員無縫溝通的sketch插件 - Marketch

當在GitHub發現這個神器，緊接著又發現了其中的中文，我的內心是激動不已的。中國人做出的良心好插件，如果五星是滿分我真的好想打七星啊。如果你用過Zepline或是Markman或是InVision Inspect，那么你對Marketch的創意一定不陌生。想想在這些工具誕生之前，每周花費在給程序員哥哥們出spec上的時間，真是不能更推薦這個插件。生成的spec是HTML格式的，點擊一個設計組件就會顯示這個組件的詳細設計信息。

第三類：設計的自信

User Centered Design這個概念可以說一直支撐著我們應該怎樣做用戶體驗。從用戶出發的設計，理論上來說應該能讓我們的得到更自信的設計結果，但是也免不了經常會被產品經理或者其他設計師質疑我們的設計決策的時候。如何設計的更自信？下面是幾個好工具：

No 7. 啟發性法則一網打盡 - UX Check

不知道小伙伴們做設計師的時候會不會有一步去評估下自己的設計有沒有符合Neilsen老爺子的十大啟發性原則。（什么你并沒有聽說過啟發性原則？請留言給我，我將負責派出跟Neilsen老爺子并肩作戰的的大神助理一枚給你劃重點）

每一次做herusitic review的時候，其實很難善始又善終，因為十條大法則加設計上幾十上百個元素，做到一半就餓了是難免的（并不是吃貨）。那么UX Check就是為了解決這個問題的，直接內嵌在瀏覽器里面，讓你像批改作業一樣對自己的設計元素進行評測，是不是棒棒噠？

點到哪里就review哪里，所有review直接生成列表并有圖片

No 8. 各種快速用戶體驗測試 - Usability Hub

糾結癥的設計瑡們，是不是有時候難免選擇疑難？或是聚在一起就討論起來了：你說我這個按鈕都做這么大了，為什么用戶就不知道點呢？

其實在產品發布之前，我們除了做復雜的用戶測試，很多其他的小測試也輔助我們做好涉及決策。比如你現在設計了如下兩種圖標，想要知道哪個用戶更喜歡，你只需要三分鐘就可以在Usability Hub搭建好你的測試。

而用戶將會看到以下界面進行測試：

當收集一段時間的用戶反饋之后，你就可以用數據來做最終的設計決策了。是不是很贊？

最后，第九個超贊資源，當然是我們UXOFFER的公眾號了（捂臉奔走）。我們這一群在硅谷的設計瑡致力于給大家傳遞最新最前沿的設計知識，分享設計資源。最近將會請到另一位美國本土的設計大咖，跟大家做分享，敬請繼續關注。

你喜歡用的好工具有哪些？歡迎一起交流。

作者簡介：Spell，高級產品設計@Salesforce。曾助力微軟，亞馬遜，HTC，Citrix及若干創業公司的產品設計。當下樂趣是將UX的知識傳遞給更多的人，并創立了UXOffer-專注于幫助中國學生獲得最好的HCI/交互設計教育機會。

個人網站：http://hangyu.me/

歡迎關注作者的微信公眾號，提供HCI留學培訓精英服務：（友情宣傳非軟文）

「高手自用系列」

1. 灰晝大神在用什么字體丨10款常用的經典基礎英文字體推薦（已打包）
2. 字體專家在看什么書籍丨8位頂尖字體設計專家推薦的設計書單
3. 潑辣修圖的負責人在用哪些神器丨秒變后期高手！八個效果逆天的后期神器

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量190萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com