--欢迎大家加入我的知识星球「我们的设计日记」，公众号：我们的设计日记--

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

 圆形在画面中的作用 

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

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

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

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

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

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

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

 圆形在设计中的应用 

UI界面

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

电商设计

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

平面视觉

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

品牌设计

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

概念设计

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

 运用中要注意的点 

色彩

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

表现形式

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

▲ 材质表现

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

▲ 圆形的变形展示

不出现无意义的圆

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

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

 总结 

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

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

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

Powered by Froala Editor