人類依靠五種感官來收集各類信息,聽覺、觸覺、視覺、味覺和嗅覺。
我之前也談及過這個話題,不過在我的認知裡,最常依賴的其實是 “想象”。據說,人類獲取的信息中有 80% 源自視覺,大腦只有三分之一的部分用於處理視覺信息。以我的工作為例,我從事設計,主要就是通過視覺的形式向人們傳遞信息。

眼睛所看到的東西

在日常工作中一般使用以下內容,比如說UI和平面設計之類的

顏色和形狀是關鍵要素。而 “運動” 元素,則多用於網站和應用程序中,通過動態變化來展示功能及狀態。
我在實際工作裡用平面較多,“運動” 很少成為關注點。所以,在這裡我著重講 “顏色” 與 “形狀”。
顏色相對容易被理解,那形狀呢?
想必有人會疑惑:圓形、三角形、正方形、直線、曲線…… 這些形狀又是什麼?
其實,利用 “形狀” 傳遞信息,主要通過兩個方法
形狀自身的特點
佈局,排版的方式
形狀的不同,能引發人們不同的心理感受與聯想。
所以說,如果是對顏色和形狀的屬性、特徵沒有了解,我們就難以精準理解其中的意義,也無法表達出來。
顏色

為你展示的這張圖,是一個典型的 “利用顏色傳達信息” 的案例。
交通燈,靠紅、黃、綠三色,順暢交通。
麥當勞用醒目顏色刺激食慾
路線圖借不同顏色梳理複雜信息
制服憑顏色讓人快速分辨敵我
顏色能快速傳達信息。相比形狀,人們識別顏色差異更快,但需有一定色差。正因如此,顏色傳達信息易於理解。
但是,人類能夠辨別的顏色數量是有限的。

這是顏色在信息傳達方面的一個缺點,以成都地鐵路線圖為例,有時就會讓人犯難。比如面對藍色系的線路,很難一眼看清究竟有多少條藍色列車行駛的線路。
理論上顏色的種類無窮無盡,不過,能讓人一眼就輕鬆辨認出差異的顏色數量卻極為有限,可能也就 30 種左右。不同人對顏色的辨別能力有別,但總體而言,可快速識別的顏色數量並不多。
所以,在考慮配色時,建議以黑白色的顏色種類為基礎,在此之上,再運用這些顏色間的過渡色。
形狀

字母借形狀差異表聲音,助力詳細多樣的信息交流
條形碼和支付二維碼靠形狀差異,高速處理大量文本、數字
面部識別系統通過識別面部形狀來判斷是否真人
形狀有 “無限” 的特性。字母組合成詞句,為信息傳遞提供多樣方式。條形碼、二維碼單色,憑形狀傳信息。面部識別系統聚焦臉部形狀,因顏色受環境影響無定式。
文字形狀

我列出了所有 “盒” 字的標誌,形狀各異,所謂的相同只是視覺錯覺。設計師要按需求去合理運用這些字符,還要兼顧可讀性、力量感。
但,人類真的很奇妙,儘管 “盒” 字符大小、粗細有別,甚至扭曲,卻都能被識別為 “盒”字。
再聊聊排版。
排版效果很重要,得明確不同形狀給人的感覺。
美觀均衡的排版,空白美觀且比例協調,正是 “空白” 塑造了排版 “形狀”。調整 “邊距” 時,要留意其對 “形狀” 的影響。

“尺寸/大小” 屬於形狀範疇,能傳達重要性與形象。設計時,文本要大小合適、方便閱讀,符合目標受眾最小可讀尺寸 。
運動,可以被定義為 “顏色”“形狀” 和 “深度” 的變化
人們對變化格外敏感,在視覺信息裡,最吸引我們關注的當屬 “運動”。
然而,運動帶來的只是 “情報收集”,接下來更重要的是如何抓住受眾?想想看,捕捉靜止的昆蟲或魚,是不是比捕捉移動的要容易得多?
例如下面的例子

人物的神態、伸出手掌的動作,都有強烈的引導感和動態感。不同場景、食物、文字等元素組合在一起,元素間看似隨意卻有節奏的排列,給人一種畫面在不斷變化、湧動的視覺感受,這都是運動和深度。
UI和網頁設計中,運動作用不少:直觀傳達用戶操作、引導目光、優化體驗、表達世界觀、讓內容隨滾動展開、助力高效信息溝通。雖運動重要,但並非主要信息 。
