折页插画-如何设计折页单页?

作者&投稿:主父悦 (若有异议请与网页底部的电邮联系)
怎样做折页设计

什么是折页呢?

折页区别于我们熟悉的传单。它不但有精炼的内容,而且有丰富的产品图片,让读者一目了然。好的折页,看着便赏心悦目,令消费者不舍得随手丢弃,闲暇时间,拿起翻看,勾起消费者对产品的好奇心,进而达到提升品牌知名度,增加产品销量的目的。

今天我们就从折页的颜色、布局排版、文字和图形图像四个方面,谈谈

如何设计出具有“收藏”价值的折页。

一、以“色”引人

1.颜色鲜明

拿到一张三折页,能吸引大家注意的元素有很多,但是颜色绝对是一大重点。鲜亮的颜色能起到很好的衬托作用,并且吸引大家的注意。

2.配色合理

选择不同的颜色,合理的进行搭配,能够起到区分重点的作用,并且不同的颜色还能分离不同的信息,更具有趣味性。

3.单一配色

如果大家觉得配色很头痛,不妨尝试一下单一配色,不会显得单调,反而会显得整体较为统一,高级感满满。

二、以“排”增趣

1.跨页布局

试着突破传统排版方式,将图形或者颜色跨页分布,不要只局限在一页之内,你会收获不一样的效果。

2.元素覆盖

有时,在同一个三折页里面,要放置大量的元素,很多设计师会想法设法地将其分开。其实完全不必如此,可以将其叠加覆盖,也十分有趣。

3、水平布局

大部分的三折页模板都是竖版的,消费者看多了便觉得不稀奇。其实可以选择一些水平布局版式,让消费者眼前一亮。

三、以“字”吸睛

在进行文字排版的时候,大家不妨尝试一下将文字放大,会起到突出重点的效果。但是,文字放大会与常规文字有较大的差异,大家需要审慎选择自己要放大的文字。

四、以“图”点缀

1.选择有趣的图形

有时候,选择不同的有趣的图形,给人的感觉会更有趣,更生动,不死板,还能起到引导视觉的作用。

2.图片处理

简单的图片虽然可能十分符合主题,但是却不一定能达到很好的效果,这就需要大家给它进行有趣的处理,使其更有吸引力。

3.添加插画

插画是种很有趣的形式,有时候单纯的照片其实不如插画有趣。要注意选择合适的插画风格,和内容相搭配,并且要注意主题。

如何设计折页单页?

无论是小说、表演、歌曲及演说,都具有一种“故事式”的风格DD它们有开始,有推进,有结束。其中各个部分都是互相联系的。我们采用这种特点来设计一个折页单张,轻易能够让设计产生一张吸引人的感觉。折页的运用,使读者在观看时产生一个先后顺序,而每一个区域都放置不同的故事内容,但同时,整体的风格却是和谐协调。这种设计成本低廉,而且给人一种内容充实的感觉,设计起来也很有趣,看一下我们是如何做的。折叠后的封面单张的另一面虽然只有一张纸,但却具有很强的冲击力,随着我们打开折页,里面的内容一一来到你的面前。在第一张图中的封面中,我们采用了一张半抽象的图片,象是在跟读者打招呼,吸引你翻开里面的内容,当我们打开第一次时,我们看到一座漂亮的院子,而右侧较窄的折页上的文字则介绍相关的业务内容。当我们再打开第二次,则看到更多的图片、文字及信息来作详细的解释。从封面开始:封面担当起两个作用:它必须能起到介绍的作用,就象我们第一次跟一个陌生人接触,总会说:Hi,我是。另一个作用是它能起到邀请的作用(请进来看看!)。为了在视觉上达到这两个目的,首先所选择的图片就要有这种作用。看一下我们选择的图片是如何邀请别人进来的?在这个设计中,封面就相当于前门,所以在这个设计选择一张封面用的图片时,就要考虑它能否传达出“门”的概念。在上图中,我们选择了一张有喷泉的图片,并通过剪切,使图片形成拱形状区别,使到读者感觉来到“门前”,图片的背景比较柔和,而且比较模糊,还被喷泉挡住了很大的面积,这暗示美景还在前面。图片所营造的悬念可以说是非常理想的。然后就将文字直接放在读者的视线内。公司名称的尺寸很自信地安排得比较小,但却足够吸引人的注意力。原因有三:1,它放置在页面的中间;2,文字是绿色背景上的唯一元素;3、喷泉对文字形成了一个边框。文字块呈右对齐,而左边缘则崎岖不平。整齐的右边缘与页面边缘产生联系,而不平的左边缘则与喷泉的边缘产生联系,留意一点,文字块左边缘与喷泉的边缘是互相配合的。同时,为了使文字块营造一种与喷泉在视觉上相似的感觉,文字块中包括了显得有点随意的罗马体作为标题与整齐划一的非衬线体作为说明性文字。打开一次当读者走进“前门”后,前面的景色让他们眼睛一亮。同时,在折页上放置介绍性文字,由于折页是可以活动的,所以整个版面显得很活跃,给人一种后面还有很多东西的感觉。为了让读者“进门”后有眼睛一亮的感觉,我们要使用一张漂亮的图片,而且尺寸要够大,我们将图片拉大到整个页面中,使读者感觉到视野开阔并充满邀请气息。同时将图片右侧部分切掉,避免图片中右侧的树形成一个边框感,而且更能突出户外的感觉。由于折页遮住了版面的一部分,所以读者很自然想继续看一下后面还有什么好东西。图片加上文字无疑能起到“一加一大于二”的效果,为了达到最佳的效果,不要去干扰这张图片所传达的信息,让它自己向读者介绍。同时,介绍性的文字静静地放在一边。留意右边折页的行距很大,呈现一种与图片风格配合的清新气息。这个小折页发挥了两个作用,它既承担起介绍的作用,同时又象是通向另一个地方的“门”。上面文字左右都是对齐的,狭长、整齐的文字块强化了折页的高度及折页本身的区域。较大的行距减慢了读者阅读的速度,却使读者有更多的时间与图片进行“对话”。折页背景的颜色是用吸管从图片中取色的,所以版面能够很自然地和谐搭配。打开第二次:当读者打开刚才的小折页后,整个版面完全展开,读者会看到另外四张的图片及更详细的介绍文字。新的照片成组排列。我们可以看到,这四张照片的尺寸与刚才的大图片的尺寸反差非常大,这使到这五张内容相似的照片能够平和地分享这个版面,如果五张照片尺寸过于接近,同时里面的内容都是差不多,很容易造成冲突。留意四张照片的尺寸都是一样大,而且成列排列,这样做既强化了它们的内容,也使整个版面显得干净整洁。(点击上图看大图)我们的眼睛在观看上述的版面时呈现一种先后顺序:上图中,以宽、中、窄依次安排的区域使整个版面既充满动感,而且眼睛也很自然地从左移到右。如果这三列的区域宽度相同,整个版面会显得静态。由于背景颜色的运用,还使整个版面在视觉上形成节奏感,呈现一种“黑D白D黑”的变化。不可忽略的颜色DD白色我们经常会认为白色是一种较为被动的颜色,只是作为背景色,但在这个版面,我们很清楚地看到白色其实与其它颜色一样能够发挥重要作用。上述白色区域虽然在实际印刷中是留空的,但该区域却给人很强烈的柱状区域感觉,与旁边的两个区域并无两样。简单就是美丽三列的布局设计使整个版面整洁优雅,而且能够轻松阅读,这个版面显得非常简洁,各个列的区域由下到下都是平滑顺畅的,没有凹凸不平的边缘线,没有元素重叠,没有其它杂乱的边界,没有干扰视线的元素。上图文字采用Impressum字体,该字体有一个地方很特别,那就是字母上的粗细并无规律,显得不死板,有种自然界的气息,但同时,该字体阅读起来仍然很清晰。上图文字仍然遵守“颜色用来吸引人,灰色用来详细解释”的手法,使整个文字区域显得容易阅读。但上述版面中的字体有两个地方是例外的(箭头处),字体样式是一样的,但颜色却并不一样(黑/白),因为这些文字与灰色的文字说得是不同的信息,所以需要有区别开来,也避免在视觉上过于拥挤。作为一家园林装饰公司,当读者看完这些介绍后,在最后的折页中,就要让读者开始行动:打电话给我们。在内页中,我们的各个区域都是以矩形来安排版面,而在后面,我们却使用不规则边缘的元素DD肖像。而她那草绿色的外套与内页的绿色是类比色,在视觉上得到延续。“声音”的转变不同的版面安排就象不同的声音。在内页中,我们已经看过了她的作品,但最后,我们该见识一下这个设计师了。她以一种直接的语气说“给我们来电”及突出的电话号码可以唤起读者的消费欲。上述这两句文字与她的头部靠得很近,而不是隐藏在下面众多的文字中,而且这两句话无论是颜色、字体、大小都是内页文字字体样式的延续。

快来看,PS折页设计实操攻略,还有出血/印刷版式/格式输出的详细解说

大家好!我精心为设计入门的朋友们或初学photoshop的小伙伴们,总结了一些很重要的知识点以及自己的一些实战经验,供大家参阅。

Adobe公司的photoshop功能强大,相比其它图形软件,PS在图像处理方法上有独到的优势,图层的应用以立体的方式决定像素的去留,而以图层为基础的图层的混合模式和图层样式等功能为图像处理起到极大的作用。

photoshop应用范围广泛,只要涉及到图片处理,就有PS的用武之地。如广告摄影,图像创意合成,还有网页设计,插画设计和平面设计等领域。但PS作为一款位图软件,也具有其自身的局限性。使用时应注意以下几点:

1.PS是一款位图软件。所谓位图,也叫点阵图,简单的说,就是最小单位由像素构成的图,缩放会失真。所以位图组成单位是像素,也就是很多的小方格,所以用PS排文字版面并不合适。

2.另外PS不适合处理矢量图,会大大消耗像素!矢量图,也叫向量图,简单的说,就是缩放不失真的图像格式。矢量图可以很容易的转化成位图,但是位图转化为矢量图却并不简单。因此在创作前,就要想好使用哪种绘图软件。目前,用的较多的矢量图形软件有AdobeIllustrator和CorelDRAW。如不小心用到了PS设计印刷品,扑救方法可以将图片导出转换为PDF格式进行印刷。

3.大家知道PS的源文件是PSD格式,这种格式占用空间大。它所包含的图像数据信息较多,如图层、通道、剪辑路径等,由大量像素点构成的信息构成,数据量大,文件大因此占用空间就大。并且PS只能按原实际尺寸1:1输入,不能像矢量图形软件那样按比例缩小倍数制作。因此不建议用PS设计大尺寸印刷品,如户外广告,墙体广告等。直接的会导致电脑卡死,或图片无法导出。

下面用PS制作一款四折页设计文件。打开PS操作界面,Ctrl+N新建画布,会弹出一个对话框,如下图:

这个对话框会出现一些要素。这里着重讲解宽度、高度、分辨率以及颜色模式。

宽度与高度就是要输入折页的实际尺寸。四折页国际标准尺寸为:380mm*210mm。而现在要制作的这款四折页应客户需求尺寸定为:380mm*200mm。细心的你一定发现了,我在对话框中输入的尺寸为:386mm*206mm。是为了保留画面有效内容预留出的方便裁切的部分。即出血,指印刷时常用的印刷术语,印刷中的出血是指加大产品外尺寸的图案,在裁切位加一些图案的延伸,专门给各生产工序在其工艺公差范围内使用,以避免裁切后的成品露白边或裁到内容。一般出血保留在每边3mm-5mm。在此我留出3mm的出血位置,由于考虑到左右,上下都要留出血位置,所以宽和高各增加6mm。

分辨率依据要制作的成品的尺寸大小与采用的印刷工艺有关,如喷绘工艺,分辨率30-50以上就可以,印刷纸质品分辨率保持在300像素足矣,即可达到良好的视觉效果。

CMYK模式,是印刷常用模式。用青色(C)、洋红色(M)、黄色(Y)和黑色(K)油墨打印。制作印刷品时,颜色模式必选CMYK颜色。如一开始选错,也没关系,可以在图像——模式——勾选CMYK颜色修改过来就行了。

当新建对话框中的参数都设置好后,按确定按钮,便可出现一个空白画布。Alt+Ctrl+E添加参考线,如下图:

通过这个画布,我们可以清晰的看到折页的四个面,还有出血的具体位置所在。

在开始设计前,要对每个版面的布局做到心中有数,如封面在那一版,封底又在哪一版。那么就要遵循印刷特点来决定。

套版印刷是印刷中较为常见的印刷方式,也就是正反面印刷,需要两套PS版,印完一面后,反面更换另一套PS版。

从以上图例可以看出,我将排版分为两个部分,正面和反面。属于同一版面内容放置在一起,根据阅读顺序依次编好数字,填充设计内容时只要按照标好的数字,对号入座就行了!

PS在操作过程中,会使用一些常用功能。例如:蒙版图层、色相/饱和度、智能滤镜。

蒙版图层,可以对当前图层应用蒙版。图层蒙版中用白色绘制的区域是可见的,而用灰度梯度绘制的区域则会出现在不用层次的透明区域中,用黑色绘制区域将被隐藏。操作很简单:只需单击增加矢量蒙版按钮——快捷键D,颜色前背景色自动转换黑白色——选中渐变路径——在需要使用蒙版效果的图层拖动即可。

色相/饱和度,要想熟练地运用该命令,必须对该命令对话框中的各个选项参数有所了解。此命令常用在调整美化图片上,将图片调成最完美的理想状态。快捷键Ctrl+U,弹出对话框后,设置参数。

智能滤镜,常用在特效文字制作或为图像添加特殊效果上。使用滤镜效果左侧会出现一个眼睛图标。使用多个滤镜命令会得出混合效果,可以对其中某个效果隐藏或调换顺序来更改混合效果,也可将滤镜效果全部复制到其它图层。

通篇介绍的这些重要入门知识,希望对你有所帮助!欢迎指出不足,互相交流。

文/秋高高



三折页的常见成品尺寸为210mm×285mm和420mm×285mm。
如何设计一款让备受瞩目的三折页呢?中汇设计提醒需要做好以下几点:

①明亮的色彩,设计时使用明亮的色彩衬托产品是个不错的方法。

②运用不同的配色方案,可以分离出若干内容,或添加一些视觉上的趣味。

③水平布局,想做一些改变,尝试用一个水平布局,而不是一个垂直布局。
④经典的黑白配,黑色和白色在设计上创造了一个又一个的经典和永恒。
⑤换一种材质,在三折页上使用一种有趣的材料来增加视觉效果。

⑥创建一个跨页,用一个色彩与图形的组合,创造一个横跨三折页的设计。

⑦使用有趣的图形,巧妙地将图形放置在版式中以引导读者更好地浏览内容。

⑧使用巨大的字体,放大的内容必然会更突出醒目,会在页面中凸显出来,并让观者记忆深刻。
⑨使用单一的颜色,选取一种颜色,作为背景颜色,甚至用它作为滤镜的颜色来处理图片。

⑩使用纵向网格,使用网格可更好地布置版式以及处理信息。通常来说,一个版面中的纵向网格越多,版式就越灵活。
⑪运用图片。对用在三折页上的图片悉心甄选,确保拍摄的是高清素材。运用摄影素材的时候,要尤其注意素材的细节处理和整体把控。所有照片要保持整体协调。

⑫以文字为中心。没有图片么?那也没问题!选择一款优美的字体,调整字号大小及排版来创作吧。
⑬主题插画。用赏心悦目的插画替代照片,为三折页增添了一种妙不可言的感觉。值得注意的是,要选择好你的插画风格,平滑简洁的形状或者粗糙质感给人传达的感受一定是不一样的。确保你选择的风格能够和你的内容相匹配,并且情绪感受对位。推荐:折页模板第24季
⑭裁剪。应用照片不仅仅意味着选择一张惊艳的照片,你要确保你正确的构图和裁剪才能使照片更好看。要认真考虑你所裁剪掉的部分是否会传达出错误的信息或违背你的设计主题。

~

故事插画三张图-故事插图怎么画简单又好看
答:整个版式的构成也就是点线面的构成,图形和文字可以构成不同的点线面,本次版式设计中,我将页眉作为板式中的“线”,半圆的页码作为板式中的“点”,插图和文字作为“面”,还选用了一种英文字体改变其宽度和样式,变成点状,作为文本背景,多次运用在书籍内页和折页中,作为反复视觉出现,进行统一。在周边设计...

藏式插画-图片这种像灯亮光的效果怎么制作?还有图片中的字体是什么字体...
答:29Effect04票证设计29Step1制作藏式花边30Step2拼排花纹32Step3合成布宫图片32Chapter02DM单设计35Effect01三折页广告设计36Step1绘制轮廓37Step2绘制页面效果37Step3绘制中间页和右页核心背景39Step4绘制月饼40Step5绘制特效字体41Step6绘制荷花42Step7制作Logo43Step8绘制左页效果44Effect02单页广告设计45Step1制作隔板46...

故事插画点线面图片-故事性插画该怎么样画
答:整个版式的构成也就是点线面的构成,图形和文字可以构成不同的点线面,本次版式设计中,我将页眉作为板式中的“线”,半圆的页码作为板式中的“点”,插图和文字作为“面”,还选用了一种英文字体改变其宽度和样式,变成点状,作为文本背景,多次运用在书籍内页和折页中,作为反复视觉出现,进行统一。在周边设计...

插画设计师面试问题-插画工作室面试怎么说
答:其实我个人在日常生活中也会画一些插画/启动页/2.5D/缺损图标。Behance、Dribble、Pinterest也经常上。另外,因为喜欢设计,我自己也是千图网的VIP会员。 Q4:你是怎么决定一个产品的配色的? 首先,如果公司有VI企业识别,我会根据公司的VI企业识别,优先选择VI的配色。其次,我会根据目标用户的喜好以及公司管理层对于产品...

插画简历作品集-怎么把爱好变成工作,成为职业插画师?
答:平面设计面试应该带什么作品?转行 平面设计 的话要看你之前从事的是什么岗位了。如果是设计方面的岗位转行的话是有很大的优势的。可以把你自我感觉不错的拿的出手的作品都带上。但是里面必须有你面试这个部门的对口平面设计作品。1、海报设计作品至少两套;(PS+AI完成,带出血、裁切线。)2、单页、折页...

UI设计师的工作内容包括哪些?
答:一、平面设计又分为线上和线下设计,线上的平面设计一般指的是线上宣传用的海报、广告图等。线下设计的种类则很多,除了线下宣传用的海报以外,还有宣传册、宣传折页、单页、以及展架等等。这些工作虽然比较基础,但也是不可或缺的。学习平面UI设计可以参考这里。二、网页设计就是网站的页面设计了,也...

公益海报插画-coreldrawx6是什么软件
答:UI界面设计(商务水果UI图标,教育网站界面,游戏界面设计等)网页设计(汽车网页设计,食品网页、化妆品网页、数码产品网页设计等)书籍装帧设计(各类书籍封面、版式、开本、装订、内页等艺术和工艺设计)插画设计(蝶舞荷塘、白雪公主、梦幻小屋、等车女孩、夏日海滨、屏风插画设计等)折页设计(高档折叠卡、...

元旦插画2019-元旦快乐的图片怎么画
答:春节模板春节折页贺卡海报设计 定制2019年猪年贺卡明信贺卡定制艺术新年贺卡节假日祝福卡片 卡通猪新年贺卡 粉色新年好猪年贺卡 手绘新年贺卡插画 2019年元旦新年贺卡diy创意迷你小卡片定制卡通可爱猪年元旦贺卡 猪年新年贺卡简笔画元旦快乐的图片怎么画 如何画一张合格的海报 Sky小空 一张合格并且吸引人的海报,五大关键——...

地产行业插画-如何从零开始学插画
答:这些工作的就业前景如何? 先来看一张图 如图可看出:美术教育主要是五个方向,分别是美术学、设计学、建筑学、戏剧与影视学、艺术学概论。每个方向下面都有若干的分支,图表里写的都很清楚。 01艺术设计 1、视觉传达设计 视觉传达设计,平常的学习包括构图排版,海报、宣传册、折页、字体设计等等。视传行业的应用无处不...

手绘插画麋鹿-新手如何入门编程?
答:159名片设计(一) 160名片设计(二) 161名片设计(三) 162名片设计(四) 163什么是DM单页 164DM单页制作规范 165DM单页页头设计 166DM单页排版设计 167DM单页页头设计 168宣传单页设计(二) 169三折页设计规范 170三折页设计(一) 171折页设计(二) 172折页设计(三) 173折页设计(四) 174易拉宝设计规范 175易拉宝设...