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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

 

2、直覺性

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

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

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

 

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

4473236673

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

(447)?-323-6673

這樣來劃分，感覺如何？

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

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

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

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

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

 

結(jié)語

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