提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
我们的周围具有圆角的矩形到处都是
乔布斯曾经说过:“我们的周围具有圆角的矩形到处都是!”,苹果产品在之后的设计也无从不在的运用这个设计元素。在后面的实践中,我们也逐渐体验到了圆角的魅力。
为什么我们要使用圆角
直角尖锐的角会让我们产生视线的中断,当路线改变的时候,会出现停顿。圆角的弧度却可以引导着我们的视线继续往下走。
2. 圆角更容易辨认
圆角带来的流畅视线引导,使我们在视觉处理减轻了负担。巴罗神经学研究所在对圆角进行的科学研究中也证实了:角的感知与角的角度呈线性关系,角越容易感知,其识别性越弱。
3. 圆角更安全、具有亲和力
4. 硬件和软件上的视觉统一
近几年,手机外形对圆角也显得愈发的青睐,很多的手机厂商都采用了圆角的设计,追求无边框设计的风潮也使得屏幕自然而然的采用了圆角。为了更好的视觉体验,在ui设计师们上也尽量使用圆角来实现于硬件上的视觉统一。
如何使用圆角
很多时候圆角矩形会作为一个大的容器,来装同类型的信息。和通栏分隔相比较,圆角矩形会使视线更加聚焦到里面的信息。
2. 圆角的大小
如果容器内部的矩形圆角过大会产生什么样的结果呢?应该就会像下图一样,在视觉上产生突兀的感觉。
( 想自己尝试实验一下的同学可以在文末获得样机哟~)
淘宝的个人中心页的卡片圆角则使用的是40px
3. 让圆角更加自然
网易出品的蜗牛读书就是采用了这种特殊的圆角哟~
4. 让圆角更加可爱一点
在关于儿童方面的app中,使用圆角似乎显得更加理所当然了,大弧度的圆角完全符合儿童萌萌的感觉。在一些app中为了更突显这一特性,还会对页面中的圆角矩形的四边向外拓展一部分,让圆角矩形显得更加饱满可爱。
关注公众号“七七的设计手札”,回复【样机】,即可获取iPhone x 样机
END ...
更多分享,欢迎关注公众号:七七的设计手札
Powered by Froala Editor
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册