第一類：設(shè)計的快

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

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

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

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

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

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

No 2. ColorClaim – 讓你選顏色不再糾結(jié)

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

No 3. 讓最終稿不再單調(diào)- GraphicBurger

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

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

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

第二類：設(shè)計的周到

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

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

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

No.5 做一個對對比度敏感的設(shè)計師 – WebAIM Contrast Checker

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

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

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

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

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

第三類：設(shè)計的自信

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

No 7. 啟發(fā)性法則一網(wǎng)打盡 – UX Check

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

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

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

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

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

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

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

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

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

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司！

新聞標題：8個設(shè)計神器，能幫你又快又好的做設(shè)計
地址分享：http://www.rwnh.cn/news17/311717.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務器托管、小程序開發(fā)、網(wǎng)站設(shè)計公司、自適應網(wǎng)站、定制開發(fā)、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)