当前位置:首页 >教程首页 > U I 设计 > UX高级设计师班 >如何做好设计中的画面平衡?

如何做好设计中的画面平衡?

发布时间:2021-12-06 10:02:23

画面平衡是一个很基本的设计理念,但很多朋友在平时的作品中容易忽视这个点。只要把这个基本问题解决了,作品就能提升一个档次。

用户本能地会对不平衡的设计感到厌烦,如何在画面中创造一个有吸引力的平衡?是本篇文章要分享的内容。


Illustration: Outcrowd

平衡是一个作品中最重要的元素之一。平衡中的对称关系能够创造平衡与和谐,这种平衡状态直观上能够让用户感到舒适。

人体是垂直对称的,我们的视觉接收也与之相对应。我们喜欢物体在垂直轴上保持平衡,直觉上总是倾向于平衡一种力量与另一种力量。

2.jpg

Illustration: Outcrowd

在设计环境中,平衡是基于元素的视觉重量,而视觉重量是用户对图像的注意力范围。如果画面是平衡的,用户会下意识地感到舒适。画面平衡被认为是其元素在视觉上的比例安排。

如何让一个页面看起来平衡?

1. 对称(静态)平衡

最常见的平衡例子就是使用对称。

在潜意识层面上,对称的视觉能让人愉悦,能让画面看起来和谐有条理。对称的平衡是通过在水平或垂直的中轴两侧均匀放置元素来创造的。也就是说,画面中间假想线的两边实际上是彼此的镜像。有些人认为对称的平衡是无聊和可预测的,但它经受住了时间的考验,到现在仍然是在页面上创造舒适和稳健感觉的最好方法之一。

3.jpg

Illustration: Outcrowd

2. 不对称(动态)平衡

两侧重量不相同的元素构成具有不对称平衡。

动态平衡通常会比静态平衡更有设计感,让画面不至于呆板。在缺乏平衡的情况下,我们的目光会条件反射性地开始寻找平衡点,这是一个很好的机会,可以将注意力吸引到页面上可能还没被注意到的部分。页面重点就应该放在这里——抓住用户的注意力,就像产品的生命线一样。

4.jpg

Landing page — Asian Cuisine

比如一般这样去“配重”的元素会是一个按钮或者标题。重要信息(或者是行动按钮)就是我们需要去配重的价值元素。

不对称的现象越严重,用户就越想找出其中的原因(检查配重)。人们本能地比平时更仔细地研究这样的画面。然而,这里需要注意分寸,过于古怪的构图并不总是能被很好的感知。

3. 径向平衡

5.jpg

Illustration: Outcrowd

平衡中的另一种类型,特点是视觉元素从一个共同的中心点放射出来。径向平衡在设计中不常用。它的优点是,注意力很容易找到并保持一个焦点——恰好就在它的中心,这通常是构图中最引人注目的部分。

4. 马赛克平衡

这是一种平衡中的混乱,就像 Jackson Pollock 的画作一样。这样的组成没有突出的焦点,所有的元素都有同样的视觉重量。没有层次,乍一看,画面就像视觉噪音,但所有元素又相互匹配,形成一个连贯的整体。

(彩云注:这是一种比较高阶的设计平衡处理手法,用的好可以让画面非常具有设计感,但把握不好的话,就会非常凌乱。所以,我们平时能看到很多大师的作品看似一些简单图形的使用,但就是好看,轮到自己设计的时候就会发现,越简单的设计似乎越难设计好。)

6.jpg

Illustration: Outcrowd

5. 视觉平衡的秘密?

当谈到构图中的重量平衡时,他们经常将其与物理世界中的重量进行比较:重力、杠杆、重量和支点。我们的大脑和眼睛感知平衡的方式非常类似于力学定律。我们很容易把一幅画想象成一个在某一点上平衡的平面,就像一个天平。如果我们在图像的边缘添加一个元素,它就会失去平衡,有必要修复它。元素是否是一组色调、颜色还是点并不重要,目标是找到图像的视觉“重心”,即图像的重心。

不幸的是,没有精确的方法来确定一个物体的视觉质量。一般来说,设计师依赖于他们的直觉。不过,下面这些有用的观察可能会有所帮助:

大小。大的物体总是更重

形状。不规则形状比规则形状的元素轻

颜色。暖色比冷色重

7.jpg

色调。深色物体比浅色物体重

图案。带有图案的元素显得更重

3D。带有纹理贴图的元素显得更重

8.jpg

位置。物体离中心越远,其视觉重量越大

方向。垂直元素比水平元素更重

密度。许多小元素可以抵消一个大元素

9.jpg

内部复杂性。物体内部越复杂,视觉重量更大

填充空间关系。正形空间比负形空间更重

对重量的感知。照片中的哑铃看起来会比一只钢笔更重

总结

当使用对称时,作品看起来可以更加的专业和有科学性。其中,静态对称的作品显得更加有专业精神和严肃的;而动态对称的设计方法则能吸引用户的兴趣,表达出个性和创造力,能让用户集中注意力。

作者微信公众号:「彩云译设计」

学员作品赏析
  • 1903学员阮捍、徐珂小组作品

    1903学员阮捍、徐珂小组作品

  • 1903学员周德志小组作品

    1903学员周德志小组作品

  • 1903学员周德志小组作品

    1903学员周德志小组作品

  • 1903学员王悦、王思琪小组作品

    1903学员王悦、王思琪小组作品

  • 1903学员王悦、王思琪小组作品

    1903学员王悦、王思琪小组作品

  • 1903期学员阮捍、徐珂小组作品

    1903期学员阮捍、徐珂小组作品

  • 1903期学员阮捍、徐珂小组作品

    1903期学员阮捍、徐珂小组作品

  • 1903期学员阮捍、徐珂小组作品

    1903期学员阮捍、徐珂小组作品

专业问题咨询

你担心的问题,火星帮你解答
  • 网页设计和电商美工什么区别

    很多同学在选择职业的时候常常不知道是选择网页设计还是选择电扇美工,其实二者还是有着很大的区别的,今天小编就和大家来聊一聊,在设......

  • 我是新手如何做电商美工设计

    通常来说,一个好的设计图由产品、背景、颜色、排版、感情几个因素组成。要如何把这几个因素巧妙地融合到一起,这既是技术问题,也是思......

  • 自学电脑插画有可能吗

    很多想要学习插画的小伙伴往往缺少的不是方法而是学习的方式,学习电脑插画并没有很难,大家应该积极培养自己的兴趣,今天小编就和大家......

  • 建筑装潢装修设计要学哪些

    学习室内设计要有着一定方法和技巧,如果只是两耳不闻窗外事,埋头苦读,那么在室内设计这一行业会越走越难,如果泛泛的学习大篇的理论......

  • 学室内设计前景还是首饰设计前景好

    又到了大家准备择业的时候,很多小伙伴对于自己的未来发展很是担忧,对于现在的就业情况来讲,是选择学习室内设计前景还是首饰设计好呢......

  • 专业绘画平板电脑排行

    因为绘画专业的特殊性,所以绘画平板的电脑要相对于其他电脑来说更加优秀,所以大家在挑选绘画平板笔记本电脑的时候,都非常注重比较和......

×