甲方爸爸排版要求的填坑指南

设计教程 & 文章 2019-06-05 510 次浏览 0 条评论

你是不是经常遇到这样的情况:

  • 把做好的设计发给甲方看,然后他告诉你太乱了,要统一。
  • 于是你苦苦调整了一番,当再发给他看时,他却说太平淡了,要有对比。
  • 你心想,特么是不是在玩我啊,一会要统一,一会要对比,自相矛盾?

玩你是认真的,但其实你也可以不被他玩,只要你自己能平衡二者的关系。

对齐与变化

对齐是版式设计最基础的原则之一,常用的有左对齐、右对齐、上对齐、下对齐、居中对齐、两端对齐等,目的是为了使版面更整洁,更便于阅读,比如下面这些作品,字与字、字与图、图与图都各守其位。

我们来举个实例,假设你现在要设计一则手机 banner 图,目的是宣传某款手机的拍照功能,文案如下:

标题:突破性的摄像头系统
内文:这款在全世界广受欢迎的相机,正在将摄影领入新纪元。创新的感光元件、图像信号处理器和神经网络引擎默契协作,让你拍出的照片一张比一张出彩。
链接按钮:进一步了解

这种图不难做,直接用一部手机和几张摄影作品作为画面的主视觉,就可以了。

图片找好后,你把其中一张图片填充到手机里,其余图片分散在周围,然后你把整个视觉主体放在版面中央,文字则按主次排在两侧,大致效果如下:

你盯着画面,正琢磨着还要加点什么的时候,甲方不知何时出现在了你身后,他面无表情地盯着你的电脑,嘴里慢吞吞地吐出几个字:“太乱了,好 LOW”,之后就消失了。你很聪明,立刻明白了爸爸是想要自己排得更整洁、更有序一点。

那就把自由式排版的混乱感觉调整一下~

▲左边的文字与右边的图片上下对齐,标题与内文两端对齐,icon 与文字则是左对齐。

很“完美”地执行了对齐原则,整个版面干净、整洁了许多,视觉流程也更简单了。这下总 OK 了吧,你心想,然而事情并没你想的简单。因为甲方不知何时又出现在了你的身后,他瘪着嘴,一脸嫌弃地说:“太呆板了,有点变化好不好?”

变化,难道又要改回之前那种状态?NO~NO~NO,你只要在现有的基础上做一些变化,就是既要对齐,又不能机械地对齐,既要整洁有序,也要灵活有变化。

听起来有点绕,但这正是排版的难点和精妙所在,看看下面这些作品:

现在你知道了,上面的方案之所以死板,主要是文字与图片对得太整齐,所以需要改变其中一个版块。由于文字是呈水平排列的,那么图片是不是可以倾斜摆放,形成一定的反差呢?

▲把图片倾斜,LOGO 与内文错开移到了左上角,最下边的直线也延伸到了版面之外。

好,我们现在再回过头来看看,是否符合前面说的,“要在对齐中制造一点变化,在变化中找到对齐关系”这一要领。

从上图可以看出,图片虽然做了倾斜,却是在对齐的基础上做的变形扭曲;版面中的元素虽然不是都对齐了某条直线,但是没有哪一个元素是孤立的,每一个元素都与版面中的其他元素有对齐关系;更重要的是,左边文字版块的视觉重心与右边图片版块的视觉重心,也是呈水平对齐的,所以整个画面才得以平衡。

 

统一与对比

虽然设计的构成要素只有文字、图片、色彩这三个,但每个要素都有无数种表现形式,比如不同的字体、字号、色值、质感、风格、图片、方向等,如果一个版面内含有太多不同的东西,会显得很杂乱,从而让人心生厌烦,所以,需要把这些“不同”统一起来,已达到舒适、协调的效果。

以一则运动品牌的轮播图为例,文案如下:

NIKE JUST DO IT
蓄势待发
Nike Air VaporMax19 打破更多界限,打造超越想象如云端漫步的穿着体验。
链接按钮:了解更多

这类设计以运动员作为主体最容易出效果,所以我们需要找一个正在奔跑的人:

运动品牌最重要的是要设计出动感和时尚感,所以我把背景分割成一红一蓝两个倾斜的色块,然后把人物放在画面中央,文字分布在左右两边,以制造出强烈的视觉冲击。

整体看还是比较符合运动海报的调性,但视觉上还是有点乱,很多细节没有统一。比如人物倾斜的角度和背景色块、标题倾斜的角度不一样,主要文字的字体风格不一样(NIKE 和 JUST DO IT 比较硬朗,而蓄势待发相对较柔),元素的风格也不统一(圆角的了解更多按钮与整体风格不搭),还有各元素的颜色也缺少联系等。

那该怎么办呢?这里就需要用到统一的原则了,我们可以试着把上面提到的不统一的地方都统一起来,如下图:

▲调整后的方案二,字体都是简洁有力的黑体,进行了水平对齐,背景改为单一的渐变色,人物和文字的倾斜角度也统一了,“了解更多”的按钮也改成了平行四边形,颜色更是被缩减到了三种。

确实不乱了,但也有了新的问题,画面缺乏层次,该突出的信息也没有得到突出。这时候就需要用到对比了。把具有明显差异、矛盾和对立的双方安排在一起,增加视觉冲击力。设计中常见的对比有大小对比、字体对比、色彩对比、空间对比、方向对比、长短对比、粗细对比、曲直对比、轮廓对比、虚实对比等。

想要处理好统一与对比的关系,需要记住两个要领:

  1. 各元素的调性要统一、元素的呈现方式要有对比。
  2. 要保证画面中的对比关系不会破坏整体的协调性。

顺着这样的思路,我们来给上图增加一些对比关系,例如方案二的标题倾斜角度太大,不美观,所以干脆改为垂直倾斜;在字号上,我选择突出品牌名。缩小广告语,加强了大小对比;恢复了之前把背景一分为二的做法,只是增加了一点空间感,并把人物服装的颜色与背景色做了统一。

方案三确实比方案一更协调,比方案二更有层次和视觉冲击力,且整体调性依然年轻、时尚、有动感。

 

简单与丰富

简单应该是大家听得最多的设计原则,但是我们也很困扰,因为自己做的所谓极简,经常会被人说太单调、不够丰富。而那些自我感觉很丰富的设计,又被说成是杂乱,为什么会这样?先来正确地认识一下~

简单并不是指做设计要用最少的元素、不做任何修饰,而是指设计主旨要简单、视觉流程要清晰、视觉要聚焦、主次要分明。

▲上图的元素和色彩虽然都很多,但整体给人的感觉也还是简单的。

而丰富也不是指画面中一定要有很多元素或叠加一堆的效果,而是指要有细节、有层次、有品质感。

▲上图的设计虽然整体看来很简单,但是并不会显得单调。

还是进入一个例子:一款农产品册子的封面设计。该封面的必要元素很简单,只有一个 Logo 和一句文案,因此,我们很容易想到极简。白色背景加一个 Logo 和一行文字,再配一款特种纸、做点工艺,就可以显得很高大上, 很多大品牌也是这么做的。

这确实也是一种还过得去的解决方案,但表现手法太过简单,既体现不出设计师的功底,也没有表达出品牌的调性和特色,缺乏吸引力,所以我们需要做加法,让其变得更加丰富。

怎么丰富呢,最直接的办法就是引入图片和色块,由于品类为农产品,且文案重在强调健康和安全,所以我们可以找一张绿色、生态的图片。

为了与狭长的版面保持统一,我把图片也裁成了竖版的矩形,并与一个同样大小的绿色块结合在一起,组成版面的主视觉,logo 放在图片左侧,如下图:

这么做还是有些设计感的,也增加了品类属性,不过缺少细节、不耐看,所以还需要加点东西。当然,新增加的元素只能作为辅助,不能太过抢眼,所以我很快想到了叶脉,与叶子元素能产生关联,且适合做底纹。

把叶脉放在图层最底部,会遇到三种情况,一是把叶脉完全平铺,但整个版面就没有留白了,会显得压抑;二是把整片叶子都显示出来,但这么处理会很小气;所以我只用叶脉覆盖了一半左右的版面,与图片部分形成呼应。

图片部分得到了改善,但画面中还缺少一点小的装饰元素,所以我把文案和品牌名的英文加了进来。

做完加法后,整个画面丰富了不少,层次也拉开了,给人的感觉是既不杂乱也不压抑,因为各元素主次分明,既有联系又没形成干扰。不过做加法也要把握度,例如下图就有点堆砌过度了,看起来很繁杂、不精致。

想要处理好简单与丰富的关系,需要注意两点:

  1. 要保证主体单一且足够精致;
  2. 要保证有简单的装饰元素与主体形成互补。

 

规范与打破

规范与打破是版式设计中的一对矛盾原则,规范是为了让画面更有条理和秩序,看起来像一个整体。

▲上图的主要元素都规范在一个矩形中,然后各个小矩形又组合成一个大矩形。

与规范对立的是打破,指打破规范、打破束缚、打破平静,使画面看起来更灵动。

▲用色块或图片来创造束缚感,然后让部分元素冲出色块,是规范与打破的一个经典形式。

那什么时候该严格遵守规范?什么时候应该打破规范呢?其实在一件完整的设计中最好两者都要有,而平衡这两者的要领就是:先规范后打破,即在规范好的基础上,选择一些局部来打破,还是以一个中国移动云服务的册子为例,文案如下:

标题:广州市政府信息化云服务平台方案 CLOUD SERVICE PLATFORM SCHEME
落款:中国移动通信集团广东有限公司
其他:中国移动、腾讯云 LOGO

很明显该封面的视觉调性应该要有科技感,要能体现互联网、信息、大数据这些关键词,所以我找了一张很有科技感的图片。

这类画册的版式通常偏向简洁、规矩,所以我决定用网格系统来辅助排版。除了 Logo,所有元素都排列在图片内,并且所有文字都按照网格的设定保持左对齐。

▲经过规范的版面看起来十分严谨。

不过这么做也造成了版面缺少变化,所以我们尝试在此基础上做一些“打破”。

比如原本的 LOGO 与图片靠得太近,显得很压抑,这里就可以将它们分得更开一些;中文标题、短线、英文标题这三者也太拥挤,可以挪开一点;文字部分不一定都在图片范围内,所以我给英文标题加了一个蓝色块,并把它移出了图片区域;最下面的公司名称也排在了图片下方。

▲调整后的方案,构图也相应发生了变化,之前为上下构图,现在变成了对角构图。

在规范的基础上做了打破,版面的整洁性依然在,但相比之前显得更灵活、更有设计感。

总结一下,设计不是简单的加减法,也不是只要对齐、统一这些很简单、方向很明确的就可以了。根本不存在什么原则,可以让我们直接通向设计的终点,但是我们的目标是明确的,就是要做有效的设计。

本文作者:葱爷(ID:congyenanian)
文章源自网友分享,版权归原作者所有,如有侵权请联系删除。
广告
广告

发表评论

电子邮件地址不会被公开。 必填项已用*标注