前言:
视觉平衡,就是指以视觉中心为支点的视觉意义上的力度平衡。有些友友们在设计过程中, 或许会莫名感觉到设计画面看起来不舒服,那么,很可能就是视觉平衡没有做好。
视觉平衡的重要性
为了了解视觉平衡的重要性,让我们先来看看下面的案例:
看着这两张图片,是不是有一种越看越难受的感觉?没错,这就是视觉不平衡的“魔力”。
当然,更加具体的原因是:
图一中,图像置于远离中心的位置。图像,中心点与画面边框相互“牵制”,给人带来一种紧张的视觉感受。
图二中,图像不处于中心点,但又不明显偏离中心点。图像带来的“不明确”性与我们的眼睛产生了持续的冲突。
而当图像像这样置于画面正中心时,就会让人感受到视觉平衡,画面和谐。
在一份设计作品中,平衡的画面,会让用户下意识地感到舒适;而不平衡的画面,则会给用户一种模糊的,不确定的感觉。此时,静止就变成了画面变化的障碍,让画面看起来像是被突然中断一般别扭。
视觉平衡的影响因素
那么,我们先从一个问题引入。
为什么明明是同样尺寸的图像,在视觉感知上却会让人感觉大小不同?
来看看下面这个例子
第一行的两个图形具有相同尺寸,但在视觉上,总会让人感觉圆形的尺寸偏小。
而将圆形的尺寸设置得比正方形偏大一些时,则会让人感觉两者视觉重量相似。
其实,这种现象产生的原因很简单,就是第二行的两个图形具有更接近的实际面积。
其次,图形所处位置对视觉平衡也有很大影响。
将下面左图中大小相同的两个圆形,改成右图这种右下角圆形偏小的形式,是不是让整体画面看起来更加舒服了?
这其实是因为,图形离中心位置越远,视觉重量越大。
所以,把远离中心点的图形适当缩小,就能让画面更加平衡。
在我们设计过程中,还有很多因素的变化,会给视觉平衡带来巨大影响。总结如下:
| 大小
大的物体总是更重
| 形状
不规则形状比规则形状的元素轻
| 颜色
暖色比冷色重
| 色调
深色物体比浅色物体重
| 图案
带有图案的元素显得更重
| 3D
带有纹理贴图的元素显得更重
| 位置
物体离中心越远,其视觉重量越大
| 方向
垂直元素比水平元素更重
| 密度
许多小元素可以抵消一个大元素
| 内部复杂性
物体内部越复杂,视觉重量更大
| 填充空间关系
正形空间比负形空间更重
| 对重量的感知
照片中的哑铃看起来会比一只钢笔更重
同样,当涉及图案对齐的问题时,不同的形状,颜色等也会引起视觉平衡的问题。其原理大致与上文相似,在这里就不过多赘述了。
平衡视觉的方法
1)圆形、菱形、三角形和其他非正方形的形状需要更高、更宽,才能在视觉上与方形的形状保持平衡。
这也是我们在进行图标绘制的过程中需要预留一部分空间的原因。因为,这些预留的空间就是为平衡视觉而准备的。
2)在不直接改变图像尺寸时,也可以通过改变图像颜色,位置等因素来进行视觉的平衡。
如上图,在矩形输入框与圆形按钮高度相同时,右端圆形会看起来“偏小”;而将圆形按钮用较深的颜色填充后,这种“偏小”的感觉就消失了。
3)具有尖锐边缘的形状应该更大或更长,以便与相邻的矩形保持平衡。
如下图,将两种具有尖锐边缘的图形设置得比矩形更长一些后,三者看起来视觉重量就相似了。
4)要让三角形图标与按钮对齐平衡,可以用其外接圆与背景按钮对齐。
5)可以通过”模糊“的方法判断图标权重是否大致相同。
倘若模糊处理后,各个图标变成了大小相似的小块,那么它们的视觉权重就大致相同
总结:
其实平衡视觉的方法还有很多,而以上所给方法也仅能作为一些修改小建议。在真正的实践过程中,多多观察细节,多做修改和对比,相信你总能得到最令人满意的作品!
优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。