赞助商
立即赞助

设计画面显乱,该如何解决?

平面设计3年前 (2021)发布 流光
2.7K 0 0

在日常工作,很多设计师都会碰到画体太乱问题。乱,会杂乱章,甚至心烦意乱感受,这也恰恰与设计目是相悖。很多情况下设计目在于传信息,那么「设计画太乱」会影响视觉传效。能够有效避免画太乱技巧有哪些呢?

一、运用对齐的原则

齐在设计算是很基础知识,画显乱很多情况是元素胡乱摆放,毫规律可循,那么合理运用齐手法是避免画乱很好解决,齐过程也是规画元素过程。比如常见:

设计画面显乱,该如何解决?

左侧感觉是杂乱章、毫规律可言,很容易让用户反感,而右侧虽然在形态上参不齐,是为运用了齐手法,并不会在视觉上呈现出很乱感觉,为论什么模块,都按照了左齐摆放,这起到了很好规作用。齐手法,论是在文编排、海报设计、页设计等等都是基础,也是最常用。其实齐也能起到很好串联作用,为视觉上按某规律存在元素会被用户下意识认为是具有相关联。

二、串联视觉元素

画太乱最常见原是为元素没有形成呼应,也是个元素都是独立,互关联性,在用户脑海法形成条完视觉链条,而这样画相是容易呈现出乱感觉。那么避免画太乱常用技法:将原本各自为战视觉元素串联起来,在视觉上呈现出关联性,形成条不会断开视觉链条。比如视觉形态串联:

设计画面显乱,该如何解决?

这里把个色块做画不视觉元素或者栏目,左侧和右侧都运用了齐原则,是从视觉感受上说,相比而言左侧体感觉是乱,出现乱原在于:个视觉元素在形态上毫关联性,都是独立存在,法在用户脑海形成很鲜明视觉链条。而右侧相比而言减少了很多不视觉形态,这使体有了很好统,在排列上也是左右右左形,能在很短时内让用户形成个视觉惯性,这样很好避免了画乱问题出现,是也并不是说定要让元素1:1复摆放,而是说让个元素相互有关联性,比如:

设计画面显乱,该如何解决?

左侧和右侧视觉元素位是致,是左侧感觉却是杂乱,为个视觉元素毫关联性,而右侧则是保持了调性,体都采用了属材质感觉,把个单独视觉元素放在个体看,又能形成个完视觉链条,最后过简单改变形状,使体不至于为太统而显单调,这是在统时找变化,在变化找视觉联系。

串联视觉元素的方式可是色彩上的,通过颜色的呼应形成很好的串联作,如见的:

设计画面显乱,该如何解决?

这里要表达的就是尽可把整体色彩串联起来,而是毫无联,颜色的多样性带来的是视觉上的统一,这是为么配色时尽量做到色相超过个的原因,且尽量保持饱和和明接,任何元素的全独立都有可带来视觉上的杂乱,尽量做到有种隐藏规律在约束视觉元素,且各个独立元素之间最终形成一个视觉链。再如,一些 WEB设计或者官页面设计作,对于颜色的呼应是要求很的,呼应的目的就是为了使得元素与元素之间相互联,形成视觉上的串联,面举个例子:

设计画面显乱,该如何解决?

这个页面视觉元素并,但是给人的感觉是很舒且显乱,原因之一:整体的视觉元素呼应很好,围绕植物盆栽,视觉形态上形成了很好的串联作,每处图片的调性基本保持了一致,且页面整体既有大面积的颜色呼应又有点缀性的小面积呼应,够很直观的将每处视觉元素串联在一起。原因之二:页面的上中个区域分别现了重色,这是色彩上呼应的一个表现,如果把最后一分重色改为白色的话,会给人一种头重脚轻的感觉,或者把中间重色掉,就会给人一种视觉链断层的感觉。原因之:页面整体对齐做的很好,每处元素都是胡乱摆放的,都有一条隐形的线在约束元素,整体给人的感觉很舒且显乱。

下面再举个例:

设计画面显乱,该如何解决?

这同也是整体图片、颜色调性保持一致,且上中下也是有显的重色呼应,在此中间也有一些块色彩的呼应,整体视觉链已经有了显的体现。其次在重色域用了波浪形的形状约束,其实这种波浪形状是不好把控的,稍使用不得当就会显乱,但是通过呼应的关系,且只是出现在上中下三个域,在进行活跃版式的同兼顾了视觉串,所以给人的觉并不乱,反而版式活跃。

了这么多,其实就充分把原本独立存的视觉元素效的联起,让他们相互作用,再效的结合对齐原则,这也效避免画面乱的一种常用手法,联视觉元素的过程其实就规整的过程。

三、重心平稳原则

设作品中,平稳的重常见的,之的文章中也过,画面中无论颜色、色块、文字它们视觉都存一的比重,如果重不稳,就会给人一种视觉天平的倾向,给人一种「站不稳」的感觉,这并不画面乱的绝对因素,因也些设故意改变画面重寻求视觉的差异化,所以好两点的提下,再去考虑重,比如面案例里中下的色彩呼应,同时也起到了很好的平稳重的作用,很多不错的海报、页面都喜欢采用平稳的构图方式,比如:

设计画面显乱,该如何解决?

设计画面显乱,该如何解决?

设计画面显乱,该如何解决?

无元素的多与,整体重心的平稳使得画面会因为视觉重的缺失显得杂乱,而是给人一种稳定、协调的感觉,但是重心平稳并是全的视觉重的1:1,而是整体协调即可。

四、做个案例

结合今天说的这些论,我做了一个简单的页,因为页面偏长,直接放最终版,然后说具体思路:

设计画面显乱,该如何解决?

首先整体每个模都有严格的对齐形式,目的是每处元素的摆放都有据可循,减可成视觉杂乱的因素。次同样采了上中重色呼应的形式,目的是页面在视觉上有一定的分量,而是整体轻飘飘的。最后尽可的在每一屏都现橙色,作为辅助色,同样要做好呼应系,形成一个整的视觉链条,整体的调性尽可的保持了一致,且是重心平稳的构图方式。

总结

当画面感觉乱的时候,可通过结合今天说的整体审查一遍,寻问题的根源,当然这些手法只是一些的,并是代表全,要在这些基础上灵,会总结和扩展,而是只限于论,很多设计论是为大供一个方向,多体会、多解、多,方法总困难多。

欢迎关注作者的公众号:「美工美邦」

设计画面显乱,该如何解决?

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

元旦过后,新的一波工作又要开始了,我在开始准备新一轮汇报材料的时候突然想到了一个问题,不知道铁子们在往年参加设计评审...
光影
@研习设K先生 :有一位同学向我们咨询,他的问题大概的意思是,类似网站或者淘宝详情页的那种长图怎么设计能好看?我们在之前...
平面设计
文章分享了最近跟进的一个项目,主要研究怎么通过设计提升 Banner 点击率,希望项目中的方法能给大家带来一些参考与启发。 项...
Banner
上次推送的几篇关于文字组合海报,受到了广泛好评。说明大家还是都比较喜欢这种简单直接的小妙招~ 贴心的小优这次又给大家送...
图文排版
@研习设K先生 :无论是学习设计还是学习其他任何事物,我相信每个人都有喜欢走捷径的本性。比如学设计这件事,很多人看过一些...
创意灵感
今天将要分享的是一个我们在设计中经常会用到的「配色」。 很多设计师工作几年后还是对配色摸不着头脑,每次做设计依旧没有...
入门
重复图案在我们的大自然中可以说是很常见了,比如说蜜蜂的蜂巢、斑马的纹路再或者是蟒蛇的鳞片。多年以来,很多的设计师们也...
图案
下层基础决定上层建筑,好的设计形式结构不需要复杂的修饰依旧能展示其魅力。表象之下隐藏着事物的真相。 今天给大家带来点...
平面设计