設(shè)計(jì)并不總是耀眼奪目的藝術(shù)。它講究微妙、實(shí)用,而且常常是不確定的。很簡(jiǎn)單,好的設(shè)計(jì)往往是隱形的。但是如何做到隱形?尤其網(wǎng)頁(yè)設(shè)計(jì)是一種相當(dāng)視覺化的手段。
明確一點(diǎn)——隱形的設(shè)計(jì)并非在項(xiàng)目中增加圖層、透明度或是隱藏含義。它是為了打造用戶為中心的項(xiàng)目,使之功能齊備,視覺愉悅。
當(dāng)我還是個(gè)年輕的設(shè)計(jì)師時(shí),就一遍遍聽到這句話。如果你不得不“裝飾”畫布,那就是在過度設(shè)計(jì)。最好的設(shè)計(jì)——真正使項(xiàng)目有效運(yùn)轉(zhuǎn)的設(shè)計(jì)——是隱形的。
思考設(shè)計(jì)中的隱形
Alchemy-digital
Cyclebycycle
咱們別離題萬里,設(shè)計(jì)當(dāng)然是可見的。關(guān)于這點(diǎn)毫無疑問。但是你所用的工具與技巧,不應(yīng)該在普通用戶面前耀武揚(yáng)威。
多數(shù)設(shè)計(jì)只追求“感覺對(duì)了”。用戶想要沉浸其中,操作某樣?xùn)|西。他們不必理解其中緣由。這就是隱形的設(shè)計(jì)。
Oliver Reichenstein,Information Architects的創(chuàng)始人和總監(jiān),以強(qiáng)調(diào)隱形設(shè)計(jì)觀念而聞名。雖然在聽到他的觀點(diǎn)之前,它已經(jīng)深深烙印在我的腦海中。在The Verge的訪談中有一些只言片語(yǔ)。
“優(yōu)秀的設(shè)計(jì)是隱形的。優(yōu)秀的界面設(shè)計(jì)會(huì)細(xì)到亞原子級(jí)的微觀字體(文字的精確定義)、看不見的宏觀文字布局(文字的運(yùn)用方式)、還有由交互設(shè)計(jì)和信息架構(gòu)組成的隱形世界。最少的輸入,最豐富的輸出,界面設(shè)計(jì)師都致力于使用戶花費(fèi)最少的注意力。就像字體設(shè)計(jì)師與工程師那樣,我們并不會(huì)試圖找到完美的解決方案,但會(huì)尋找最佳的兩全之策。”
隱形的交流
Godaytrip
當(dāng)你創(chuàng)造網(wǎng)頁(yè)、移動(dòng)應(yīng)用甚至智能手表的交互時(shí),就是在設(shè)計(jì)某種類型的交流。設(shè)計(jì)要承載信息,而非阻礙信息。
你在處理時(shí)會(huì)用盡所有設(shè)計(jì)手段來打造一種體驗(yàn)。最終產(chǎn)出并不是給你的,甚至也不是給其他設(shè)計(jì)師,而是給廣大不懂(也不想懂)色彩理論、間距和字體的受眾。他們只知道所有這些結(jié)合在一塊,是否緊密、好用和有趣。
這就是將設(shè)計(jì)視為一種隱形的手段的重要之處。
不同類型的隱形
Billbyronwines
Thankbot
我們談?wù)撾[形設(shè)計(jì)時(shí),會(huì)想到一些不同的東西。每一種隱形設(shè)計(jì)都很重要,會(huì)通過不同方式影響你的工作。
一、隱形的產(chǎn)品和排版,例如品牌或是你不會(huì)注意到的廣告。(這對(duì)應(yīng)用和游戲設(shè)計(jì)師很重要,他們常常要思考設(shè)計(jì)中的擺放問題)
二、隱形的交互和通知都做到了無縫銜接,在你執(zhí)行某些操作或任務(wù)時(shí)并不會(huì)想到它們。(例如手機(jī)上的鬧鐘和警告)
三、隱形的美學(xué)設(shè)計(jì)可以建立情感連接,與用戶融為一體,讓人們渴望投入其中。(這正是我們所關(guān)注的)
設(shè)計(jì)技巧
隱形的美學(xué)植根于設(shè)計(jì)理論的基礎(chǔ)中。這并不是一種趨勢(shì),也非某個(gè)酷炫的新用戶體驗(yàn)特征的運(yùn)用。它使用文字、色彩、字體、圖片、圖標(biāo)和一些技巧來傳遞信息。我們來回顧一些基礎(chǔ),看看它們能如何為你所用。
Mediadistribution
Rebuildingtogether-stl
Nextmatch
文字和語(yǔ)言:
用來向用戶傳遞一種語(yǔ)調(diào)和情緒的文字。在用戶與設(shè)計(jì)進(jìn)行交互時(shí),使用一種語(yǔ)言來傳遞你想表達(dá)的感覺。它是正式的、輕松愉快的、還是滑稽的?它應(yīng)當(dāng)使你感受到熱情,或是想要做出某種反應(yīng)?還要想想措辭的韻律,大聲朗讀時(shí)聽起來是怎樣的?
色彩:
每種顏色和色彩組合都有不同感覺。要考慮情緒和文化因素,選擇顏色會(huì)花費(fèi)許多時(shí)間。仔細(xì)選擇配色方案,選用那些能促使用戶執(zhí)行特定操作的顏色,同時(shí)也創(chuàng)造合適的感覺,保持平衡與協(xié)調(diào)。
字體:
字體本身也會(huì)帶有含義。從干凈的無襯線字體,由周遭環(huán)境獲取含義;到復(fù)雜的粗黑體風(fēng)格,帶有一種形式感。你選用的字體類型會(huì)傳遞特殊的感覺。舉棋不定時(shí),就堅(jiān)持使用無襯線字體或是簡(jiǎn)單襯線的字體,使用統(tǒng)一的筆畫粗細(xì)和常規(guī)字重。
圖片:
你所用的圖片里有什么?包括照片、動(dòng)畫和視頻。其中的人是開心面帶笑容的嗎?(里面有人嗎?)顏色是暖色還是冷色?動(dòng)作快速還是緩慢?瀏覽步調(diào)與閱讀流程要合適——就像步行速度一樣——可以給用戶創(chuàng)造一種特定的舒適度。太快或太慢的動(dòng)作,就會(huì)開始引人注意,用戶就會(huì)更加關(guān)注它,甚至超越圖片本身。
圖標(biāo)與UI元素:
統(tǒng)一的圖標(biāo)集和用戶界面元素,在隱形上大有幫助。一套系統(tǒng)會(huì)通過標(biāo)準(zhǔn)化展現(xiàn),來告訴用戶網(wǎng)站如何運(yùn)轉(zhuǎn)、如何操作,即使圖標(biāo)對(duì)應(yīng)的操作與特定外觀可能并不相同。當(dāng)用戶不需要思考它如何使用時(shí),隱形就生效了。想想每一個(gè)零售商都在使用的購(gòu)物車圖標(biāo),它是查看商品的一種標(biāo)識(shí)。用戶不需要思考如何進(jìn)行到最后一步,或者說如何支付;這個(gè)元素會(huì)將他們引向正確的操作。
其他技巧:
有一大堆設(shè)計(jì)技巧可以成就或破壞你的設(shè)計(jì)——投影、文字效果(例如傾斜)、描邊與邊框、留白、下劃線、列表,等等。其中任何一種的關(guān)鍵還是在于運(yùn)用。如果你打開編輯軟件的工具窗口,在默認(rèn)設(shè)置狀態(tài)下點(diǎn)擊“應(yīng)用”,你就做錯(cuò)了,還會(huì)引發(fā)花哨的效果。用戶忽略了某張圖片,并且怪罪于它陰影太重的時(shí)候(盡管受過訓(xùn)練的設(shè)計(jì)師之眼能夠辨認(rèn)出來),才應(yīng)該使用這些效果。設(shè)計(jì)效果只應(yīng)該有助于整體信息和視覺目標(biāo)。
再回想一下Oliver Reichenstein說過的。它強(qiáng)調(diào)“微觀”和“宏觀”元素。這是關(guān)鍵。要達(dá)到完全隱形,設(shè)計(jì)的每個(gè)細(xì)節(jié)都要精心推敲。
帶有目的進(jìn)行簡(jiǎn)單的設(shè)計(jì)。不要僅僅因?yàn)槟阆胍褂媚撤N技巧,就過度裝飾或加入流行元素。設(shè)計(jì)好每個(gè)細(xì)節(jié),讓它們無縫協(xié)作。同時(shí)設(shè)計(jì)好大局,讓它勾繪出你的項(xiàng)目試圖傳達(dá)的整體概念。不要過度思考:有時(shí)候簡(jiǎn)單的解決方案就是最正確的。(也許正是隱形設(shè)計(jì)的概念促成了扁平化設(shè)計(jì)的興起,并且持續(xù)盛行)