第一類：設計的快

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

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

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

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

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

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

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

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

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

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

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

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

第二類：設計的周到

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

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

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

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

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

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

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

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

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

第三類：設計的自信

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

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

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

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

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

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

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

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

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

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

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

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

新聞標題：8個設計神器，能幫你又快又好的做設計
地址分享：http://m.2m8n56k.cn/news17/311717.html

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

廣告

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