如何成為一個(gè)設(shè)計(jì)專(zhuān)家?這個(gè)過(guò)程很難嗎?沒(méi)有設(shè)計(jì)天份也可以做到嗎?這些可能是想從事設(shè)計(jì)工作的人心中共有疑問(wèn)。Purin在Pluse中發(fā)表了一篇博文《Design Secrets for Engineers》,文中表示他也曾是一個(gè)對(duì)設(shè)計(jì)很不靈通的人,后來(lái)聽(tīng)取了從事圖形設(shè)計(jì)的朋友的一些建議,幾年后,他成功地成為了一名設(shè)計(jì)專(zhuān)家。他將這些經(jīng)驗(yàn)總結(jié)成為八點(diǎn)并在文中分享。下文是對(duì)該博文的編譯。
如果你是一個(gè)像我一樣的設(shè)計(jì)師,你所設(shè)計(jì)的作品首先要美觀(guān)。這一點(diǎn)可能會(huì)觸動(dòng)你的自尊心,讓你以為設(shè)計(jì)者需要有一種超能力,這種能力足以把整個(gè)世界變得更加美好。
如果你是一個(gè)工程師,你可能想知道這些設(shè)計(jì)師為什么會(huì)有如此大的力量呢?這是遺傳的嗎?是因?yàn)樵O(shè)計(jì)類(lèi)院校傳授給了他們頂級(jí)的設(shè)計(jì)秘訣嗎?再或者就是他們和魔鬼進(jìn)行了交易,用他們的眼睛換得了設(shè)計(jì)靈感?
現(xiàn)在我?guī)Я艘恍┖孟ⅲ汗こ處煵恍枰獮榱颂岣咭曈X(jué)設(shè)計(jì)能力而去尋找什么靈丹妙藥。我十分確信,好的設(shè)計(jì)能力如學(xué)騎自行車(chē)、彈鋼琴一樣,是可以后天練成的。如果你練習(xí)的足夠多,你的設(shè)計(jì)能力就會(huì)越來(lái)越好。一旦你完全掌握了它,該技能就不會(huì)退化。說(shuō)這些,是因?yàn)槲以?jīng)的設(shè)計(jì)能力也十分糟糕,后來(lái)我從事圖形設(shè)計(jì)的朋友給了我一些建議,幾年后,我可以驕傲地說(shuō)我已經(jīng)是一名設(shè)計(jì)專(zhuān)家了。今天我希望和你分享這些建議。前五個(gè)建議更適合于視覺(jué)設(shè)計(jì),而后面的三條比較適合于交互設(shè)計(jì)。
1.把設(shè)計(jì)元素排在一條直線(xiàn)上
這條是所有圖形設(shè)計(jì)規(guī)則的基礎(chǔ)。除非你想再創(chuàng)造一副蒙娜麗莎的偉大作品,否則請(qǐng)把所有設(shè)計(jì)元素放在一條直線(xiàn)上。我們的大腦更喜歡這樣的方式。這種設(shè)計(jì)風(fēng)格被稱(chēng)為網(wǎng)格系統(tǒng),它可以把更多的事物放在同一條直線(xiàn)上。幼兒園的兒童都能夠做到,我們這些成年人同樣可以做到。
2.設(shè)計(jì)空白區(qū)域
如果你和15個(gè)人擠在同一個(gè)電梯中,你肯定會(huì)感到呼吸困難……尤其當(dāng)某個(gè)人放屁后。當(dāng)你設(shè)計(jì)一個(gè)層或者UI界面時(shí),不要試圖把太多的元素硬塞到一個(gè)頁(yè)面中,隨意再增加一個(gè)元素都可能破壞整體的視覺(jué)效果。適當(dāng)留一些空白,給眼睛留有呼吸的時(shí)間。我通常會(huì)在元素之間留有一些空白區(qū)域,確保元素之間不會(huì)離的太遠(yuǎn),也不會(huì)離得太近。
3.用設(shè)計(jì)者的字體
在設(shè)計(jì)的世界里有好字體也有壞字體。好字體(像 Gotham, Trade Gothic Bold Condensed和Garamond)可以讓人的眼睛愉悅,它會(huì)給你帶來(lái)一種在海灘上喝清涼雞尾酒的爽快感覺(jué)。而壞字體就像眼屎一樣,令人厭惡。盡量避免使用高優(yōu)先級(jí)的默認(rèn)字體,像Impact、Curlz和Comic Sans。如若你必須使用一個(gè)提前置入的字體,Helvetica和Georgia這兩種字體可以?xún)?yōu)先考慮——這是兩種經(jīng)典的字體,已經(jīng)過(guò)充分改進(jìn)。如果你想要一種可以在Web上表現(xiàn)突出的設(shè)計(jì)字體,可以嘗試一下Typekit。……但請(qǐng)不要用WordArt。
4.保持設(shè)計(jì)的連貫性
在你的設(shè)計(jì)中,不要用兩種以上的字體和三種以上的顏色。要保持整個(gè)設(shè)計(jì)草圖的一致性。在我們繪制一個(gè)元素時(shí),首先停下來(lái)思考一下,讓它和整個(gè)設(shè)計(jì)保持一致性。還有一點(diǎn),我們不要試圖拉伸Logo和圖像。想象一下,如果某人把你的臉橫向拉長(zhǎng)了5%,這樣還會(huì)好看嗎?
5.不斷從視覺(jué)上進(jìn)行檢驗(yàn)
我并不認(rèn)識(shí)你,但我做飯時(shí),我總會(huì)不時(shí)地嘗一嘗,以確保我放的調(diào)料用量合適。當(dāng)你設(shè)計(jì)時(shí),也要不時(shí)地檢驗(yàn)一下。經(jīng)常審視一下你的設(shè)計(jì)屏幕。你首先看到的是什么?其次看到的是什么?再者呢?同樣在十步以外再看一下這個(gè)設(shè)計(jì)屏幕。無(wú)論你信還是不信,設(shè)計(jì)師只要照著做就可以保持設(shè)計(jì)的正確性。它也可以幫你避免增加一些不必要的細(xì)節(jié)和按鈕。
6.設(shè)置優(yōu)先級(jí)
我們應(yīng)該分別把重要的事和不重要的事分別列出來(lái),這樣可以節(jié)約你很多精力。
7.檢驗(yàn)UI的人性化設(shè)計(jì)
一個(gè)UI界面之所以會(huì)成功,多是因?yàn)樵谌藗兪状慰吹剿鼤r(shí),它可以帶來(lái)一種很舒服的感覺(jué)。在你開(kāi)始設(shè)計(jì)之前,先自問(wèn)一下你設(shè)計(jì)的每個(gè)元素具有什么樣的人性化特點(diǎn)。如果這個(gè)UI重新被設(shè)計(jì),它會(huì)帶給人什么樣的感受?
8.使用Keynote
我喜歡使用Keynote。Keynote可以使所有元素處于同一條直線(xiàn)上,可以很容易地美化所有元素。如果沒(méi)有這個(gè)神奇的程序,我不知道是否還在別的方法可以幫助我走到今天。除了可以使幻燈片轉(zhuǎn)化成一個(gè)個(gè)小窗口外,它還可以使UI界面看起來(lái)更加流暢??梢运阉饕幌隆癒eynote mockup templates”這個(gè)關(guān)鍵詞,你可以找到很多關(guān)于快速簡(jiǎn)易構(gòu)建美觀(guān)原型應(yīng)用的方法。
除這些這外,請(qǐng)留意其他方法。自信往往導(dǎo)致“你永遠(yuǎn)是正確而其他人都是錯(cuò)誤”的想法。但仍要承認(rèn)一點(diǎn):你不一定永遠(yuǎn)正確。
你不可能一夜之間變成一個(gè)超級(jí)設(shè)計(jì)者,你需要經(jīng)過(guò)實(shí)踐,同時(shí)要相信自己可以做得很好。最后請(qǐng)?jiān)俅沃貜?fù)一次“我也可以成為一個(gè)設(shè)計(jì)專(zhuān)家”——最終你將夢(mèng)想成真。