点击我们的设计日记”关注,回复“1”成为星球会员



今天和大家分享圆形在设计中的应用。圆形象征着圆满、融合、和谐、自然,在设计中具有非常强的包容性,由于其自身的可拓展性,将圆进行拉伸、叠加、重复都可以得到不一样的视觉体验。今天带着大家了解圆形的设计之美,希望帮你打开不一样的视角。




 圆形在画面中的作用 

圆形在画面中主要有三个作用分别是:承载信息、烘托氛围、表达意向。

1.运用圆形可以承载信息

相比于方形,圆形焦点更为集中,可以让用户将目光聚焦在圆心上,同时圆形本身没有棱角,非常稳定,在画面中有一种平衡的视觉体验。

2.运用圆形元素烘托氛围

在电商或分享H5页面中,经常会出现圆形作为背景辅助图形来烘托氛围。圆形拓展性极强,可以根据主体内容对圆形进行不同的视觉处理,如线性、面形、重叠、3D立体等,以此来丰富整个画面的气氛。

3.运用圆形物体表达意象

圆形最早是从自然中观察得出的几何图形,太阳、行星、光辉、光晕等都是圆形的具象表现,而从具象表现中中延伸出的团圆、圆满、融合、和谐等意象也可以用圆形来表达。


 圆形在设计中的应用 

UI界面

UI中的圆形主要以内容选项、进度展示、按钮、数据可视化等方面为主。在UI界面的应用上,圆形的表现形式都比较简单,主要通过颜色及投影来丰富细节。

电商设计

圆形在电商的应用主要是在背景中,起到烘托氛围、衬托主体的作用。要注意的是,不要过分突出圆形,视觉层级要拉开,用户视觉重心要放在主体物上。

平面视觉

在平面视觉中,圆形起到了承接主体物和背景的作用,通过圆形来表现产品或者表达情绪。具体应用于承载主体信息和烘托氛围。圆的表现形式丰富多样,可以根据画面的需求来选择圆形的形式,例如块面、线条、纹理、正负形、组合、融合等。

品牌设计

越来越多的品牌将圆形或圆形的变体作为辅助图形应用到品牌中。重复圆形和曲线,不断加深用户对于品牌的视觉印象。圆形线条柔和,具有很强的包容性,通过对圆的重复、融合、叠加、描边等形式来达到不同场景的应用。

概念设计

随着技术的发展,VR、AR等概念设计也层出不穷。在这类设计中,经常使用圆形来表现仪表盘、爆炸图等科技感的元素。在具体设计时,背景使用暗色背景,主体物使用饱和度高、明度高的冷色,通过色彩透明度来展示主体物不同的结构。


 运用中要注意的点 

色彩

圆形设计在应用中要注意色彩的使用,可以使用渐变色增加画面的呼吸感,减少整个块面的圆形带来的沉闷感,也可以使用饱和度较高的亮色,这样可以将圆形与背景拉开视觉层次,来承载信息或烘托氛围。

表现形式

圆形设计包容性极强,内部块面可以承载不同的表现形式,例如,曲线、波点、材质、色彩等,外部描边可以将圆作为圆环、曲线等。

▲ 材质表现

▲ 波普风圆形在电商中的应用

▲ 圆形的变形展示

不出现无意义的圆

▲ 抽象展示的圆形要符合画面整体所表达的意向

▲ 具象展示的圆形要符合大家日常的认知


 总结 

圆形元素在画面中主要起到承接主体物、烘托氛围和表达具体意象的作用。

圆形元素在Ul界面、电商设计、平面设计、品牌设计、AR/VR设计中有着不同的设计策略。设计时要根据具体使用场景进行设计。

圆形元素有很强的包容性和延展性,在设计时可根据画面对圆进行不同的处理,如线性、面形、材质、重复和3D立体效果等。


 知识星球会员 

如果你总是处于没有目标,没有方向,不知道该学什么,也没有朋友,感觉很累,欢迎加入设计日记,在这里盖哥会每天「敲打」你,同时在工作和职场上给与你反馈,最重要的是与8300位设计师同行,不断超越自我。


 周三公益直播 

你有没有工作中经常接到不想做的需求?你有没有经常遇见老油条把一些很难的事情,打杂需求给你?久而久之接多了后,自己就变成打杂的,失去自己定位,如何面对同事的甩锅,领导的甩锅,该怎么办?
直播时间:6月10日晚九点,不见不散,如果你怕加班忘记了看直播,欢迎加入下方直播群。
观看方式一:抖音搜索「我们的设计日记」
观看方式二:长按识别下方图片二维码,预约微信直播

////// END //////

来知识星球,与8300+设计师同行,与盖哥共同成长。

 即刻同行,请点击阅读原文。

本篇文章来源于微信公众号: 我们的设计日记