UI的圓角設計現正夯!卡通常用連賈伯斯愛不釋手!(下)

UI設計中的圓角為什麼人人愛呢?很多卡通愛用,連賈伯斯也愛不釋手!(下)

本文為下篇，上篇請看此連結

不只是「好看」　圓角設計的背後深意

近年 3C 產品硬體設計上都大量使用圓角，UI 介面設計也順其自然地大量採用圓角。除了是為了要「跟上潮流」，圓潤的造型也的確讓產品設計加分。舉凡服務性產品、企業官網、社群媒體、網路商店等，需要 UI 介面的地方全都導入圓角設計。但是圓角「好看」的背後，到底是什麼原因？

人們為何會熱愛圓角的科學根據尚未定論，大致有以下三種說法：

1. 認知負荷論（cognitive load theory）

認知負荷理論是由澳大利亞新南威爾士大學的認知心理學家 John Sweller 於1988 年提出，他假設人類的認知結構由工作記憶和長時記憶組成。其中工作記憶也可稱為短時記憶，容量十分有限，一次只能夠記下 5～9 條簡單的訊息。

著有《視知覺》（Visual Perception）的瑞士物理學家、藝術家 Jürg Nänni 也曾提出：視網膜中區處理「正圓形」是最快速的，而處理多稜角的形狀則較吃力，速度也較慢。

結合以上理論我們可以得知：「圓角」更容易被大腦處理，因為它能夠降低大腦的認知負荷，也有利於在同樣時間內接受更多資訊。因次比起一般的矩形，人類的大腦更願意接納圓潤的圓角矩型。

2. 視覺動線論

視覺動線是指在讀取眼前資訊時，視覺移動時所構成的方向路徑。這表示視覺動線決定了設計的焦點所在、擺放的位置與順序。

人眼在擷取資訊時，通常不一定會意識到有視覺動線隱藏其中，但是眼睛卻會自然而然地依照視覺動線的設計來移動。

而圓角的「曲線」能自然地、圓滑地帶動一般人的視覺動線，而不會感到突兀與刺眼。

3. 曲線偏坦論（Contour Bias）

以演化心理學的觀點來看，人在面臨可能造成危害的事物時，會湧現出恐懼、不安與抗拒的情緒，這是人類經歷長時間的演化後遺傳下來的「適應體」，目的是為了幫助我們存活，藉以提高生存機會。

除了心理學，腦科學也指出當面對尖銳的物體時，大腦的杏仁核活性會增強。杏仁核是邊緣系統的皮質下中樞，有產生情緒的功能，能產生恐懼記憶並引發應急反應，讓身體能逃離危險。

所以，人類對於形狀銳利的物品往往會有先天的排斥，如果會連想到尖銳物的方角矩型；對於有曲線的圓融物體則會有較高的接納度，讓圓角矩型不被人腦淺意識抗拒。

圓角不是萬靈丹　善用不濫用才是好的 UI

我們已經知道了圓角佔有許多先天優勢，但並不是一股腦地選擇圓角就是正確答案。

在 UI 設計的領域，需要考量的有品牌識別、選用字體、色彩配置以及邊緣線條的採用等等，今天企業如果要一切都端正穩重，那圓角就不見得是最佳解答；並且如果是矯枉過正，使用弧度過大的圓角可能會看起來很不專業，造成反效果。

UI師能塑造出怎麼樣的品牌視覺，背後有許多的「眉眉角角」，需要不斷吸收新知、訓練思考，長時間累積自我的美學素養。

準IT人的-自我學習筆記