UI 設計師越來越常使用圓角的按鈕,好像這已經是一種標準規格,而不只是一種設計潮流;而且這潮流不只能在軟體 UI 上發現,也有越來越多的硬體介面採用圓角設計。所以,圓角到底有什麼資格這麼紅?
圓角看起來很討喜,但除了討喜之外,還有更多玄機藏在圓角裏頭:
- 因為圓角看起來就是比較「順眼」
大家應該都能欣賞圓角的美,但可能就不知道為什麼圓比較美,其實問題的答案就在眼睛上。
巴羅神經科學研究院(Barrow Neurological Institute)研究發現,一個角的刺眼程度與其角度成反比;尖角比鈍角產生更強的視覺顯著性(preserved salience)。換句話說,角越尖,看起來越亮眼;一個角看起來越亮眼,就越有可能提高視覺處理的費力程度。
哪個比較順眼?
如同上述,圓角矩形比方角矩形更「好看」,因為眼睛在處理圓角的時候比較不費力。所以,圓角矩形對眼睛來說比較容易處理,因為它們比起方角矩形更接近圓形。
- 因為圓形的東西感覺比較安全
其實我們在生活中接觸許多圓形物件。
從小我們就知道尖銳的東西容易傷人,圓圓的東西比較安全。這就是為什麼當小孩玩湯匙時,父母會比較沒有警覺心,但如果玩的是叉子,為了不讓孩子受傷,父母就會飛快把叉子搶過來。這呼應了神經科學上人類對於尖銳物的迴避反應(avoidance response),因為尖銳物本身就是一種對安全的威脅。
小孩子玩哪個你會比較放心?
- 因為圓角讓資訊容易處理
圓角比較容易讓人的視線順著線條走。
這個現象在地圖或表格上尤其顯著,因為弧度曲線本來就比較符合自然的頭部與眼球的運動方式。過於尖銳的轉折,相當於是把視線「甩」出線條外,所以閱讀時不免感到不太順。但如果用圓圓的線條當轉角,線條就比較能順利引導視線,平順地看完整個內容。
圓角同時也是很有效率的按鈕、區塊形式。因為圓角有兩個轉折點,可以把視線引導到一個矩形的中心點,這有助於人專注在矩形內的資訊。
除此之外,當兩個矩形並排時,圓角也比較能幫助讀者分別兩個不同的區塊。相反的,尖角是指向矩形以外的,就比較容易分散對矩形中心的注意力。而尖角設計也會比較難讓兩個靠近的區塊有所分別,這是因為每個矩形的邊邊都是直線,看起來像是疊在一起;而圓角的邊邊是向自身彎曲的線條,較易導引視覺到自己的內容,而不是其他區塊的內容。
(資料來源:UX Movement)







