8個(gè)設(shè)計(jì)神器，能幫你又快又好的做設(shè)計(jì)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

其實(shí)很多時(shí)候，最淺層次的accessibility不足，都是對(duì)比度不足搞的鬼。

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

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

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

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

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

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

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

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

點(diǎn)到哪里就review哪里，所有review直接生成列表并有圖片

No 8. 各種快速用戶體驗(yàn)測(cè)試 – Usability Hub

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

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

而用戶將會(huì)看到以下界面進(jìn)行測(cè)試：

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

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

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

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

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

廣告

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