木子素材 首页 大神 UI设计 查看内容

为什么我做的画面总是不平衡?今天算是知道了!

2020-9-9 00:52| 发布者: admin| 查看: 784| 评论: 0

摘要: 设计为什么需要平衡,这里的平衡最早起源于艺术! 大家都知道艺术品追求的最高境界就是永恒,如果一个艺术品,看起来不够平衡,就很像个半成品,而半成品就是还没完成的东西,很难达到永恒的境界。 设计也是一样的, ...
二维码1

扫一扫
官方手机版

AI创作助手小程序

扫一扫
AI创作程序

木子官方公众号

扫一扫
木子公众号

木子AI官方公众号

扫一扫
AI公众号

设计为什么需要平衡,这里的平衡最早起源于艺术!

大家都知道艺术品追求的最高境界就是永恒,如果一个艺术品,看起来不够平衡,就很像个半成品,而半成品就是还没完成的东西,很难达到永恒的境界。

设计也是一样的,如果不够平衡,就让用户感觉没做完,不够精致。

今天来介绍几个我自己常用的让画面平衡的小技巧,希望对大家能有所帮助!

  • 用来平衡的三个工具
  • 稳定的三角结构
  • 还是那个隐形的矩形框

用来平衡的三个工具

对于平衡的首要原则非常简单:哪里轻加哪里。

但是具体加什么呢?

我常用的三种方式如下。

第一种,加元素平衡

比如下面这个画面,很明显哪里比较轻(或者说是比较空):

为什么我做的画面总是不平衡?今天算是知道了!

那我们就可以在轻(空)的地方加一些元素,这画面是上面空,那我们就把元素加在上面:

为什么我做的画面总是不平衡?今天算是知道了!

这样就会平衡很多,很容易理解吧。

第二种,加底纹平衡

比如上几天做的一个性别选择界面,男性女性都会有一横条:

为什么我做的画面总是不平衡?今天算是知道了!

这时候我们会发现每个横条都有点不平衡,左重右轻,刚才也说了,哪里轻就加重哪里即可。

比如在右侧加一个对号表示选择状态:

为什么我做的画面总是不平衡?今天算是知道了!

但是还是觉得轻,这时候就可以采用第二种方法,加底纹理:

为什么我做的画面总是不平衡?今天算是知道了!

这样看起来就会平衡很多,饱满很多了。

第三种,加排版

有时候如果画面单一,不够平衡,我们也可以借助排版的力量来保证画面的平衡。

比如下面这个画面,右侧是是形象,那我们就可以在左侧加入排版信息,平衡画面:

为什么我做的画面总是不平衡?今天算是知道了!

嗯,平衡多了!

这三种方式,元素、底纹、排版,都是让画面更加平衡的常用工具。

稳定的三角结构

当我们需要加多个元素的时候,我会采用三角构图,让元素之间互相平衡。

比如现在我要给这个画面加三个元素,我就会利用元素之间的三角构图让画面更加平衡:

为什么我做的画面总是不平衡?今天算是知道了!

这其中有两个细节,

细节一:

三个元素的大小一定是不同的,最大的元素要放在画面最轻最空的位置:

为什么我做的画面总是不平衡?今天算是知道了!

细节二:

离最大元素最近的那个应该是最小的元素:

为什么我做的画面总是不平衡?今天算是知道了!

如果三个元素依次按从小到大的顺序排列,就会比较平均,没有节奏感:

为什么我做的画面总是不平衡?今天算是知道了!

这就是我常用的「元素三角结构」,让画面稳定、平衡。

还是那个隐形的矩形框

我经常把自己的东西画一个隐形的矩形,不仅仅只是在图标设计当中,排版的细节也一样可以用到。

比如之前有一个角落信息排版是这样的:

为什么我做的画面总是不平衡?今天算是知道了!

当我们加上矩形后,我们会发现这个矩形内部是不平衡的,左下角和右上角是空的,导致上面的元素很容易掉下来:

为什么我做的画面总是不平衡?今天算是知道了!

左面很明显是不合理不平衡的,优化后就好很多了。

在做大画面的时候也是一样的,画一个隐形矩形:

为什么我做的画面总是不平衡?今天算是知道了!

尽量让这个矩形内的四个角落都顶起来,这样就会平衡饱满一些。

这就是隐形矩形框的力量。

总结

「平衡」是影响画面精致度的首要因素之一,是我们必须要重视的,以上就是我目前对于「处理平衡问题」的小技巧,希望能给大家带来一些启发。

长点心,比啥都强

更多平衡技巧:

如何才能做到色彩平衡?网易老司机告诉你!

网易UEDC – 熊猫 : 你好色吗?

阅读文章 >

欢迎关注作者的微信公众号:「菜心设计铺」

为什么我做的画面总是不平衡?今天算是知道了!

手机扫一扫,阅读下载更方便˃ʍ˂

@版权声明

1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。


路过

雷人

握手

鲜花

鸡蛋

最新评论

广告图片
悬浮图片
×