专栏名称: 研习设
K先生,站酷网十大人气设计师,10W+粉丝,每周四晚9点,准时更新一篇高品质原创设计文章。欢迎对学习设计有持续热情的朋友订阅、转发,期待和大家共同进步。
目录
相关文章推荐
武汉大学学生会  ·  新岁启程,共赴新朝 ·  2 天前  
武汉大学  ·  碰-杠-胡!武大人这个春节赢“麻”了 ·  3 天前  
浙江大学  ·  浙大推荐!这些年度好书,值得一看! ·  4 天前  
武汉大学  ·  这招绝了!春节没边界感提问回怼指南→ ·  6 天前  
兰州大学萃英在线  ·  年味寻踪——烟火气里的人间暖意 ·  5 天前  
51好读  ›  专栏  ›  研习设

道理谁都懂,换自己不就不会之二——宣传单页修改篇

研习设  · 公众号  ·  · 2018-04-19 21:00

正文

点击下方观看视频版哦~

点击边框调出视频工具条






以下是图文版:


今天我们选择的案例是在生活中常见的媒体形式,拿着它的人们会穿梭在人流与车流之间。





不仅提升了人与人之间的沟通能力,也间接促进了兼职人员的就业问题。





它就是我们今天的主角,宣传单页也叫DM传单。









首先要了解的就是这种纸张媒介的页面比例,它可以从一个正方形中衍生出来。以方形的对角线距离作为圆的直径,连接圆形的高与方形的宽,这样就得到了传单的比例。





宣传单页之所以会广泛采用这种比例的页面,其主要目的就是节省资源的浪费,达到经济用纸的作用。因为这种比例能够无限的等分出相同比例的更小尺寸纸张。最大的被命名为A0,定义成面积为1㎡,长宽比为1:√2的纸张。接下来是A1、A2、A3、A4、A5。





为了方便拿在手中,选择A4的大小作为基本尺寸,宽度是210mm高度是297mm。针对国内标准的大度全开纸张,应用于印刷的A4尺寸只能做到210mm*285mm,也就是大度16开。





选择好页面尺寸之后,通常会选用双面打印,也就意味着在一张纸上可以印刷两个画面。





这时市面上较常见的宣传单页。在版面的设计上都出现了很多问题。





本期就选择这张宣传单页来进行修正和改进。希望大家把重点放在分析方法上,而不是最终呈现出的样貌,毕竟设计是没有标准答案的一切都要灵活运用。









从总体来看,这个版面的视觉焦点不是特别突出,标题无论是从面积上还是色彩上都没有底部的白色色块抢眼,这就导致了主体的不明确,一直在被周围的元素干扰。





区域的划分太过依赖于色块了,层次过多会导致版面变得复杂。





首先要做的就是去掉顶部和底部的蓝色色块,原因是logo和地址没有必要特意去强调他们。去掉了蓝色色块后版面的空间相对变得没那么拥挤了,可以留给元素足够的微调空间了。





接下来逐一修改版面内的元素编排。我们先看划线的部位虽然看上去顶对齐了,但是看上去并没有对齐。左上角的文字在这种拥挤的空间下其实是可以省略的,添加它的目的可能只是为了保持左右文字数量的统一。所以我们去掉它。





第二个问题是文字的大小不一,之所以会形成这个状态,原因就在于它每一行的字数差别都比较大。





因为应用的是两端对齐的结构。这就造成了留白面积比较碎、比较拥挤。





我们重新来构成这个文字组合,右侧的这个是结构的图,我们看这个结构里边有栏的变化,也有主次之分。





我们将原有的文字信息分成四类,替换到做好的这个构成里边。我们看修改后的文字组,它周围的划分更合理了。所以作为说明文,只要是给人读的文字是没有必要放么大。这就好比我们在阅读一本书的时候,如果这本书的字号都很大你的阅读障碍就会提高。





我们将这个促销信息的文字信息和图像提取出来重新组合,我们会发现目前的这个形态虽然说对齐了图像的边缘,但是相对于右侧的这张图来说它并没有居中的感觉。





这个就是因为这张图片的视觉重心在锅的主体上,而锅的把手只是占据了很小的一个部分。为了矫正这一错觉,我们将锅的这个把手忽略掉,只对齐锅的主体轮廓。





为了进一步削弱组合的视觉面积,将文字信息进行整合。





文字换成竖排会怎么样呢?这时我们会发现文字的阅读顺序出现了问题。





当观看横排文字的时候,我们的视线是从左上到右下。我们观看竖排的文字时候是从右上到左下这个视线是刚好相反的。





我们按照这个逻辑性把它的顺序换一下,这个组合就完成了。相对于之前的构成这个组合应该是更加饱满的。





接下来是右侧的这个广告图部分,同样我们将图中的信息提取出来,左侧尖叫的图片会让这个区域造成混乱的印象,所以这样的图片尽量是不加。我们可以通过文字的编排来达到视觉效果明显的这个目的。





随后是再送198元养生锅的这段文案,我们选择一款合适的锅放置在设计好的版面结构中,随后加入余下的文字信息。这个组合就完成了。





然后我们添加色彩,这样底部的文字就修改完成了。





接下来我们看主标题的部分,文字经过了设计处理,但是在断笔和连接的部分做的不是很成熟,整体的识别性不是特别好。





我们将它重新转换成文字信息,一起来尝试一下在设计上还有哪些其他的可能性。首先将元旦狂欢两个词拆分开,分别放置在版面的左右两侧。给文字添加圆角描边,让其边缘部分变得更圆润一些。传达出一种亲和的印象。最后添加颜色,文字的外形刻画就基本完成了。





为了传达出元旦的新年气氛,在版面正中央添加象征吉祥如意的传统纹样。调整元素之间的比例关系,强调层级感的同时也为组合的结构添加了一些变化,随后加入英文信息,点缀在组合的顶部和底部。





将文字内部处理成点状纹理,让文字更倾向于图形的印象。为组合加入金色的材质,提升整体的品质感。





将年份2018与标题进行叠压,形成一种装饰感,接下来加入象征着喜庆热闹的鞭炮来呼应“狂欢”的氛围,提升整体的光源,拉伸版面的视觉层次感。





这里有一个小细节,就是元旦的但字周围的空间有些大,给人不稳定的印象。我们加入年份信息来填补这个位置。将时间信息从新组合后放置到版面的右上角。





版面的元素基本安排好后,接下来我们运用网格来规范一下元素的空间和位置关系。竖向分为5栏,横向分成8栏。所有元素都被限制在版心内部。





经过规范后这个版面就基本完成了。





首先从整体上分下一下这个版面出现的问题,最大的问题就是版面中分区与内容的拥挤,所有的空间都被满满的塞入了很多信息。不是说满意味着信息量大,留白同样重要。留白同样适用于这些内容比较多的版面。这个也是很多初学者的认知误区。





我们来看一下它的分区模块是什么?首先就是底层的红色背景,然后就是顶部这个蓝色的色块它和正面是同样的问题。上部区块中加入了两个广告图,下部区块中加入了两个线框的分区,再往下是适用热卖区和店内销售的其他手机。从内容的分类上一共是五个区域 。





我们将这5个区域重新分配位置,让它们的面积和空间分配尽量合理化。





我们来对内部信息再进行详细修正,首先是这个广告图。





在新的背景尺寸里面加入文案信息,添加线条来装饰一下这个文字。





将原图中涉及到的图像元素加入到版面中,底部的小文字加深了整体的层级对比。





将背景加入渐变色,让目光聚焦在版面的中心位置。主标题文字修改成斜体。增加版面的动感。





添加点缀元素,烘托热闹的促销氛围。





接下来是第二张广告图的修改。





更换一张手机的背景图,随后添加其余文案信息。





注意文字组之间的间距,信息按照大、中、小、更小的层级进行划分,这样的话会区分它们的重要性。





最后就是这个标志和价格也放到之前规划好的版面里边。





最后就是这个标志和价格也放到之前规划好的版面里边。接下来是另外两个促销项目,手机免费送和大牌破网价。





首先就是标题部分,手机免费送用这样的方式来做。随后我们将促销的机型放到下方并标注保底价格。另一个也是同样的格式的。





先看适用热卖区,顶部的元旦狂欢和实用热卖 在原版面中的主要作用和正面的店面地址一样,是属于为了填补空缺而加入的重复性信息。在寸土寸金的拥挤版面中,其实不加这些也不会造成认知上的影响,所以这里将其精简掉。





将原组合中的信息提取出来,重新编排组合。根据这个组合延展其他内容。回到之前说的,标题顶部的元旦狂欢与正面的主标题产生了冲突,但实用热卖的副标题应该如何表现呢?我们可以为它添加火苗的图标,来体现这种热卖的印象。








请到「今天看啥」查看全文