圆角 / 直角使用的不同

用户头像
北京/UI设计师/6年前/1148浏览
圆角 / 直角使用的不同
用户头像
205二哥

通过5个角度分析,直角与圆角的利弊

不知道从什么时候开始,无论是显示器还是平面广告上到处都能看到圆角矩形的身影,好多人只是认为这是最新的设计趋势,但作为设计师的我们要知其然,更要知其所以然,下面小U就给大家简单介绍一下。


能够将圆角使用到极致的当属一个叫苹果的公司,随着2007年iOS7系统的发布,苹果将工业设计中的曲线连续概念运用到了视觉设计上,并在iOS12上发挥到了极致。



作为手机设计行业的领军人物,一众安卓阵营小弟也紧随其后,纷纷将圆角运用到自己的系统中,比如:SAMSUNG 的ONE UI ,小米的Mi UI 等



重点来了,

问:圆角仅仅是为了好看吗?

答:肯定不是啊!


老乔之所以会在产品中频繁使用圆角,我们可以从几个方面来分析


  1. 相对于直角而言,圆角更容易被察觉

人观察事物靠的是眼睛,从生理学的角度分析,人的眼部最敏锐的部位是位于眼睛中心的中央凹,且该区域对圆形识别最为敏感。圆角矩形相较于直角更趋近于圆。



2.直角与圆角对视觉产生的影响不同

国外一位神经学专家对“角”做过一份研究,结果证明:“角的突显性感知与角的度数有一定的关系”换句话说就是:角越锐利,看起来越明显,对视觉的影响越明显,例如暴风,西瓜视频,苹果等公司的品牌标识都采用了圆角。



3.做U不做V

这是我入行做UI时,老师说的最多的一句话,我们都知道攻击性的武器,无论是古时候的剑、刀、长矛还是现代的子弹由于物理的原因,都是尖尖的。尖角给人的感觉就是锋利,有攻击性。而圆角更加柔和,有安全感,可以让人放下戒备心,更好的沉浸在你的设计里。



4.独特的视觉引导

圆角自带的弧度能够让用户的视觉自觉随着你的弧度做跟随,而直角则会迫使用户视线强制转折,这就会造成用户视觉停顿。例如交通指示牌的左右转弯,掉头等都是圆角的,包括一些复杂的指示线路图



5.向心力

当大量的卡片进行规则的排布时,尽管他们都留有间距,但形状的相似会让人眩晕,搞不清楚。圆角这个时候就会起到很好的分割作用,因为它的边界线较直角而言更明显,加上之前说的视觉导向性,更容易聚焦到具体的每个磁贴上。



以上就是我对圆角的认识,相信能帮到初入设计师行列的你!


9
举报
|
13
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
智能家居中心 简约 UI设计组件库
新能源APP应用UIKit
手表表盘UI系列
【新年UI图标】酒店icon
矢量立体简约UI蓝白图标
【新年UI图标】影音icon
UI应用平面图标
【新年UI图标】家具icon
【新年UI图标】美妆icon
科技医疗透明柜UI界面设计
【新年UI图标】30个图标
盲盒APP UI设计
柠檬黄主题UI作品集模版
我的钱包-UI界面设计-app
【新年UI图标】美食icon
UI_3D图标火箭炮<新春促销>
钱包ui模板
【新年UI图标】游戏/娱乐icon
高级表盘系列UI源文件
UI通用设计素材1
UI界面 组件
高级感金属拟物 UI设计组件库
UI 登录界面设计模板包
你可能喜欢
相关收藏夹
大家都在看
登录注册