圓角趨勢

1、移動硬件設備的趨勢

設備趨勢

以目前主流硬件設備為例，像Apple，小米，vivo，OPPO和華為的硬件設備都趨向于更加圓潤的工業設計，由外而內的圓角趨勢。

屏幕趨勢

屏幕更大，全面屏圓角更大，甚至弧面屏 內容超出直角 視覺障礙更大。

2、UI界面的設計趨勢

拿iOS和MIUI為例，系統UI趨于更大圓角和卡片，國內主流廠商系統UI也都趨于圓角化。

圓角優勢

1，容易識別

在信息識別方面，圓角相對于直角更加容易識別。

拿iOS系統界面為例，圓角信息更容易被識別，信息瀏覽更流暢，在頁面中更容易閱讀。

2，減少視覺影響

銳角比鈍角產生更強的虛幻的突顯性，也就是銳角會對用戶造成視覺影響，沒有鈍角更加聚焦于內容。

3，安全感

尖銳物具有警惕性，圓角則帶有柔軟溫和性。

以視頻播放按鈕為例，圓角弧度大些的會給用戶親切安全的感覺。

4，引導性

圓角有弧度的卡片具有聚焦內容的隱形感知，可隱形引導用戶將視覺往中部聚焦；曲線可預知臨近的方向，具有安全可預知的作用。

為什么我們使用圓角？

1，提升視覺舒適度，聚焦內容

在組件中使用圓角卡片更容易讓用戶聚焦內容，平滑的圓角瀏覽起來更加舒適。

2，提升品牌識別度，品牌一致性

檢查應用模塊或組件控件細節中是否使用圓角，統一的圓角有助于提升品牌識別度，品牌一致性。

3，趨于移動設備系統UI方向，跟隨流行趨勢

減少應用與設備及系統的差異性，趨于流行設備及系統，貼合流行設計原則。

如何使用圓角？

圓角和平滑圓角

在iOS7之后iOS圓角使用了曲率圓角，將工業設計中的曲率概念運用在了系統界面中，曲率的過度更加平滑舒適。詳細的介紹可見這篇文章《從圓角到圓角》。

最大圓角

尋找應用中所用到最大的卡片圓角，以最大卡片為基數從上至下設定不同尺寸模塊圓角大小。例如48px、40px、32px、24px、16px、12px、8px。

卡片比例

或者，可以根據卡片所占屏幕橫向比例來設定圓角大小。例如 1倍，1/2倍，1/3倍。

設計細節

特別注意，圓角中的圓角，當卡片使用了圓角時，角標圓角不可大于卡片圓角。為使卡片載體更具包含性，視覺間距更和諧，角標的圓角應小于卡片圓角。

總結

以上是生活随笔為你收集整理的UI设计规范之圆角有哪些优势？为什么我们使用圆角？如何使用？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。