守望者

@詠舍:為什么現在app設計中的圖標越來越圓乎乎?卡片的四角也越來越圓?有人說因為圓被稱為最完美的圖形,具有很強的包容性,幾乎能任意搭配。還有人說這是一種設計趨勢,讓設計看起來更有親和力。

為什么現在app設計中的圖標越來越圓乎乎?卡片的四角也越來越圓?有人說因為圓被稱為最完美的圖形,具有很強的包容性,幾乎能任意搭配。還有人說這是一種設計趨勢,讓設計看起來更有親和力。

 

第一,圓角更具有溫度感受

在我們日常生活中,圓角的產品無處不在。比如我們看到圓潤的東西會感覺比較安全、更容易掌控,反之,看到尖銳的東西感覺危險,沒有安全感。

尖銳:通常會使人產生距離感,我們的生活經驗告訴自己尖銳的物品或者是較為鋒利的東西通常是比較危險

圓潤:更具有溫度和親和力,給人安全舒適之感,所以在設計中采用圓角能夠看起來更加具有安全、親和力。

因而對于尖銳的物品容易激起對于銳利的邊緣的神經科學所謂的“回避反應” 。我們本能選擇“避免鋒利的邊緣,因為它們會構成威脅”。

 

第二,對圓形的文化情懷

圓在東方美學中寓意著圓滿、完美。尤其在中國文化中是重要的精神原型,比如我們常見的太極、天圓地方、天人合一之說等等,這些都是中國傳統文化的精髓,體現了一種世界觀、哲學、文化??梢哉f沒有圓就沒有如今的文化。

圓在設計應用比比皆是,但它不單是一個簡單圖形,而是一種現世哲學,體現了東方智慧的處世之道,比如,一家老少圍坐一起,其樂融融,象征了團圓的東方美學情懷。在設計中對圓的設計更多體現了一些東方美學的哲理,更有包容性,一致性

 

第三,眼睛對圓形的識別

有篇文章寫有研究表明說是因為眼睛成像原因,人眼更容易接受圓角而不是直角,因為圓角在視覺過程中更易認知。在視網膜中有個叫中央凹的地方,他是視覺最敏銳的區域,中央凹在處理圓形時最快,處理邊緣要經過大腦中的“神經影像工具”。因而,當眼睛看到圓角更容易識別出來。

巴羅神經學研究所完成的關于“角(corners)”的科學研究發現,“角的突顯性感知與角的度數的線性變化,銳角比鈍角產生更強的虛幻的突顯性”。換句話說,角越銳利,看起來就越顯而易見。而角出現的越凸顯,就越多對視覺過程產生影響。

 

第四,識別圓角內容時注意力變化

前面我們了解了視覺原理后,對于圓角卡片就比較好理解了。因為圓角比較圓潤,在中央凹處理圖形識別時候比較快,人的注意力就更多轉向矩形的中心內容了,這樣圓角設計更能突顯矩形內的內容。直角的邊緣比在識別中“角”的邊緣比較凸顯,而且人在識別內容時候不由注意力就指向矩形的外部,對內部的內容突出相對就減少。

 

直角?圓角?

那最后,問題來了,既然圓角那么好,為什么樓房設計的都不是圓乎乎的呢?為什么曲面設計的屏幕更貴?為什么房間圓乎乎的角更難用呢?

圓角設計還是直角設計該如何選擇呢?

未完待續……

 

原文地址:詠舍(公眾號)
作者:詠舍

轉載請注明:學UI網 » 一個圓角的設計思考

登錄收藏
 
你可能喜歡的:
UI組件-滑塊 用戶超愛的選擇小助手UI組件-滑塊 用戶超愛的選擇小助手
啥?你說我不懂如何設計消息中心?啥?你說我不懂如何設計消息中心?
界面布局| 移動端常見8種界面布局的分析與運用界面布局| 移動端常見8種界面布局的分析與運用
砂之船奧萊數字化零售項目砂之船奧萊數字化零售項目
Material Design Shape and motion 形狀與動效Material Design Shape and motion 形狀與動效
Material Design Shape as expression 形狀表達Material Design Shape as expression 形狀表達
細說控件| Button按鈕的不同樣式與狀態細說控件| Button按鈕的不同樣式與狀態
Material Design Shape and hierarchy 形狀與層級Material Design Shape and hierarchy 形狀與層級
聊聊加載等待的那些事之“進度指示器”(原則篇)聊聊加載等待的那些事之“進度指示器”(原則篇)
Material Design About shape 形狀指南Material Design About shape 形狀指南
?
街机捕鱼城金库券