为什么你的设计看起来有点乱?

  • A+
所属分类:经验思维

本文来源: 周妙妍(公众号:版式设计很简单), 共 1276 字

有时候做完一个设计之后,重新看回来总觉得有点乱,但是又看不出哪里有问题。其实这种情况经常会发生,只是经验不足未能发现。今天通过这个话题,简单总结导致这种问题出现的情况,希望能帮到你。

为什么你的设计看起来有点乱?

视觉焦点其实就是画面里“能吸引你眼球的元素”,即为画面中的“主角”。留出整体画面中的视觉焦点,降低次要元素对主题的影响,在视觉上给予主题充分的主导地位(没有大量的辅助元素去分散用户的视觉注意力,焦点只会停留在重点上)。

为什么你的设计看起来有点乱?

为什么你的设计看起来有点乱?

为什么你的设计看起来有点乱?

为什么你的设计看起来有点乱?

▲ 上图给人感觉就是乱乱乱。你会发现画面出现太多的视觉焦点,原因是没有控制好元素之间的对比性,使之失去主次关系,从而失去第一视觉焦点。

为什么你的设计看起来有点乱?

为什么你的设计看起来有点乱?

▲ 正确的做法:

① 选择合适的字体,整体可以使用一种字体家族,再根据信息的重要性控制字体的字重(大小/粗细/颜色等)。

② 去掉多余的元素,如毫无意义的色块。这里可以用主色(蓝色)填充其中一面,既能提高版面率,还能统一画面感,突出主题信息。

③ 再将目录的信息重新调整编排,留出足够的空白,在视觉上给予主题充分的主导地位。这样就能清晰看到画面中的重要信息,也就是第一视觉焦点了。

为什么你的设计看起来有点乱?

色彩作为商品最显著的外貌特征,能够首先引起消费者的注意。在版式设计中,配色是非常重要的。如果色彩处理得好,可以为设计锦上添花,达到事半功倍的效果。但是配色过于复杂,就会造成版面信息混乱,失去重点。怎样才算“配色过于复杂”呢,下面列举了几个错误示范:

为什么你的设计看起来有点乱?为什么你的设计看起来有点乱?

▲ 配色的时候千万不要出现东一块西一块,这样很容易导致错误的视觉顺序,还会影响版面形式与内容的统一感。色彩往往有它本身的功能性,例如能提高版面率/聚焦区分/引导视线/平衡画面等功能性的作用。所以必须要考虑到色彩的作用,才能对症下药。

为什么你的设计看起来有点乱?

为什么你的设计看起来有点乱?

▲ 如果一个版面使用过多的色彩,会造成版面信息混乱,失去重点。如果非要使用多种颜色,可以利用相同色相不同的纯度或明度进行配色。即便是不同的颜色,在色相相同的情况下,也能带来统一的视觉感。

为什么你的设计看起来有点乱?

为什么你的设计看起来有点乱?

▲ 不同的色彩变化能产生不同的情感,我们不能单纯按照个人的喜好来配色,而是要根据设计项目的主题和受众群体等方面去考虑。上图中的主题是表达科技感,那么配色上可以选择蓝绿色系,而不是这么重口味的搭配。

为什么你的设计看起来有点乱?

为什么你的设计看起来有点乱?

▲ 上图的配色出现一块一块的,既没有功能性也没有修饰性,只不过为了不让画面那么单调空洞,强加上去的色彩。

为什么你的设计看起来有点乱?

▲ 应该避免上面所犯的错误,必须考虑色彩的功能性。例如当画面出现空洞或单调时,且在没有其他素材添加的情况下,添加有效的色彩是一种花最少的时间来提高版面率的方式,而且能增加色彩层次,提高画面丰富性,这样的配色才不会添乱。

为什么你的设计看起来有点乱?

如果画面过于单调,适当添加一些装饰性的元素或效果是可以提高整体的层次感。但是添加过多的效果,就会带来画面的繁琐感和凌乱感。下面列举了几个错误示范:

为什么你的设计看起来有点乱?

▲ 去掉不必要的元素,留出适当的留白空间,这样反而可以把注意力集中到产品上,更能体现空间感,突出主题性质。

为什么你的设计看起来有点乱?

▲ 文字添加过度修饰的效果,读起来就会变得困难,降低文字的可读性。那些过度的彩虹渐变、阴影、描边和其它天花乱坠等效果,是时候搁置了。

为什么你的设计看起来有点乱?

▲ 不要看见画面有空位,就乱添加背景图。背景图并不是加得越多,就会显得越丰富,反而是画蛇添足。



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: