幾何

最近看了篇文章,是關于設計中的圓角和直角如何選擇的,標題為“圓角or直角?UI設計師必看法則!”。

乍一看上去不是寫給初學者的就是標題黨的感覺,但凡事問個為什么的心促使我點了進去,讀完之后感覺這么好的文章竟然敗在了標題上,恰巧我們平臺也在圓角和直角的選擇上有一些思考,因此結合實際經歷來和大家一起解讀這篇文章。

 

文章中四個模塊以疑問句的形式出現:

圓角識別度更高?

應該使用全圓角嗎?

什么時候不用圓角?

圓角的美學;

 

1.圓角識別度問題中解釋說

1.圓角對視覺更加友好

這第一條是個非常淺顯的道理,開篇這么薄不禁讓我菊花一緊。從我個人觀點出發,我覺著這一點并沒有充分說明白,其實生活中很多圓角的場景,放到產品里是一種隱喻。舉例來說:

(1)iPhone6以后的機型和小米3對比,從握持感上來說必定是iPhone更舒適,更符合人體工程學;

(2)墻角的防撞弧相比尖銳的桌角,不那么銳利的圓角帶給你的是安全和放心

所以把這種生活中舒適、安全、友好的隱喻是可以一定程度上可以轉化傳遞到產品上,畢竟設計來源于生活,也是擬物/隱喻時代誕生的根基

2.識別視覺差異

圓角卡片上,易區分的邊緣會引導我們的眼睛識別視覺差異,

相反的,有棱角的卡片看起來是統一的,不太可能引起我們的注意。

原作作者在這特別注明了此項研究的來源「在文章《Why Rounded Corners Are Easier on the Eyes》中指出,巴羅神經學研究所進行科學研究發現,“角落的感知突出性與角落的角度呈線性關系。

銳角產生比淺角度更強的虛幻顯著性。換句話說,角落越尖銳,它就越亮,看起來就越難?!垢惺芟孪聢D,應該可以參悟出在這段注釋的道理;

 

2.應該使用全圓角嗎?

通過上文可以知道,感受上用戶可以更容易“看得到”圓角的組件,那么在合適的操作上用全圓角的樣式將用戶的注意力引向了行為召喚是很可行的辦法「行為召喚——Call To Action Design,透過設計讓用戶自己想到要做某種行為,而不是要求、強迫用戶去做?!?/p>

文中舉例Spotify,如下圖:

鮮明的品牌色+全圓角的樣式總有一種點擊欲,這大概就是行為召喚吧

 

3.什么時候不用圓角?

文中指出“看起來像標簽”、“全圓按鈕在顯示嵌套選項時失敗”和“全圓形按鈕不適合堆疊”的時候不宜用圓角。

我從我的角度上來講,既然是設計語言,那么能繼承的一定要繼承,但一定要明確,這個繼承是繼承“共性”而非樣式。

舉個例子,之前我所處的其他業務線的設計同學有指出“為什么toast要有兩種樣式,為什么不統一一下?要么就全圓角嘛,要么就圓角矩形嘛,不要搞這么復雜的?!?/p>

乍一聽好像很有道理,但其實是站不住腳的,語言講究的是共性,而非樣式。按照這個來看只要繼承了圓角屬性的組件,我都視為合理。

再打個比方:世界上分三種人-黃種人、黑種人和白種人,區分三者的一定是膚色和血統,而非長相,設想下如果所有的黃種人長成一個樣子將會是多么的可怕!

 

4.圓角的美學

文中舉例當下的設計趨勢,chrome的搜索欄圓角變化,從樂觀、開發和簡約上敘述了一番;這塊我看來就仁者見仁智者見智了,主觀的東西怎么說都有道理嘛,就不贅述了。

綜上所述在我司(及所有平臺)這個APP里圓角將是設計語言中重要的組成部分。

當然除了上文說的之外,未免還有圓角大小這個問題,那么用多大合適呢?目前卡片圓角在375的1x尺寸中,6px的圓角既可以被2整除又可以被3整除,適配起來也毫無壓力。

當然在特殊的地方也允許有特殊的用法,原則上也是能夠快速適配的數值為最佳。

對于視覺定義這塊接下來還會有更多的模塊,最近一段時間要持續更新了/(ㄒoㄒ)/~~?

 

原文地址:Nana的設計錦囊(公眾號)

作者:Nana的設計錦囊

轉載請注明:學UI網 » 設計語言中的圓角與直角

登錄收藏
 
你可能喜歡的:
「職業專欄」:01、如何選擇行業賽道?「職業專欄」:01、如何選擇行業賽道?
設計師,你會表達嗎?設計師,你會表達嗎?
遠程辦公會是未來設計團隊的大趨勢嗎?遠程辦公會是未來設計團隊的大趨勢嗎?
作品被推薦真的那么重要嗎?作品被推薦真的那么重要嗎?
在中小城市的設計師咋增加收入?在中小城市的設計師咋增加收入?
為什么甲方不喜歡極簡主義為什么甲方不喜歡極簡主義
被放大的體驗和被設計的生活被放大的體驗和被設計的生活
快速了解“私域流量”快速了解“私域流量”
用戶體驗一直在提升著人們的生活質量用戶體驗一直在提升著人們的生活質量
不會用APP,會被罵智商有問題?不會用APP,會被罵智商有問題?
?
网球比分雷速 破解11选5的密码出号 贵州快三今天开奖 11选5一定牛辽宁 德国赛车官网开奖记录 大发快三注册 000553股票行情 幸运飞艇官方走势图手机版 上海快3最新结结果 机构推荐股票 上海体彩十一选五一定牛遗漏