设计之家 > 靈感 > 網頁UI > 網頁理論 >

什麼是隱形設計

作者:佚名 來源:可樂橙 時間:2015-09-04

設計並不總是耀眼奪目的藝術。它講究微妙、實用,而且常常是不確定的。很簡單,好的設計往往是隱形的。

明確一點——隱形的設計並非在項目中增加圖層、透明度或是隱藏含義。它是為了打造用戶為中心的項目,使之功能齊備,視覺愉悅。

當我還是個年輕的設計師時,就一遍遍聽到這句話。如果你不得不“裝飾”畫布,那就是在過度設計。最好的設計——真正使項目有效運轉的設計——是隱形的。

但是如何做到隱形?尤其網頁設計是一種相當視覺化的手段。(額外補充,本文會重點列舉幾個網站,來印證隱形設計的觀念。)

思考設計中的隱形

Invisible Design

Cycle

咱們別離題萬裏,設計當然是可見的。關於這點毫無疑問。但是你所用的工具與技巧,不應該在普通用戶面前耀武揚威。

多數設計隻追求“感覺對了”。用戶想要沉浸其中,操作某樣東西。他們不必理解其中緣由。這就是隱形的設計。

Oliver Reichenstein,Information Architects的創始人和總監,以強調隱形設計觀念而聞名。雖然在聽到他的觀點之前,它已經深深烙印在我的腦海中。在The Verge的訪談中有一些隻言片語。

“優秀的設計是隱形的。優秀的界面設計會細到亞原子級的微觀字體(文字的精確定義)、看不見的宏觀文字布局(文字的運用方式)、還有由交互設計和信息架構組成的隱形世界。最少的輸入,最豐富的輸出,界面設計師都致力於使用戶花費最少的注意力。就像字體設計師與工程師那樣,我們並不會試圖找到完美的解決方案,但會尋找最佳的兩全之策。”

隱形的交流

Nanamee

Day trip

當你創造網頁、移動應用甚至智能手表的交互時,就是在設計某種類型的交流。設計要承載信息,而非阻礙信息。

你在處理時會用盡所有設計手段來打造一種體驗。最終產出並不是給你的,甚至也不是給其他設計師,而是給廣大不懂(也不想懂)色彩理論、間距和字體的受眾。他們隻知道所有這些結合在一塊,是否緊密、好用和有趣。

這就是將設計視為一種隱形的手段的重要之處。

不同類型的隱形

Bill Bbyron Wines

Thank Bot

我們談論隱形設計時,會想到一些不同的東西。每一種隱形設計都很重要,會通過不同方式影響你的工作。

  • 隱形的產品和排版,例如品牌或是你不會注意到的廣告。(這對應用和遊戲設計師很重要,他們常常要思考設計中的擺放問題)
  • 隱形的交互和通知都做到了無縫銜接,在你執行某些操作或任務時並不會想到它們。(例如手機上的鬧鍾和警告)
  • 隱形的美學設計可以建立情感連接,與用戶融為一體,讓人們渴望投入其中。(這正是我們所關注的)

設計技巧

Hto

隱形的美學植根於設計理論的基礎中。這並不是一種趨勢,也非某個酷炫的新用戶體驗特征的運用。它使用文字、色彩、字體、圖片、圖標和一些技巧來傳遞信息。我們來回顧一些基礎,看看它們能如何為你所用。

espn

Rebuild

Usmnt

  • 文字和語言:用來向用戶傳遞一種語調和情緒的文字。在用戶與設計進行交互時,使用一種語言來傳遞你想表達的感覺。它是正式的、輕鬆愉快的、還是滑稽的?它應當使你感受到熱情,或是想要做出某種反應?還要想想措辭的韻律,大聲朗讀時聽起來是怎樣的?
  • 色彩:每種顏色和色彩組合都有不同感覺。要考慮情緒和文化因素,選擇顏色會花費許多時間。仔細選擇配色方案,選用那些能促使用戶執行特定操作的顏色,同時也創造合適的感覺,保持平衡與協調。
  • 字體:字體本身也會帶有含義。從幹淨的無襯線字體,由周遭環境獲取含義(Helvetica);到複雜的粗黑體風格(巴洛克式文字),帶有一種形式感。你選用的字體類型會傳遞特殊的感覺。舉棋不定時,就堅持使用無襯線字體或是簡單襯線的字體,使用統一的筆畫粗細和常規字重。
  • 圖片:你所用的圖片裏有什麼?包括照片、動畫和視頻。其中的人是開心面帶笑容的嗎?(裏面有人嗎?)顏色是暖色還是冷色?動作快速還是緩慢?瀏覽步調與閱讀流程要合適——就像步行速度一樣——可以給用戶創造一種特定的舒適度。太快或太慢的動作,就會開始引人注意,用戶就會更加關注它,甚至超越圖片本身。
  • 圖標與UI元素:統一的圖標集和用戶界面元素,在隱形上大有幫助。一套系統會通過標準化展現,來告訴用戶網站如何運轉、如何操作,即使圖標對應的操作與特定外觀可能並不相同。當用戶不需要思考它如何使用時,隱形就生效了。想想每一個零售商都在使用的購物車圖標,它是查看商品的一種標識。用戶不需要思考如何進行到最後一步,或者說如何支付;這個元素會將他們引向正確的操作。
  • 其他技巧:有一大堆設計技巧可以成就或破壞你的設計——投影、文字效果(例如傾斜)、描邊與邊框、留白、下劃線、列表,等等。其中任何一種的關鍵還是在於運用。如果你打開編輯軟件的工具窗口,在默認設置狀態下點擊“應用”,你就做錯了,還會引發花哨的效果。用戶忽略了某張圖片,並且怪罪於它陰影太重的時候(盡管受過訓練的設計師之眼能夠辨認出來),才應該使用這些效果。設計效果隻應該有助於整體信息和視覺目標。

結論

再回想一下Oliver Reichenstein說過的。它強調“微觀”和“宏觀”元素。這是關鍵。要達到完全隱形,設計的每個細節都要精心推敲。

帶有目的進行簡單的設計。不要僅僅因為你想要使用某種技巧,就過度裝飾或加入流行元素。設計好每個細節,讓它們無縫協作。同時設計好大局,讓它勾繪出你的項目試圖傳達的整體概念。不要過度思考:有時候簡單的解決方案就是最正確的。(也許正是隱形設計的概念促成了扁平化設計的興起,並且持續盛行)

你有沒有偶然發現哪些網站的設計是隱形的,並且完美運轉?可以在評論中與我們分享。


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

譯文鏈接:可樂橙

标签:隱形設計

相關文章:

推薦設計

最新文章