在日常工作中,很多设计师都会遇到整体画面过于凌乱的问题。如果杂乱无章,就会给人一种杂乱无章甚至心烦意乱的感觉,这与设计的目的恰恰相反。很多时候,设计的目的是传达信息,所以“设计图太乱”会影响视觉传达的效果。有哪些技巧可以有效防止画面过于杂乱?1.利用对齐原则。对齐是设计中一个非常基础的知识点。在很多情况下,由于元素的随机排列,画面显得杂乱无章。没有规律可循,所以合理使用对齐的方法是避免图片混乱的一个很好的解决方法,对齐的过程也是对图片元素进行排序的过程。比如比较常见的:左侧感觉杂乱无章,容易让用户产生反感,而右侧形状参差不齐,但是因为对齐方式,所以在视觉上不会出现看起来很乱,因为不管是什么模块,都是左对齐的方式排列,起到了很好的排序作用。对齐技巧,无论是在文字排版、海报设计、页面设计等方面,都是最基本、最常用的。其实对齐在串联中也能起到很好的作用,因为按照一定规则在视觉上存在的元素,会被用户下意识地认为是相关的。2、视觉元素杂乱串联最常见的原因之一是元素之间没有呼应,即各个元素相互独立,互不相关,无法在用户心目中形成完整的视觉链条。而且这样的画面也比较容易呈现出混乱感。那么为了避免画面过于杂乱,常用的技巧之一就是将原本分离的视觉元素串联起来,呈现出视觉上的联系,形成一条不会断裂的视觉链条。比如系列视觉形式:这里将每个色块看做是画面中不同的视觉元素或列,左右对齐的原则,但是在视觉体验上,相比左侧的整体感觉还是比较混乱的,而混乱的原因是各个视觉元素在形式上没有关联,独立存在,无法在用户心目中形成非常清晰的视觉链条。与右侧相比,减少了许多不同的视觉形式,使整体具有很好的统一性。排列方式也是采用左、右、左、右的形式,可以让用户在短时间内形成视觉惯性。很好的避免了画面混乱的问题,但是并不是说元素一定要1:1重复放置,而是每个元素都是相互关联的,比如:左右视觉元素的位置是一致的,但左边感觉凌乱,因为各个视觉元素之间没有联系,而右边保持同一个基调,整体感觉是金属材质,将各个单独的视觉元素放在一个整体中可以形成一个完整的视觉链。最后,通过简单的改变造型,整体不会因为过于统一而显得单调。寻找视觉联系。将视觉元素连接在一起的方式也可以是颜色,通过颜色的呼应形成良好的连接效果,比如常见的:这里要表达的是尽可能将整体的颜色连接起来,而不是不相关,颜色的多样性带来的是视觉上的不协调,这就是为什么我们在配色时尽量让色相不超过三种,尽量让饱和度和明度接近。任何元素的完全独立性都可能带来视觉上的混乱。尝试实现一种约束视觉元素的隐藏规律,最终可以在各个元素之间形成一条视觉链。再比如,一些WEB设计或者官网页面设计作品,对色彩呼应要求很高。呼应的目的是使元素相互关联,形成视觉上的联系。下面举个例子:这个页面视觉元素不多,但是感觉很舒服,不乱。原因之一:整体视觉元素呼应良好,围绕着盆栽,在视觉形式上形成了很好的系列效果,每幅画面的色调自然基本一致,整体页面既有大面积的色彩呼应和点缀的小面积呼应,可以直观地将每个视觉元素联系在一起。原因二:页面上、中、下区域出现重色,也是色彩呼应的表现。如果把最后一部分的重色改成白色,给人一种头重脚轻的感觉,或者把中间的重色去掉,给人一种视觉链条断开的感觉。原因三:页面的整体对齐做的很好,每一个元素都没有乱放,还有一条看不见的线条约束着元素,整体感觉很舒服,不乱。再举个例子:这里也是整体画面,色调色调一致,在上中下都有明显的重色呼应,中间也有一些小块色块的呼应,以及整体视觉链已经很明显了。体现。其次,在重色区域使用波浪形约束。事实上,这种波浪形很难控制。如果使用不当,就会显得杂乱无章。但是通过回声关系,它只出现在上、中、下三个区域,在进行主动布局的同时兼顾了视觉上的联系,所以给人的感觉并不杂乱,但布局非常活跃。说了这么多,其实就是要把原本独立存在的视觉元素充分连接起来,让它们相互作用,然后有效的结合对齐原则。这也是一种有效避免画面混乱的常用方法。连接视觉元素的过程其实是一个有规律的过程。3、重心稳定原则在设计作品中,重心稳定是最常见的。上一篇文章提到过,图片中无论是颜色、色块、文字等,都具有一定的视觉比例。如果重心不稳,会给人视觉平衡的倾向,给人一种“站不稳”的感觉。这并不是造成画面混乱的绝对因素,因为也有一些设计故意改变画面的重心以寻求视觉上的平衡。差异化,所以在做好前两点的前提下,再考虑重心。比如之前案例中的上中下颜色呼应,也起到了很好的稳定重心的作用。很多好的海报和页面都喜欢采用稳定的构图方式,比如:或多或少不相关的元素,整体重心的稳定使得画面不会因为视觉比例的缺失而显得杂乱无章,反而给人一种感觉稳定性和协调性,但重心稳定不完整视觉比例为1:1,但整体协调性足够。4.做一个案例结合今天讲到的理论,我做了一个简单的网页。因为页面太长,我直接放在了最终版中,接下来说说具体的思路:首先,每个模块都有严格的对齐形式。目的是让每个元素的摆放都有据可依,减少可能造成视觉混乱的因素。其次,还采用了上、中、下三色呼应的形式,目的是让页面有一定的视觉重量,而不是整体的轻盈。最后,橙色尽可能出现在每个屏幕上。作为辅助色,也需要做好呼应关系,形成完整的视觉链条。整体调性尽量一致,是一种重心稳定的构图方法。综上所述,当感觉图乱的时候,可以结合今天说的整体评测,找到问题的根源。当然,这些方法只是一些常用的方法,并不是全部。应该在这些基础上灵活运用,学会总结和拓展,很多设计理论不是局限于理论,而是给大家提供一个方向,多体验,多理解,多使用。方法总是比困难多。
