最少的輸入,最豐富的輸出:好的設計往往是隱形的
設計并不總是耀眼奪目的藝術。它講究微妙、實用,而且常常是不確定的。很簡單,好的設計往往是隱形的。
明確一點——隱形的設計并非在項目中增加圖層、透明度或是隱藏含義。它是為了打造用戶為中心的項目,使之功能齊備,視覺愉悅。
當我還是個年輕的設計師時,就一遍遍聽到這句話。如果你不得不“裝飾”畫布,那就是在過度設計。最好的設計——真正使項目有效運轉的設計——是隱形的。
但是如何做到隱形?尤其網頁設計是一種相當視覺化的手段。(額外補充,本文會重點列舉幾個網站,來印證隱形設計的觀念。)
思考設計中的隱形
咱們別離題萬里,設計當然是可見的。關于這點毫無疑問。但是你所用的工具與技巧,不應該在普通用戶面前耀武揚威。
多數設計只追求“感覺對了”。用戶想要沉浸其中,操作某樣東西。他們不必理解其中緣由。這就是隱形的設計。
Oliver Reichenstein,Information Architects的創始人和總監,以強調隱形設計觀念而聞名。雖然在聽到他的觀點之前,它已經深深烙印在我的腦海中。在The Verge的訪談中有一些只言片語。
“優秀的設計是隱形的。優秀的界面設計會細到亞原子級的微觀字體(文字的精確定義)、看不見的宏觀文字布局(文字的運用方式)、還有由交互設計和信息架構組成的隱形世界。最少的輸入,最豐富的輸出,界面設計師都致力于使用戶花費最少的注意力。就像字體設計師與工程師那樣,我們并不會試圖找到完美的解決方案,但會尋找最佳的兩全之策?!?/p>
隱形的交流
當你創造網頁、移動應用甚至智能手表的交互時,就是在設計某種類型的交流。設計要承載信息,而非阻礙信息。
你在處理時會用盡所有設計手段來打造一種體驗。最終產出并不是給你的,甚至也不是給其他設計師,而是給廣大不懂(也不想懂)色彩理論、間距和字體的受眾。他們只知道所有這些結合在一塊,是否緊密、好用和有趣。
這就是將設計視為一種隱形的手段的重要之處。
不同類型的隱形
我們談論隱形設計時,會想到一些不同的東西。每一種隱形設計都很重要,會通過不同方式影響你的工作。
- 隱形的產品和排版,例如品牌或是你不會注意到的廣告。(這對應用和游戲設計師很重要,他們常常要思考設計中的擺放問題)
- 隱形的交互和通知都做到了無縫銜接,在你執行某些操作或任務時并不會想到它們。(例如手機上的鬧鐘和警告)
- 隱形的美學設計可以建立情感連接,與用戶融為一體,讓人們渴望投入其中。(這正是我們所關注的)
設計技巧
隱形的美學植根于設計理論的基礎中。這并不是一種趨勢,也非某個酷炫的新用戶體驗特征的運用。它使用文字、色彩、字體、圖片、圖標和一些技巧來傳遞信息。我們來回顧一些基礎,看看它們能如何為你所用。
- 文字和語言:用來向用戶傳遞一種語調和情緒的文字。在用戶與設計進行交互時,使用一種語言來傳遞你想表達的感覺。它是正式的、輕松愉快的、還是滑稽的?它應當使你感受到熱情,或是想要做出某種反應?還要想想措辭的韻律,大聲朗讀時聽起來是怎樣的?
- 色彩:每種顏色和色彩組合都有不同感覺。要考慮情緒和文化因素,選擇顏色會花費許多時間。仔細選擇配色方案,選用那些能促使用戶執行特定操作的顏色,同時也創造合適的感覺,保持平衡與協調。
- 字體:字體本身也會帶有含義。從干凈的無襯線字體,由周遭環境獲取含義(Helvetica);到復雜的粗黑體風格(巴洛克式文字),帶有一種形式感。你選用的字體類型會傳遞特殊的感覺。舉棋不定時,就堅持使用無襯線字體或是簡單襯線的字體,使用統一的筆畫粗細和常規字重。
- 圖片:你所用的圖片里有什么?包括照片、動畫和視頻。其中的人是開心面帶笑容的嗎?(里面有人嗎?)顏色是暖色還是冷色?動作快速還是緩慢?瀏覽步調與閱讀流程要合適——就像步行速度一樣——可以給用戶創造一種特定的舒適度。太快或太慢的動作,就會開始引人注意,用戶就會更加關注它,甚至超越圖片本身。
- 圖標與UI元素:統一的圖標集和用戶界面元素,在隱形上大有幫助。一套系統會通過標準化展現,來告訴用戶網站如何運轉、如何操作,即使圖標對應的操作與特定外觀可能并不相同。當用戶不需要思考它如何使用時,隱形就生效了。想想每一個零售商都在使用的購物車圖標,它是查看商品的一種標識。用戶不需要思考如何進行到最后一步,或者說如何支付;這個元素會將他們引向正確的操作。
- 其他技巧:有一大堆設計技巧可以成就或破壞你的設計——投影、文字效果(例如傾斜)、描邊與邊框、留白、下劃線、列表,等等。其中任何一種的關鍵還是在于運用。如果你打開編輯軟件的工具窗口,在默認設置狀態下點擊“應用”,你就做錯了,還會引發花哨的效果。用戶忽略了某張圖片,并且怪罪于它陰影太重的時候(盡管受過訓練的設計師之眼能夠辨認出來),才應該使用這些效果。設計效果只應該有助于整體信息和視覺目標。
結論
再回想一下Oliver Reichenstein說過的。它強調“微觀”和“宏觀”元素。這是關鍵。要達到完全隱形,設計的每個細節都要精心推敲。
帶有目的進行簡單的設計。不要僅僅因為你想要使用某種技巧,就過度裝飾或加入流行元素。設計好每個細節,讓它們無縫協作。同時設計好大局,讓它勾繪出你的項目試圖傳達的整體概念。不要過度思考:有時候簡單的解決方案就是最正確的。(也許正是隱形設計的概念促成了扁平化設計的興起,并且持續盛行)
你有沒有偶然發現哪些網站的設計是隱形的,并且完美運轉?可以在評論中與我們分享。
原文鏈接:http://designmodo.com/invisible-design/
作者信息:
Carrie Cousins
Carrie Cousins has more than 10 years experience in the communications industry, including writing for print and online publications, and design and editing. You can connect with her on Twitter @carriecousinsand Google+.
#專欄作家#
可樂橙,微信公眾號:可樂橙(colachangreen)。人人都是產品經理專欄作家,UI/UX設計師,關注互聯網,關注科技。現居杭州,與小伙伴們正在創業途中。或許不是一名優秀的設計師,至少是個快樂的設計師。
本文原創發布于人人都是產品經理,未經許可,不得轉載。
- 目前還沒評論,等你發揮!