你现在位置: 首页 > 行业动态 > 正文 返回 >>

简单三步搞定海报设计,电商海报从此不用愁啦

发布时间:2015-11-24 22:19:04 阅读次数:935发布人:写代码的平面师

排版对于新手是个很费神的活,排了半天耽误时间不说还排的不好看,今天这篇文章、就是帮助大家怎么运用一些规律来高效快速的排版!

————————————

第一招:对齐

先看一组案例(左对齐/右对齐)


这些都是最常见的电商海报,基本都采用了左对齐排版方式,对齐是最常见也是最基础的排列方式。大家可以随手翻翻身边的书籍,里面的所有排版都会应用对齐。对齐的排版会有一道看不见的线,这条线平行于海报的边界线,与海报的边相呼应,将所有的文案自然而然的串联到一起。给人以稳重,力量,统一,工整的感觉,是最最常见的排列方式。


案例二(居中对齐)


居中式的排版在生活中最常见就是房地产和一些珠宝海报~居中排版会给人正式,大气,高端,有品质感觉。在电商海报中居中排版经常会见到文案直接打在产品上面,文案的遮挡会和后面的产品营造出一前一后的层次感,加上一些光效会让整张画面空间感提升许多。

居中对齐并不适合入门的新手,因为这对画面的布局把控有一定的要求。


————————————

第二招:对比


无对比不设计。人们的眼睛不喜欢看平淡无奇千篇一律的东西,喜欢看有对比的画面!使用对比的排版技巧可以最有效的增加画面的视觉效果。对比原则包含的内容很多,比如虚实对比,冷暖对比等等,这次我们只谈关于字体的大小对比和粗细对比。


首先一起看下面这个案例↓

大家看下使用对比前后的效果,在排版中仅仅运用对齐这一个原则是不够用的,第二步就要用到对比!第一张图片由于缺少对比,整体显得很乏味,除了标题略大一点下面的文本太长而且没有吸引读者的地方。第二张海报则运用对比的手法,使得页面更吸引人。而且文案的组织结构一目了然,更便于读者阅读。

第二张海报中的主标题加大加粗,与引标题2014夏装...形成大小和粗细对比。下面的正文采用小字,但是价格部分加粗强调再次形成对比。最下面的包邮说明部分采用最细最小的字与顺丰包邮又形成一种粗细大小的对比。还有不要担心字小了顾客就不读,只要标题吸引到顾客,自然会读这些较小的文字。只要将重点文字提炼出来放大加粗之后就能使整个版面信息主次分明,富有层级和组织性,就会在视觉上引导消费者向下浏览。

——————————

注意事项

* 找出文案中最重点的语句,运用粗细对比和大小对比加以强调和区分!

* 字体既然要对比就要对比分明,把标题设置12号字,把正文设置为10号字毫无意义,既然用对比就要大足够大,小足够小,细够细,粗够粗,让人眼一看就看出来他们的对比关系!记住!一定要对比分明!

* 对比不光会让画面更加美观,而且也会增加页面的可读性,不要担心对比后的读者不会去读小字,假如画面所有文字都一样大的时候,没重点,没逻辑性,顾客往往一瞥而过。只要你强调的部分吸引到顾客,顾客也会下意识的往下看。


——————————

下面通过一些案例截图帮助大家更好的认识大小和粗细对比!


大家看到没,只通过改变字体的大小和粗细就能把设计变的非常精美!有时候为了对比更加明显,会降低小字部分的透明度,产生明暗对比。

——————————

下面扯一下疏密对比

在居中对齐的排列方法中经常还会运用疏密的对比手法。


疏密对比中很多新人容易犯的一个毛病就是字符间距不宽不紧,给人的感觉很松垮,有时候可以尝试把字距调整为负值,更加紧凑一点。疏的够疏,密的够密,不要半疏不密的给人感觉会不稳定。


——————————

第三招:分组

当文案过多的时候就考虑将文案分组,将相同信息的文案摆放到一起,这样不仅使整个页面富有条理性,也会看上去非常美观,更加有利于消费者阅读。


看一组案例↓


如果一个海报上包含的文案信息太多,不加以整理的话就会显得杂乱无章毫无秩序,通过分组,就好比写作文分自然段一个道理。将有同一性质的文案分为一组,就会让版面无论在视觉感官还是阅读层次上来看都很有条理性。

——————————


最后总结

一般来说一张海报基本就运用这三个原则,对齐,对比,分组。切记一句话,画面中每一个元素的存在以及它的摆放都有它的道理!画面是你设计的,你应该说出你这么做的来由!

所有带有震撼视觉效果的画面都是源自对比,如果有人说你画面太平淡了,那么就请运用对比吧!对比是最有效的改变你画面的救命草!




济南新视觉数码实训基地

Copyright 1996-2015 | 工商注册号:101010101010101 | 鲁IPC备05030547
友情链接: 济南新视觉实训基地 | 山东新视觉数码科技| 济南平面设计培训 | 济南影视动画培训 | 济南室内设计学校 | 济南网页设计培训 | 济南电商设计培训 | 济南UI设计培训班
0531-
86558833
86467703

新视觉二维码