网站首页 > 设计资讯> 文章内容

圆角设计的优势是什么?为什么乔布斯和淘宝都喜欢它

※发布时间:2019-11-13 9:22:00   ※发布作者:habao   ※出自何处: 

  圆角设计在生活中是比价常见的设计了,在手机、网页端我们都能看到圆角设计。可是你有想到为什么圆角设计这么受大家喜欢吗?圆角设计的优势是什么?本文作者从五个方面对圆角设计进行了分析梳理,总计了圆角设计的优势,与大家分享。

  早在1981年,当时 Apple 的天才程序员 Bill Atkinson 正向团队展示他是如何用一种聪明的方法可以在仅有 68000 处理器的 Lisa 和 Macintosh 机器上快速画出圆和椭圆;

  Steve Jobs 看了之后有另外的想法,他说:“圆和椭圆都不错,但是能画出带圆角的四边形吗?我们现在也能画出吗?”

  Steve Jobs 就立刻强烈回应了:“到处都是圆角四边形!看看这个房间周围就知道了!”并且还带着 Bill Atkinson 出去转看可以碰到多少圆角四边形,最后 Bill Atkinson 被,第二天下午就拿出了满意的结果。

  再到21世纪的你,年年都逛淘宝双十一,在浏览心仪的宝贝的时候,不知道你有没有发现淘宝界面默默的完成了进一步的改版,对比之前的“99划算节”现在的界面中圆角卡片已经在产品中得到了广泛的运用。

  正如 Steve Jobs 在1981年所说:到处都是圆角四边形看看这个房间周围就知道了!我们可以纵观近年来各大厂商发布的旗舰手机,在工业设计上的角度来看基本都采用了更加柔和的圆角设计。例如iPhone、SAMSUNG、小米、VIVO等等……

  在屏幕设计上同样选择了圆角设计,在细节之处也保持了高度的统一,例如iPhone在摄像头的连接处同样采用了圆角弧度作为过渡。可见圆角设计的应用已经在工业设计的中的成为了非常重要的设计语言。

  相对于其他图形,人类的眼睛在识别圆角弧形的时候更加容易。因为人眼睛的生理构造上的中央凹 (是视网膜中视觉最敏锐的区域) 在处理圆形时最快,而处理矩形边缘则需要涉及大脑中更多的“神经影像工具”。

  例如在 App Store 中 today页面,每天推送的内容通过圆角的卡片设计呈现给用户,可以快速识别当前模块,但如果换成直角的话,我们发现相对于圆角卡片它的识别成本明显增加。

  圆角自身的图形属性则更加柔和、舒适,给人一种安全感和亲密。而尖角则给人一种尖锐、具有性的感觉,我们可以回忆一下日常比较尖锐的物体,例如剪刀、刀子、警示牌等等,都会给人造成或者警示他人。

  在设计玩具的时候会采用大量的圆角设计,来让家长对其放下心,让家长觉得这是安全的,可以给孩子玩。事想哪个家长会给孩子一把刀子玩?

  在圆角矩形中,由于边缘圆角向内指向矩形的中心更加明显,所以使用圆角卡片更加凸显卡片中内的内容。如图例:

  当多个卡片并排时,带圆角的卡片具有更强的内部指向性,且相邻的两条线差异化较大,我们可以清楚分辨他们的边界线,所以更加容易被分辨;

  圆角卡片有利于实行组件化管理,首先圆角卡片作为组件化主要载体之一,具有良好的延展性,能适应不同的使用场景。

  例如淘宝首页和微淘页面,前者作为整个 App 主要流量入口、后者担当内容社区的角色,两者功能相差甚大,但通过圆角卡片都能满足两者的需求。

  其次圆角卡片通过对内容进行规划组织使得各业务线的内容更加统一,内容之间的层级更加明显,信息之间有明确的主次顺序关系,逻辑关系更加清晰,便于用户识别。

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集、培训、社群为一体,全方位服务产品人和运营人,成立9年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。提车黄道吉日

  

相关阅读
  • 没有资料