唐老鸭

版式设计介绍。

大家好,我是大猫,本周给大家带来一篇版式设计的文章,本期的侧重点在于主体和编排。

其实做一个相对来讲比较合格的版式,无非就是这两点,即好的主体与好的编排。

好的主体,即精致美观的主体。

在版式中主体的好坏对版面的影响是非常大的。所以在选择主体的时候一定要谨慎。那么什么才是好的主体呢?

好的主体无外乎有足够的分辨率、独特的造型视角,以及丰富的表现力(质感、光影、纹理等都可以算在表现力之中)。

分辨率高,即选做主体的图尺寸一定要够(不止是主体,其他的图也是越清晰越好)。分辨率不够或者有锯齿的图片一定不要用。

以此图为例,左侧的苹果非常糊,分辨率不够,其视觉效果就比右侧的差很多。

其二就是独特的视角或造型,选主体尽量选新颖的造型或独特的视角,这样会使版面的冲击力更大,同时也更吸睛,达到的效果是事半功倍的。

同样是建筑海报,右侧的要比左侧的好很多,究其原因就是视角的问题。左侧的图片不能说不行,只是视角太常见了,论独特性和设计感远没有右侧仰视视角好。

其三就是主体的表现力,质感、光影、纹理等等都算是表现力。表现力强的更为吸睛。严格来算的话视角、造型、创意性等都算是表现力。

在此案例中右侧的金属质感更为丰富,所以其品质感和设计感更强,而左侧随手拍摄的就逊色很多。

接下来说一下好的编排是怎么样的。

好的编排实际上就是在编排上要严谨有序。

层次的清晰、字型选择的契合性、留白是否工整、段落文字编排是否适合阅读,这些都是能够影响编排好坏的。

接下来我们以一个海报评改为例分别讲这四点。原海报如下

这个海报在文字编排和主体选择上都有问题,我们先对照知识点看一下文字的编排。

对比合理,文字层级的清晰与否决定着版面的视觉顺序。过大或过小的对比都会使版面的品质感下降。

海报中信息的层级划分是十分明确的,这点没啥问题,但是主标题与底下的英文对比过大了,所以视觉上非常不美观。

鉴于此我们可将英文放大,使其对比的更和谐一点。

除了放大英文,在正文与标题和时间之间加了两条竖线做区分,会是层次关系分的更明显。层次关系处理好后,可以去调整字型。

选择字体也是版式设计中非常重要的环节,不同的字体传达的气质是不一样的,要选择与项目契合且非常精致的中英文字体。

原图中中英文字体用的都是方正中雅宋,中文部分用此字体没啥问题,但英文却不是很精致,所以英文符最好选择英文字体。

修改后中文选择了思源宋体,英文选择了baskervill,其气质更为契合。

下一步是修改段落文字的编排,原先的行间距太密,段落工整,因为顿号太多字距又显得太散,文字也参差不齐,这些都是我们要去修改的。

修改后更为工整了,视觉效果也会更好。关于段落文字编排,之前有篇专门的文章,可以回复“段落”获取。

留白工整影响版面的精致程度,虽然到这里字体选择和层级关系没啥问题,但版面的留白不够,显得太挤太满,所以我们可以适当缩小字体,以留出更多的空间。

修改后的明显空间更工整匀称,同时也更美观。至此文字编排就处理好了。我们把编排好的文字放到原海报上看一下对比效果

虽然现在文字编排更为美观了,但主体并不好,所以要去找一个更好的主体。

这里我选择了一个俯视钢琴的局部,并将背景变成黑色,其设计感一下子就上去了。

也可以选择正在弹奏的图片作为主体,只不过现在有些问题,就是版面底部太空了,这种情况我们可以添加一些与音乐有关的装饰元素,如下

将活动的主旨放大曲线排列并做成描边的形式,使其不是那么抢眼。同时添加曲线和点元素,象征音乐的节奏与高低起伏。另外这些点元素也可以替换成音符哦。

好的主体+好的编排=合格的版式,这是基础,如果想要做的更好,那么就需要在创意上下文章了。那么本期文章就到这里了,大家学会了嘛?

 

原文地址:大猫Addict(公众号)

作者:大猫设计

转载请注明:学UI网 » 墙裂干货,从主体和编排看版式设计!

登录收藏
 
你可能喜欢的:
敲黑板!划重点!图文混排要注意哪些?敲黑板!划重点!图文混排要注意哪些?
一张好海报的决定因素是什么?一张好海报的决定因素是什么?
11个小标题的排版技巧11个小标题的排版技巧
有效提升传达率的7个折页设计技巧有效提升传达率的7个折页设计技巧
8个很棒的目录页排版技巧8个很棒的目录页排版技巧
墙裂干货!排版优劣的三大要素墙裂干货!排版优劣的三大要素
详情页设计不够出彩,该如何提升?详情页设计不够出彩,该如何提升?
如何让你的设计变的平易近人如何让你的设计变的平易近人
这次中秋节,这些店铺又玩成什么样了?这次中秋节,这些店铺又玩成什么样了?
手机端页面做不好,是什么在作祟?手机端页面做不好,是什么在作祟?