3-invisible-design-method-1

設計并不總是耀眼奪目的藝術。它講究微妙、實用,而且常常是不確定的。很簡單,好的設計往往是隱形的。但是如何做到隱形?尤其網頁設計是一種相當視覺化的手段。本文會重點列舉幾個網站,來印證隱形設計的觀念。

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

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

思考設計中的隱形

Alchemy-digital

1cl20150830

Cyclebycycle

2cl20150830

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

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

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

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

隱形的交流

Godaytrip

4cl20150830

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

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

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

不同類型的隱形

Billbyronwines

5cl20150830

Thankbot

6cl20150830

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

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

設計技巧

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

Mediadistribution

7cl20150830

Rebuildingtogether-stl

9cl20150830

Nextmatch

10cl20150830

文字和語言:

用來向用戶傳遞一種語調和情緒的文字。在用戶與設計進行交互時,使用一種語言來傳遞你想表達的感覺。它是正式的、輕松愉快的、還是滑稽的?它應當使你感受到熱情,或是想要做出某種反應?還要想想措辭的韻律,大聲朗讀時聽起來是怎樣的?

色彩:

每種顏色和色彩組合都有不同感覺。要考慮情緒和文化因素,選擇顏色會花費許多時間。仔細選擇配色方案,選用那些能促使用戶執行特定操作的顏色,同時也創造合適的感覺,保持平衡與協調。

字體:

字體本身也會帶有含義。從干凈的無襯線字體,由周遭環境獲取含義(Helvetica);到復雜的粗黑體風格(巴洛克式文字),帶有一種形式感。你選用的字體類型會傳遞特殊的感覺。舉棋不定時,就堅持使用無襯線字體或是簡單襯線的字體,使用統一的筆畫粗細和常規字重。

圖片:

你所用的圖片里有什么?包括照片、動畫和視頻。其中的人是開心面帶笑容的嗎?(里面有人嗎?)顏色是暖色還是冷色?動作快速還是緩慢?瀏覽步調與閱讀流程要合適——就像步行速度一樣——可以給用戶創造一種特定的舒適度。太快或太慢的動作,就會開始引人注意,用戶就會更加關注它,甚至超越圖片本身。

圖標與UI元素:

統一的圖標集和用戶界面元素,在隱形上大有幫助。一套系統會通過標準化展現,來告訴用戶網站如何運轉、如何操作,即使圖標對應的操作與特定外觀可能并不相同。當用戶不需要思考它如何使用時,隱形就生效了。想想每一個零售商都在使用的購物車圖標,它是查看商品的一種標識。用戶不需要思考如何進行到最后一步,或者說如何支付;這個元素會將他們引向正確的操作。

其他技巧:

有一大堆設計技巧可以成就或破壞你的設計——投影、文字效果(例如傾斜)、描邊與邊框、留白、下劃線、列表,等等。其中任何一種的關鍵還是在于運用。如果你打開編輯軟件的工具窗口,在默認設置狀態下點擊“應用”,你就做錯了,還會引發花哨的效果。用戶忽略了某張圖片,并且怪罪于它陰影太重的時候(盡管受過訓練的設計師之眼能夠辨認出來),才應該使用這些效果。設計效果只應該有助于整體信息和視覺目標。

結論

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

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

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

【優設八月人氣好文合集】

廣告最愛的牛奶潑濺效果人像!
《PS新手教程!手把手教你打造廣告級的牛奶噴濺美女人像效果》

超酷炫的文字人像效果!
《PS教程!手把手教你繪制酷炫的文字人像效果》

手繪人像效果!
《PS人氣教程!手把手教你將照片做成手繪作品(附方法大全)》

原文鏈接:designmodo
譯文地址:colachan

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量100萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊
收藏

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏