圆角与尖角的使用

平面设计作为一种传达信息的媒介,用户界面设计则偏重于工业设计,不论是游戏类产品还是内容类产品都是需要与用户产生交互行为,以解决用户的需求,在用户界面设计中很少出现大面积的纯装饰性的元素,在用户界面中一切元素应该有其足够的理由存在,否则用户会将所有的误操作归结于产品本身而非自已理解程度不够,在用户界面设计时考虑功能区域的分布,进行合理布局。


  

由圆弧组成,外形光滑圆润饱满,这样的形态通常让我们浮现一些可爱的,灵动的,有亲和力的画面想象,使用场景一般会在一些Q版的,欢乐的主题中较长出现。


 

方形是一个最整洁的形态,他由直线构成。在门户网站,官方网站,报纸的排版中最常出现,因为阅读浏览形态上尽量排除形态上的干扰,横平竖直以最整洁的方式梳理信息。所以方形经常出现在信息量较大的页面中,或者庄重的,严肃,情感内敛的主题中,方形具备有权威性,一般应用于官方,一丝不苟的整齐有时也显得呆板,生硬。


  圆角与尖角的规律

在我们从小接触的生活习惯中,圆角与尖角的规律被灌输到自已的观念里,在小时候家长都喜欢让孩子玩皮球或者布娃娃,即使不在看护状态下也可以放心的让孩子去玩耍,因为这个玩具很圆滑柔软,看起来不会对孩子造成伤害,而如果孩子们拿起尖锐的物品或者比较锋利的东西,家长们就会担心伤害到孩子从而给予批评并且吧尖锐的物品拿走,在从小生活的中造成了一种印象,就是锋利的尖角给人造成了的“回避反应”。

  圆角更具有亲和力,尖角产生距离感

其实界面设计中很少会让出现绝对的尖角,因为产品总是要让用户用的舒适,锋利的按钮或者锋利的卡片会让用户感觉非常的不友好从而产生距离感觉。而适当的圆角可以消除这种紧张的体验,当然圆角越大,便更具亲和力然而其中也是要根据产品属性最终确定圆角的大小,例如针对母婴类的产品圆角就会做的非常大,而工具类产品只需要有一点圆角就够了,过大的圆角反而显得过于复杂了,这里需要注意的一个点就是一个产品中,圆角的大小是要统一的,如果界面信息卡片选择8px的圆角,那么不论是还是按钮最好都选择8px的规范,减少不必要的对比。

  尖角更加具备权威性,圆角缺乏稳重感

当然每一个元素都没有绝对的好或者不好,例如尖角虽然在一定程度上让用户产生距离感,而这种距离感可以让某些特殊的产品更具权威或者档次感。例如apple官网中出现的卡片基本全部是尖角,这就是为了营造一种高端的品质感受给用户一种“不可触摸的”权威感,让用户感觉产品更加值得信赖,更加符合apple的产品调性。而圆角具有了亲和力的同时失去了一些稳重感,尤其是较大的圆角会让产品有“高大上的”视觉和心理感受,这也就需要设计师根据不同的场景需求选择不同的元素展示方式。

  圆角本就是一种细节

尖角是天然形成的,而圆角对于任何一种元素来讲更繁琐的,比如家具都是先方方正正的组成框架,后期再去打磨圆角刻制花纹等等,所以大家一定要记住圆角本身就是一种细节,并且圆角越大越明显,所以在做界面设计时对于大圆角要谨慎的使用,否则大面积无处不在的圆角会让产品视觉变得臃肿复杂,用户长时间浏览这些无意义的细节则容易视觉疲劳。

你可能感兴趣的