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

Date 2024-02-17 09:29:33

  图片平衡是一个非常基本的设计概念,但许多朋友很容易忽略这一点。只要这个基本问题得到解决,工作就可以提高到一个更高的水平。用户本能地厌倦了不平衡的设计,如何在图片中创造一个有吸引力的平衡?本文要分享的内容。

红喵动游:如何让一个页面看起来平衡?


  平衡是作品中最重要的元素之一。平衡中的对称关系可以创造平衡和和谐,直观地让用户感到舒适。


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

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

  如何平衡一个页面?

  1.平衡对称(静态)

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

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

  2.平衡不对称(动态)

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

  动态平衡通常比静态平衡更有设计感,这样图片就不会僵硬。在缺乏平衡的情况下,我们的眼睛会有条件地开始寻找平衡,这是一个很好的机会,可以吸引注意力到页面上可能没有被注意到的部分。页面的焦点应该集中在这里——抓住用户的注意力,就像产品的生命线一样。

  例如,“配重”元素通常是一个按钮或标题。重要信息(或行动按钮)是我们需要配重的价值元素。

  不对称现象越严重,用户就越想找出原因(检查配重)。人们本能地比平时更仔细地研究这些图片。然而,我们需要注意谨慎。过于奇怪的构图并不总是被很好地感知到。

  3.径向平衡

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

  4.马赛克平衡

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

  5.视觉平衡的秘密?

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

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

  大小:大物体总是更重;

  形状:不规则形状比规则形状轻;

  颜色:暖色比冷色重;

  色调:深色物体比浅色物体重;

  图案:带图案的元素显得更重;

  3D:有纹理贴图的元素显得更重;

  位置:物体离中心越远,视觉重量越大;

  方向:垂直元素比水平元素重;

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

  内部复杂性:物体内部越复杂,视觉重量越大;

  填充空间关系:正形空间比负形空间重;

  感知重量:照片中的哑铃看起来比钢笔重。 

  以上是红喵教育小编为您介绍的“[UI设计培训]:如何平衡一个页面?相关内容,学习UI设计培训,您可以参考红喵教育提供的UI学习路线。学习路线包括PS软件介绍、人工智能和品牌设计、视觉表达技术、web视觉设计、图标设计、产品交互、移动终端设计等。根据红喵提供的UI学习路线图,您可以清楚地了解学习UI所需的知识,并开始UI设计!

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计