设计理论:富冲击力的锯齿形宣传单张

一张呈矩齿形的折叠单张显得富吸引力,而且也很有趣。

这种呈锯齿形的单张是我们最喜欢的一种排版格式,因为你只需要一点改变,就显得与众不同,甚至在用桌面打印机输出时也一样胜任自如。将一张标准的8.5×14(英寸) 纸张(相当于216×356 mm )水平摆放,将上方呈角度切去一边,然后按风琴折折成四个折页。在呈锯齿形的区域加上颜色,你就能设计出一张富冲击力的宣传单张,而且该版式适合所有的主题。让我们深入了解一下:

封面:

封面是我们能够清晰展示锯齿形风格的地方。上方呈三角形的锯齿具有一种视觉上的动感及移动感,在设计时你必需紧记这一特性。

微妙变化:

上图中,上方区域使用双色及单色软化了三角形的边角感,降低了锯齿形本身所具有的固有特点。而多色的版面设计,使用了单色搭配(在橙色中加入不同份量的黑色)使版面形成了层次感,而且也引导视线由前到后过渡。

内页:

在内页中,上方有两个不同颜色的色块,统领着下方两个主题。将封面的颜色及形状移植入来,留意下图中的参考线:

点击上图看大图

将封面的颜色及形状植入内页:在上述版面中,圆形及三角形呈现一种几何的对比关系。在这里,关键是要保持一致。留意上方四个碟子——相同的观察角度,相同的尺寸,没有其它背景。如果你打破了这种一致性,都会造成一地鸡毛的混乱局面。

使用非衬线体(黑体)字体

简洁的字体配合简洁的主题

三角形与圆形构成了一种清晰简洁的版式,所以你也需要一种简洁的字体来搭配,我们建议(当然,不是绝对)使用非衬线体,在这个案例中,我们使用Franklin Gothic字体,为什么说这种字体是简洁的呢?我们可以从上面的W找到答案。Franklin Gothic字体的W都是由直线构成,而且线条宽度都相同,没有任何装饰元素。为了对比观察,我们可以看看旁边的Adobe Garamond字体,这种字体无疑是非常漂亮的一种字体,但太复杂,交叉的线条,复杂的衬线,线条宽度也不一样,有很多精心雕凿的细节,衬线与线条之间的弧形转角位,都构成了一种复杂的视觉关系。

上方所有文字都是采用Franklin Gothic字体,标题使用粗黑体,正文使用正体,标题文字比下方文字要大2个Pt,而两组菜名之间相隔一行。对于菜单来说,价钱象上图加在文字中比单独成一块感觉更好——使人更专注于各种菜肴的特色而不是价钱。

外页:

当展开时,这张单张的外页包括了封面、封底及中间两个折页的内容。虽然它们是另一个新的元素,但一致性仍然要保持。

点击上图看大图

用眼睛来设计:

设计是通过眼睛来完成的,而不是各种所谓的教条。为了保持视觉的一致性,有时我们需要作一些小小的调整。比如,在外页的图片中,并没有采用盘子的图片,而采用了一块甜食的图片,但这块甜食,其摆放的角度仍然与面条的角度一致。而杯子的图片也显得更高一些。刚才我们在内页中说到四个盘子的高度及大小应该一样,因为内页的四个盘子形状非常相似。但这个杯子我们必须高一些,因为它是呈高瘦形,我们所说的一致,是说“视觉份量”一致,只有将杯子的高度拉高一些,它的“视觉份量”才能与内页的盘子一致,这个时候,相信自己的眼睛比相信尺子更重要。但字体及颜色搭配的样式,我们并没有改变。

封底:

封底往往是一个提供很多重要信息的区域,比如,营业时间,地址及其它联系信息。

与封面一样,封底仍然是一种图片主导版面的设计。在这个案例中,放上图片后,会使上下版面形成高对比的视觉效果。而那个活泼的标志跨越了这道“围墙”,促使这两个区域更好地结合。下图中,文字及排版风格仍然配合上述菜单的样式。标题的紫色来自图片。

封底还有另一种变化(见上图右),我们“延伸”图片,将图片下方的深色全部填充下方空白区域(从图片下方的深色区域中取色),这种效果使到两个区域无缝联接,也呈现另一种设计风格。

相同的模板,不同的版式:

这个锯齿形的单张版式可以有很多灵活的运用,如下方这张宣传邮寄单张就利用占据三个折页的图片来产生漂亮的效果。上方锯齿形区域的区域采用单色搭配,呈现一种低调的层次感。

这是一张关于公园的直邮广告,对于邮寄的宣传单张,必须立即能够吸引别人的注意力。上图中,图片承担着最主要的作用,留意说明文字后还有隐约可见的图片。而下方的小图中,是另一种设计风格,与第一种对比可以说是刚好相反,因为这是一种主要以文字而不是图片作为引导的设计(虽然图片仍然为视觉焦点)。留意这两个单张的设计都有一个共同点:即将其中两个折页都作为一个元素来处理。两种设计都OK,设计从来就没有自古华山一条路的说法。

一种字体,不同样式:

我们采用一种系列字体(同一种字体,但包括正体,粗体,粗黑体,倾体等样式)就可以应付一个版面的设计,在这个设计中,我们使用了三种:正体,粗体,粗黑体。同一种字体但不同的样式就可以轻易形成简洁协调的效果。

与其使用不同的字体,不如采用一种字体,只要改变样式即可,既简单又吸引人。我们在上方采用了ITC Goudy Sans字体用在了从标题到小文字的所有文字上。整体给人一种优雅舒服的感觉,特别是对于这种募捐的宣传非常适合。

模板:

尺寸:14×8.5(英寸)

折叠后尺寸:3.5×8.5(英寸)

版面具体的一些细节设置,可大致根据上图所示设定即可。上方剪切的角度要适中,要保留有足够的空间来显示标题,但也不要太倾斜。稳妥的办法是设计完后自己打张草图片来折一下看看效果。

时间: 2024-08-23 21:45:06

设计理论:富冲击力的锯齿形宣传单张的相关文章

设计理论研究:富冲击力的排版

网页制作Webjx文章简介:富有冲击力的排版设计原理. 富冲击力的排版使这张学生会成员介绍的设计显得非常突出,它比普通的那种傻乎乎的团队照效果更好,因为设计师可以灵活安排其中每个人的照片,使到整体既具有一种团队的氛围,但同时又能显示出每个人的特性. 一.门票:大门票产生大印象 读者特利发给我们一张他设计的洗车券,这张洗车券是他希望为他儿子的游泳队筹集在游泳池训练的各种费用而举行的一次洗车筹款,而它的有趣之处就在于其尺寸相当抢眼: 没有人会对它视而不见:这张洗车券是一般门票尺寸的两倍之大,设计起来

PS制作三折页宣传册的一些设计理论详解

本文从零开始讲解如何设计一张呈锯齿形的折叠单张,下面这个折叠单张就是最终成果,不仅显得富吸引力,而且也很有趣. 这种呈锯齿形的单张是我们最喜欢的一种排版格式,因为你只需要一点改变,就显得与众不同,甚至在用桌面打印机输出时也一样胜任自如.将一张标准的 8.5×14(英寸) 纸张(相当于216×356 mm )水平摆放,将上方呈角度切去一边,然后按风琴折折成四个折页.在呈锯齿形的区域加上颜色,你就能设计出一张富冲击力的宣传单张,而且该版式适合所有的主题.让我们深入了解一下: 分类: PS入门教程

《 产品设计思维:电商产品设计全攻略》一一3.4 如何构建一个具有品牌冲击力的优秀首页

3.4 如何构建一个具有品牌冲击力的优秀首页3.4.1 优秀首页的衡量标准要想构建一个优秀的电商首页,前面提到的对各方面的深入调研是关键,即使因为条件限制而没有充分的调研基础,也应该利用"经营假设"为设计提供结论参考,这项工作开展的好坏直接决定了首页是否符合商业价值的预期.我认为一个优秀的电商首页,首先要是产品服务上的成功,其次才是视觉.技术等产品质量上的成功,而这两者又是相辅相成的,但关注的焦点应重点放在服务设计上.产品服务上的成功,关键要识别清楚潜在目标用户的需求与企业自身经营的需

艺术设计理论:字体设计三步搞定

文章描述:艺术设计理论:字体设计三步搞定. 字体设计三步搞定: [1] [2]  下一页

用户体验:关于设计理论和设计术语

网页制作Webjx文章简介:关于设计理论和设计术语. 这几日的工作,涉及到很多会议. 也就涉及到很多人,很多意见,很多碰撞,很多思辨. 关于项目本身的不再多说,目前也不适合分享. 倒是有一些题外话,虽然和具体项目无关,但是会影响我们工作和沟通的效率.据我来看,也是很有意思的话题. 其中有些话: 功能性导航.全局性导航,我们是不是太扣字眼了?用户真的会关心什么是功能性导航,什么是全局性导航吗? 我们用这些原则来指导我们的工作,是不是太僵化了? 我们为什么先分析别的网站去找出这些规律,真的有用吗?我

javascript-css类名语义化,相对的设计理论是谁在推崇?

问题描述 css类名语义化,相对的设计理论是谁在推崇? bootstrap的css类名,是语义化风格国内有一些关于是否应该语义化的争论我想问,反对语义化,而支持写成.font16 .red这种类名的,是哪些框架在这样实践? 解决方案 web标准都讲求语义化,利于SEO优化 解决方案二: web标准都讲求语义化,利于SEO优化

lintcode二叉树的锯齿形层次遍历 (双端队列)

v题目链接: http://www.lintcode.com/zh-cn/problem/binary-tree-zigzag-level-order-traversal/ v二叉树的锯齿形层次遍历  给出一棵二叉树,返回其节点值的锯齿形层次遍历(先从左往右,下一层再从右往左,层与层之间交替进行)  v样例 给出一棵二叉树 {3,9,20,#,#,15,7}, 3 / \ 9 20 / \ 15 7 返回其锯齿形的层次遍历为: [ [3], [20,9], [15,7] ] v思路: 我们用双端

photoshop设计理论让背景突显主体分享

给各位photoshop软件的使用者们来详细的解析分享一下设计理论让背景突显主体. 解析分享:   @豪斯K先生 :在平面设计中主体与背景就像是主角与配角的关系,可以说一部好的电影一定是主角与配角相互搭配共同完成的,同样道理,设计中的主体与背景就是这样的关系,背景烘托主体,主体映衬背景,那么怎样利用背景让主体明显,就是我们这篇文章所要阐述的内容. 第一部分:背景的大致分类 设计中的背景大致可以分为纯颜色.场景.渐变.肌理.图形五大类别,下面我就针对这五大类分别举例说明.   纯颜色背景不是指纯度

图标设计理论:多形态标志是未来趋势

文章描述:标志在表现形势上值得瞩目的就是"多形态"标志的不断涌现. 近年来,标志在表现形势上值得瞩目的就是"多形态"标志的不断涌现. 但要首先明确一下, 有些人会将部分这类标志称作"动态标志",但这与我们本文所探讨的并不完全一致,因为,我们所说的"多形态",更多的是指标志形象的表现形式与传统的静态标志相对的一种形态,它的表现形式是不固定的,流动的.因为这里涉及到一点:并非所有"动"的标志,都是我们本文所指的