設(shè)計(jì)并不總是耀眼奪目的藝術(shù)。它講究微妙、實(shí)用，而且常常是不確定的。很簡(jiǎn)單，好的設(shè)計(jì)往往是隱形的。

明確一點(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ì)——是隱形的。

但是如何做到隱形？尤其網(wǎng)頁(yè)設(shè)計(jì)是一種相當(dāng)視覺化的手段。（額外補(bǔ)充，本文會(huì)重點(diǎn)列舉幾個(gè)網(wǎng)站，來印證隱形設(shè)計(jì)的觀念。）

思考設(shè)計(jì)中的隱形

咱們別離題萬里，設(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ōu)秀的設(shè)計(jì)是隱形的。優(yōu)秀的界面設(shè)計(jì)會(huì)細(xì)到亞原子級(jí)的微觀字體（文字的精確定義）、看不見的宏觀文字布局（文字的運(yùn)用方式）、還有由交互設(shè)計(jì)和信息架構(gòu)組成的隱形世界。最少的輸入，最豐富的輸出，界面設(shè)計(jì)師都致力于使用戶花費(fèi)最少的注意力。就像字體設(shè)計(jì)師與工程師那樣，我們并不會(huì)試圖找到完美的解決方案，但會(huì)尋找最佳的兩全之策。”

隱形的交流

當(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ì)視為一種隱形的手段的重要之處。

不同類型的隱形

我們談?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ǔ)，看看它們能如何為你所用。

• 文字和語言：用來向用戶傳遞一種語調(diào)和情緒的文字。在用戶與設(shè)計(jì)進(jìn)行交互時(shí)，使用一種語言來傳遞你想表達(dá)的感覺。它是正式的、輕松愉快的、還是滑稽的？它應(yīng)當(dāng)使你感受到熱情，或是想要做出某種反應(yīng)？還要想想措辭的韻律，大聲朗讀時(shí)聽起來是怎樣的？
• 色彩：每種顏色和色彩組合都有不同感覺。要考慮情緒和文化因素，選擇顏色會(huì)花費(fèi)許多時(shí)間。仔細(xì)選擇配色方案，選用那些能促使用戶執(zhí)行特定操作的顏色，同時(shí)也創(chuàng)造合適的感覺，保持平衡與協(xié)調(diào)。
• 字體：字體本身也會(huì)帶有含義。從干凈的無襯線字體，由周遭環(huán)境獲取含義（Helvetica）；到復(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)。

結(jié)論

再回想一下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ù)盛行）

你有沒有偶然發(fā)現(xiàn)哪些網(wǎng)站的設(shè)計(jì)是隱形的，并且完美運(yùn)轉(zhuǎn)？可以在評(píng)論中與我們分享。

原文鏈接：http://designmodo.com/invisible-design/

譯文鏈接：可樂橙