圆角设计的优势是什么?为什么乔布斯和淘宝都喜欢它
前言Steve Jobs 说服 Bill Atkinson 画出圆角矩形早在1981年,当时 Apple 的天才程序员 Bill Atkinson 正向团队展示他是如何用一种聪明的方法可以在仅有 68000 处理器的 Lisa 和 Macintosh 机器上快速画出圆和椭圆; Steve Jobs 看了之后有另外的想法,他说:“圆和椭圆都不错,但是能画出带圆角的四边形吗?我们现在也能画出吗?” Bill Atkinson 回答说很难做到,而且他认为并不真需要圆角四边形; Steve Jobs 就立刻强烈回应了:“到处都是圆角四边形!看看这个房间周围就知道了!”并且还带着 Bill Atkinson 出去转看可以碰到多少圆角四边形,最后 Bill Atkinson 被说服,第二天下午就拿出了满意的结果。 淘宝广泛使用圆角卡片再到21世纪的你,年年都逛淘宝双十一,在浏览心仪的宝贝的时候,不知道你有没有发现淘宝界面默默的完成了进一步的改版,对比之前的“99划算节”现在的界面中圆角卡片已经在产品中得到了广泛的运用。 为什么淘宝会选择圆角卡片作为自己重要的设计组件?它的优势是什么? 圆角卡片的优势1. 设计趋势正如 Steve Jobs 在1981年所说:到处都是圆角四边形看看这个房间周围就知道了!我们可以纵观近年来各大厂商发布的旗舰手机,在工业设计上的角度来看基本都采用了更加柔和的圆角设计。例如iPhone、SAMSUNG、小米、VIVO等等…… 在屏幕设计上同样选择了圆角设计,在细节之处也保持了高度的统一,例如iPhone在摄像头位置的连接处同样采用了圆角弧度作为过渡。可见圆角设计的应用已经在工业设计的中的成为了非常重要的设计语言。 2. 眼睛更易识别相对于其他图形,人类的眼睛在识别圆角弧形的时候更加容易。因为人眼睛的生理构造上的中央凹 (是视网膜中视觉最敏锐的区域) 在处理圆形时最快,而处理矩形边缘则需要涉及大脑中更多的“神经影像工具”。 所以,人眼在处理圆角矩形更加容易,因为它们看起来比普通矩形更接近于圆。
3. 感觉更安全圆角自身的图形属性则更加柔和、舒适,给人一种安全感和亲密。而尖角则给人一种尖锐、具有攻击性的感觉,我们可以回忆一下日常比较尖锐的物体,例如剪刀、刀子、警示牌等等,都会给人造成伤害或者警示他人。
4. 信息更容易处理在圆角矩形中,由于边缘圆角向内指向矩形的中心更加明显,所以使用圆角卡片更加凸显卡片中内的内容。如图例:
而同样大小的直角矩形的内部指向性较弱以及临近的两根“线”更加相似,分辨起来会相对困难一些。 5. 便于实行组件化管理圆角卡片有利于实行组件化管理,首先圆角卡片作为组件化主要载体之一,具有良好的延展性,能适应不同的使用场景。 例如淘宝首页和微淘页面,前者作为整个 App 主要流量入口、后者担当内容社区的角色,两者功能相差甚大,但通过圆角卡片都能满足两者的需求。
划重点
#参考文章#
本文素材来自互联网 (编辑:好传媒网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |