初音未来爆乳下裸羞羞无码 I 无码播放一区二区三区 I 91精品视频一区 I 国产玉足脚交久久欧美 I 99九九精品视频 I 久久精品视频网址 I 日韩一级av毛片 I 伦理片亚洲精品 I 欧美二级视频 I 在线免费看黄色的网站 I 欧美35页视频在线观看 I 成人国产精品入口免费视频 I 日韩亚洲国产中文字幕欧美 I 国产三级理论片 I 午夜影院福利社 I 一级黄色录像免费的 I 男人添女人下面全程高潮黄黄 I 亚洲欧美日韩视频一区 I 成人av观看 I 狠狠干影院 I 日韩美女网站 I 网友自拍一区 I 在线一区播放 I av污在线观看 I 亚洲人成人天堂h久久 I 日本xxxxxxx免费视频 I 伊人爽 I 日韩精品一卡2卡三卡4卡 I h黄视频在线观看 I 欧美午夜在线播放 I 五月天视频网站 I 伦伦影院 午夜日韩欧美限制 I 久久久av毛片精品 I 动漫精品视频 I 日本黄网址大全

[產品設計]產品設計中圓角為何應用那么廣泛?

無論是硬件設計還是軟件設計,圓角的應用都非常廣泛。這是因為人眼處理圓角更容易,圓角具備較強的信息引導性,能夠更加凸顯卡片中的內容信息;同時,圓角的設計也更具安全性、親密性。

產品設計.jpg

我們最熟悉的蘋果公司在使用圓角卡片最早卡已追溯到1981年,當時 Apple 的天才程序員 Bill Atkinson 正向團隊展示他是如何用一種聰明的方法可以在僅有 68000 處理器的 Lisa 和 Macintosh 機器上快速畫出圓和橢圓。

Steve Jobs 看了之后有另外的想法,他說:“圓和橢圓都不錯,但是能畫出帶圓角的四邊形嗎?我們現在也能畫出嗎?” Bill Atkinson 回答說,很難做到,而且他認為并不真需要圓角四邊形。Steve Jobs 就立刻強烈回應了:“到處都是圓角四邊形!看看這個房間周圍就知道了!”并且還帶著 Bill Atkinson 出去轉看可以碰到多少圓角四邊形,最后 Bill Atkinson 被說服,第二天下午就拿出了滿意的結果。

首先,我們縱觀2018年當下各大廠商發布的手機,在工業設計上來看基本都采用了更加柔和的圓角設計,例如:iPhone、SAMSUNG、小米、VIVO等等。


在屏幕設計上同樣選擇了圓角設計,在細節之處也保持了高度的統一,例如:在攝像頭位置的連接處同樣采用了圓角弧度作為過渡。我們以iPhone為例:


可見,圓角設計的應用已經成為硬件工業設計的中的非常重要的設計語言。

不止是手機的工業硬件設計上采用了大量的圓角,各大廠商的手機系統 UI 也大量采用了圓角設計。

大家最熟悉的可能就是 iOS 系統里的圓角設計,自2007年隨著 iOS 7 的發布,Apple 將 iOS 上的標志性的圓角標輪廓做了更新,將工業設計中的曲線連續概念應用到了視覺設計上,一直延續至今,在 iOS 12 全面應用。


除了 iOS ,Android 的各大廠商也紛紛使用圓角設計,例如 SAMSUNG 的 ONE UI,都是采用了圓角的設計語言。


以及國內的 MIUI 10 的系統界面設計同樣使用了圓角作為設計語言。


相對于其他圖形,人類的眼睛更容易識別圓角矩形而不是直角矩形,因為人在眼睛的生理構造上中央凹(fovea centralis,是視網膜中視覺最敏銳的區域)在處理圓形時最快,而處理矩形邊緣則需要涉及大腦中更多的“神經影像工具”[1]。

所以,人眼處理圓角更容易,因為它們看起來比普通矩形更接近于圓。


例如:App Store today頁面,通過圓角的卡片設計用戶可以快速識別內容,但如果換成直角的話則會提升它的識別成本。


在巴羅(Barrow)神經學研究所完成的關于“角(corners)”的科學研究發現:“角的突顯性感知與角的度數的線性變化,銳角比鈍角產生更強的虛幻的突顯性”[2]。

換句話說,角越銳利,看起來就越顯而易見。而角出現的越凸顯,就越多對視覺過程產生影響。


例如:西瓜視頻改版中,將“銳角”的播放按鈕改成了“圓角”的播放按鈕,較少了銳角對用戶的視覺影響。


相對于銳角,圓角顯得更加柔和,具有安全感。尖銳的圖形或者物品更容易應用在警惕性的場景里,會給人予以警示或者傷害。

例如危險的標示:


圓角自身的圖形屬性則更加柔和、舒適,給人一種安全感和親密,例如:在設計玩具的時候會采用大量的圓角設計,來讓家長對其放下戒備心,讓家長覺得這是安全的,可以給孩子玩。試想哪個家長會給孩子一把刀子玩?

現在的少兒用戶群體增長也帶來了不可避免的趨勢,針對少兒用戶,由于群體的特殊性,少兒應用 app 中使用了大量的圓角設計,例如:ABC mouse 中控件都使用了大圓角的設計,使界面顯得富有童趣,且安全可靠。


圓角在使用地圖或圖表的場景中具有的得天獨厚的優勢,圓角的弧度能夠更加平滑的連續的引導用戶的視線,符合用戶的頭部與眼睛的自然運動,而銳角則會迫使用戶的視線進行強制轉折,其中容易造成用戶的停頓。


例如:北京的地鐵地圖,在折線處都采用了圓角設計,具有很強的引導性,來幫助用戶快速查詢各個地鐵站點。


在一些具有引導性、指向性的圖標中大量使用圓角曲線,例如高德地圖的導航界面,轉彎 icon 的轉折點使用了圓角作為過渡,引導用戶視線。


在卡片上的應用中,由于邊緣圓角向內指向矩形的中心更加明顯,所以更加凸顯卡片內的內容。


當多個卡片并排時,帶圓角的卡片具有更強的內部指向性,且相鄰的兩條線差異化較大,我們可以清楚分辨他們的邊界線,所以更加容易被分辨。而同樣大小的直角矩形的內部指向性較弱以及臨近的兩根“線”更加相似,分辨起來會相對困難一些。


微信關注我們

微信分享此文章