幾個(gè)可以用在不同地方的UI設(shè)計(jì)

關(guān)于設(shè)計(jì)的名言我們聽(tīng)過(guò)太多了，“設(shè)計(jì)不止是看起來(lái)漂亮，還要能完美運(yùn)行”“少即是多”，Dieter Rams 說(shuō)的，Jony Ive 說(shuō)的 , Don Norman 等等等等。

不過(guò)對(duì)于絕大多數(shù)人而言，設(shè)計(jì)的領(lǐng)域依然是成份復(fù)雜、類別多樣的龐大體系。其中許多細(xì)分的領(lǐng)域，即使身在設(shè)計(jì)行業(yè)中的你我，甚至聽(tīng)都沒(méi)聽(tīng)說(shuō)過(guò)。我們必須承認(rèn)，設(shè)計(jì)的領(lǐng)域很龐大。

當(dāng)然，對(duì)于廣泛意義上的設(shè)計(jì)，我們都能夠明白它是什么，這并不難。也許探討設(shè)計(jì)最根本最基礎(chǔ)的東西，有點(diǎn)“侮辱智商”，但是這是有必要的。從事設(shè)計(jì)行業(yè)這么多年之后，我逐步歸納出設(shè)計(jì)領(lǐng)域的三個(gè)通用規(guī)則，而這也是我們今天要聊的話題。

我們今天所探討的廣泛意義上的設(shè)計(jì)，是有計(jì)劃、有目的地創(chuàng)建一個(gè)對(duì)象，一項(xiàng)產(chǎn)品，或者說(shuō)一套系統(tǒng)。藝術(shù)和設(shè)計(jì)常常被并舉，然而藝術(shù)只是一個(gè)名詞，設(shè)計(jì)不僅是一個(gè)名詞，還是一個(gè)動(dòng)詞。設(shè)計(jì)所涉及到的不僅是產(chǎn)品，而且包含了創(chuàng)造產(chǎn)品的過(guò)程，被精心設(shè)計(jì)的產(chǎn)品 常常給人一種它就應(yīng)該是這樣的感覺(jué)。從本質(zhì)上來(lái)講，設(shè)計(jì)是一種思考方式。而設(shè)計(jì)師需要像工匠一樣，在不斷地設(shè)計(jì)和實(shí)踐中打磨他們的思想。

“許多職業(yè)的主要差異在于時(shí)機(jī)。藝術(shù)家和科學(xué)家都面對(duì)著此刻真實(shí)可見(jiàn)的世界來(lái)創(chuàng)作，而數(shù)學(xué)家需要在現(xiàn)實(shí)的基礎(chǔ)上，將特定歷史時(shí)期的事件抽象出關(guān)系，再行運(yùn)算。設(shè)計(jì)師則不同，他們是將想象中未來(lái)應(yīng)當(dāng)存在的東西創(chuàng)造出來(lái)。”——John Chris Jones

 

1、復(fù)雜隱于簡(jiǎn)單

設(shè)計(jì)并不簡(jiǎn)單。設(shè)計(jì)從來(lái)都不簡(jiǎn)單。LOGO并不是那么好設(shè)計(jì)，因?yàn)樗銐蚝?jiǎn)單。同樣的，iPhone 看似簡(jiǎn)單那是因?yàn)樗鼜?fù)雜的功能和設(shè)計(jì)都隱藏在屏幕背后。一捧泥土一塊石頭足夠簡(jiǎn)單，可是它們是否包含好設(shè)計(jì)？

的確，“少即是多”適用于很多設(shè)計(jì)領(lǐng)域，從UI設(shè)計(jì)到室內(nèi)設(shè)計(jì)均是如此。

iPhone 看似簡(jiǎn)單的UI界面之下，隱藏著大量使用而復(fù)雜的精細(xì)設(shè)計(jì)，如果你曾經(jīng)嘗試過(guò)使用極簡(jiǎn)的界面來(lái)實(shí)現(xiàn)復(fù)雜的功能，那么你會(huì)明白這件事有多困難。

“如果你想要我給你準(zhǔn)備2個(gè)小時(shí)的演講，我今天就可以給你。但是如果你想要我準(zhǔn)備5分鐘的演講，我可能需要2周來(lái)準(zhǔn)備。”——馬克·吐溫

現(xiàn)在越來(lái)越多的人開(kāi)始在平板電腦上做筆記了，但是我仍然喜歡用紙和筆來(lái)做筆記。這并不是因?yàn)槲沂且粋€(gè)“老派”的人，實(shí)際上，還是源自于筆和紙遠(yuǎn)超數(shù)字產(chǎn)品的實(shí)用性。

毫無(wú)疑問(wèn)，你可以保存電子版的筆記，重命名，再編輯，用Instagram 同你的朋友和同事分享。但是紙和筆更直觀、更直覺(jué)。你可以更加隨意地添加文本，畫(huà)個(gè)涂鴉，加上箭頭，繪制圖表，并不需要一個(gè)按鈕來(lái)切換“文本模式”和“繪圖模式”。

實(shí)質(zhì)上，我認(rèn)為紙和筆是更好的設(shè)計(jì)解決方案，這也是為什么有那么多人會(huì)喜歡將紙上的草圖掃描到Google Docs 中，再做分享。

當(dāng)然，換個(gè)角度來(lái)看，設(shè)計(jì)是我們整合復(fù)雜路徑達(dá)成簡(jiǎn)單目標(biāo)的橋梁。當(dāng)我們想要更改手機(jī)默認(rèn)字體的時(shí)候，我們需要通過(guò)精心設(shè)計(jì)的界面，來(lái)達(dá)成這個(gè)看起來(lái)并不復(fù)雜的目標(biāo)。當(dāng)我們想要看百老匯的舞臺(tái)劇的時(shí)候，設(shè)計(jì)精美的海報(bào)就是路徑。當(dāng)我想要以最自由隨性的方式來(lái)記錄我的想法的時(shí)候，紙和筆是最容易幫我達(dá)成目標(biāo)的工具。而這兩種看似簡(jiǎn)單的工具，可以隨性地呈現(xiàn)出復(fù)雜的設(shè)計(jì)和內(nèi)容。

今天所提及的每一個(gè)案例當(dāng)中，設(shè)計(jì)方案可能是好的，也可能不那么理想，這始終都取決于需求和目標(biāo)。如果筆在紙上摩擦的聲音對(duì)我的耳朵是極大的刺激，那么數(shù)字化的筆記工具或許是更好的選擇。

 

2、直覺(jué)性

很多蘋(píng)果用戶都會(huì)贊嘆iPhone 的易用和直觀。勺子和椅子都很直觀，當(dāng)一個(gè)產(chǎn)品的設(shè)計(jì)足夠直覺(jué)性的時(shí)候，用戶對(duì)它的感覺(jué)是對(duì)的：我大概知道要怎么使用。不過(guò)，直覺(jué)并不一定對(duì)，直觀的產(chǎn)品也不夠普遍。對(duì)于某些人而言，也許勺子也不夠直覺(jué)。對(duì)于一部分人非常容易理解的東西，可能對(duì)于另一部分人就沒(méi)有那么直觀。設(shè)計(jì)的領(lǐng)域非常之多，那么這么多不同領(lǐng)域的設(shè)計(jì)師要如何用好直覺(jué)這一工具來(lái)提升他們的設(shè)計(jì)呢？

事實(shí)上，真正創(chuàng)造直覺(jué)的是隱藏在其后的底層自然行為，當(dāng)設(shè)計(jì)和這些行為模式契合的時(shí)候，就會(huì)讓這部分用戶擁有“直覺(jué)”。iPad 和我們的物理的圖書(shū)是有差別的，可是當(dāng)我們打開(kāi)iBooks 的時(shí)候，會(huì)自然地模擬用手翻頁(yè)的行為，來(lái)“翻開(kāi)”虛擬的書(shū)頁(yè)，因?yàn)槟阍诂F(xiàn)實(shí)世界中做過(guò)太多次這樣的交互，即便你在iPad上也只是面對(duì)著玻璃屏幕輕拍、滑動(dòng)。

正如同我們常常說(shuō)的，形式要服從功能。以寶馬汽車標(biāo)志性設(shè)計(jì)而出名的設(shè)計(jì)師Chris Bangle曾經(jīng)說(shuō)過(guò)，他希望所有的內(nèi)飾、外觀和細(xì)節(jié)都能夠讓用戶感受到寶馬的速度感。當(dāng)你踏入汽車的那一刻，即使引擎尚未發(fā)動(dòng)，你會(huì)感受到汽車給你的速度感，這種直覺(jué)的體驗(yàn)是對(duì)的，因?yàn)槟愕臐撘庾R(shí)已經(jīng)被它的設(shè)計(jì)給調(diào)動(dòng)起來(lái)了。

 

3、層次結(jié)構(gòu)

4473236673

當(dāng)你看到這串?dāng)?shù)字之后，你能夠快速的記下來(lái)么？George A. Miller 在1956年所發(fā)布的一篇論文就討論過(guò)分塊記憶的概念。其中所介紹的理論，闡明了一件事情，當(dāng)信息被劃分成不同的區(qū)塊的時(shí)候，能更容易為用戶所記憶。

(447)?-323-6673

這樣來(lái)劃分，感覺(jué)如何？

認(rèn)知科學(xué)同樣適用于設(shè)計(jì)。我們將復(fù)雜的信息劃分成更容易被理解和記憶的清晰的模塊，而這也是設(shè)計(jì)需要做到的。當(dāng)我使用烤面包機(jī)的時(shí)候，最關(guān)鍵的幾個(gè)操作對(duì)我而言是清晰的：將面包插進(jìn)去，按下開(kāi)關(guān)。

層次化的信息設(shè)計(jì)讓你明白什么更重要，分清主次先后。如果你仔細(xì)觀察，會(huì)發(fā)現(xiàn)這樣的設(shè)計(jì)幾乎無(wú)處不在。汽車的剎車踏板比油門要更大，Home按鍵通常會(huì)大于手機(jī)上其他的按鈕，百老匯的海報(bào)上，標(biāo)題永遠(yuǎn)是最大的。

層次結(jié)構(gòu)讓你的設(shè)計(jì)得以簡(jiǎn)化，幫助用戶注意到最關(guān)鍵的內(nèi)容。從電視遙控器的布局設(shè)計(jì)到APP的界面，我們都需要將不同的內(nèi)容和模塊按照重要性來(lái)排序，讓傻瓜也能分清主次先后。

“產(chǎn)品的層次結(jié)構(gòu)是極為重要的，它區(qū)分開(kāi)重要和非重要的部分，這樣才能將影響用戶注意力的部分刪除掉。”——蘋(píng)果公司，Jony Ive

設(shè)計(jì)是科學(xué)，是一門將最重要的東西以最容易接受的方式呈現(xiàn)出來(lái)的技術(shù)和工藝。如果所有的信息都力圖突出，那么所呈現(xiàn)出來(lái)的信息，就是無(wú)一突出。這也是為什么那些真正成功的設(shè)計(jì)作品往往是“隱形”的，因?yàn)樵谀阋庾R(shí)到它們存在之前，就已經(jīng)被它們所掌控了。

 

結(jié)語(yǔ)

我相信通用的設(shè)計(jì)準(zhǔn)則還有很多，但是這三個(gè)是我所面臨的不同設(shè)計(jì)領(lǐng)域中適用范圍最廣的三個(gè)。無(wú)論你是平面設(shè)計(jì)師還是UI設(shè)計(jì)師，是體驗(yàn)設(shè)計(jì)師還是工程師，它們都適用。