海报版式设计技巧ppt课件.ppt

1、 海报： 文字、图形图像、色彩 通过版设设计，对这三方面的要素进行创造性的组织安排 具有独立的创意和审美价值培训内容： 中文文字排版 版面视觉中心和视觉流程 网格系统 文字： 一个字点 一行字线 间距比较大虚线 间距比较小实线 一段字面 点线面相互转换 文字： 左对齐：适宜阅读，整齐划一，清晰有序 右对齐：每行的起始部分不规则，适合少量文字，产生特定的视觉效果。 中心对齐：庄严、传统、肃穆、经典。 自由排版：感性自由、轻松活泼、合适少量文字或标题。 文字绕图 视觉中心： 版面的视觉中心是指受众注意的焦点。 合理利用人眼视觉重点及顺序进行整体排版。Discovery 健康频道的页面，主要线条在九

2、宫格内。 MS Office XP 宣传片头一，强调XP(經驗)，所以用了个沧桑的底图。布局很规矩 一个MTV的画面，分割很精确哦！视觉中心在九宫格左上点。柱子将画面1/2分 一个牛奶广告，讲给人带来的营养等，注意眼镜的位置 化妆品广告，干净稳重，字的位置请注意。 还是windows XP 宣传片头，另一个风格，比较爽快，同样严谨 mazida 车的节目演示板，看看各元素的关系 这个图 的结构比较隐蔽，但也很规矩 这个广告说的是一个瓢虫爬上去吹蜡烛真还吹熄了！ 蜡烛侧线吻合 美宝莲的广告，分割精确得没話说，呵呵 “美，来自美宝莲”嘛！ 建立视觉流程： 视觉习惯、视觉中心、 对比关系、呼应关系

3、群组关系 视觉流程种种： 单向式（横向、竖向）、纵横结合式、斜向式、曲线式、中轴线式、指示导向式、散点式、自由导向式一、单向视觉流程使页面的流动线更为简明，直接地诉求主题内容，有简洁而强烈的视觉效果。直线视觉流程表现为三种形式：竖向视觉流程：给人坚定、直观的感觉；横向视觉流程：有稳定、恬静之感；斜向视觉流程：以不稳定的动势引起注意。 二、曲线视觉流程 曲线视觉流程，是由视觉要素随弧线或回旋线运动而形成的。它不如直线视觉流程直接简明，但更具流畅的美感。曲线视觉流程的形式微妙而复杂，可概括为两种形式：弧线形（C形）视觉流程 和回旋形（S形）视觉流程 五、导向视觉流程 导向视觉流程，是通过诱导性视觉

4、元素，主动引导读者视线向一定方向作顺序运动，按照由主及次的顺序，把页面各构成要素依次串联起来，形成一个有机整体。导向视觉流程的应用也很多见，可以使版面重点突出、条理清晰，发挥最大的信息传达功能。 1. 文字导向 2. 手势导向 4. 视线导向 六、散点视觉流程 散点视觉流程，是指在分散处理视觉元素的编排方式。它强调感性、自由性、随机性、偶合性。其视觉流程为：视线随各视觉元素作或上或下、或左或右的自由移动。这种视觉流程不如其他视觉流程严谨、快捷、明朗，但生动有趣，给人一种轻松随意和慢节奏的感受。 此此海报反映的是全海报反映的是全球变暖球变暖效应。效应。 画面画面上一对在海边上一对在海边亲热的情侣

5、，由比亲热的情侣，由比基尼泳衣和短裤让基尼泳衣和短裤让人感到这里有沙滩人感到这里有沙滩般的热度。而背后般的热度。而背后的企鹅却显示这里的企鹅却显示这里是本该冰天雪地的是本该冰天雪地的南极南极。构成。构成了三角形流程了三角形流程 则又构成了则又构成了一个大三角形。一个大三角形。 这张海报极端这张海报极端的反的反差夸张的表现了全差夸张的表现了全球变暖的严重性，球变暖的严重性，明确的传达了主题明确的传达了主题。 这张海报上层这张海报上层是铁丝网弯是铁丝网弯成的一眼看上去就扎人的成的一眼看上去就扎人的铁丝圈，显得拒人于千里铁丝圈，显得拒人于千里之外，下方映出的影子却之外，下方映出的影子却是中国传统中代

6、表吉祥的是中国传统中代表吉祥的“如意如意”。构成。构成了三角形流程。了三角形流程。 巧妙留白的运用，在画面巧妙留白的运用，在画面中显得举足轻重，有虚有中显得举足轻重，有虚有实，主次分明。这种强烈实，主次分明。这种强烈的对比把小面积的图形和的对比把小面积的图形和文字成为视觉焦点，视觉文字成为视觉焦点，视觉流程流畅。流程流畅。 于是于是如意不如意不“如意如意”，这，这般形成反差的形与影凸显般形成反差的形与影凸显了作者对理想与现实差别了作者对理想与现实差别的反思，画面简洁明快，的反思，画面简洁明快，寓意深远。寓意深远。 恐怖恐怖电影宣传电影宣传海报。海报。 在在怪兽的红色眼睛中同怪兽的红色眼睛中同构

7、出两个男主角的脸，构出两个男主角的脸，使海报乍一看是凶狠的使海报乍一看是凶狠的眼睛，再看是两人的容眼睛，再看是两人的容貌，又表现出两人被怪貌，又表现出两人被怪兽盯在眼中的危急场景兽盯在眼中的危急场景, ,令人心生令人心生寒意。寒意。 构成了回构成了回字形。致使整张海报达字形。致使整张海报达到了统一、均衡的效果到了统一、均衡的效果从而对于从而对于恐怖电影的惊恐怖电影的惊悚感传达的很到悚感传达的很到位。位。 恐怖恐怖电影宣传电影宣传海报。海报。 从从构图上有模仿构图上有模仿大白大白鲨鲨电影海报的痕迹，电影海报的痕迹，较之运用了更强的光影较之运用了更强的光影效果凸显出湖底鳄鱼的效果凸显出湖底鳄鱼的神

8、秘恐怖和人的神秘恐怖和人的危险境危险境地。地。 形成了之字形形成了之字形流程。形成流程。形成了回字形。把构成要素了回字形。把构成要素融为一体，加强画面的融为一体，加强画面的统一感。统一感。 阴暗阴暗的色调加重观者的的色调加重观者的心理压力，具有相对较心理压力，具有相对较强的震撼力，对电影的强的震撼力，对电影的主题传达的也很到位主题传达的也很到位。 恐怖恐怖电影电影死神蘑菇死神蘑菇宣传宣传海报。海报。 由由三个蘑菇和洞口的惨白色三个蘑菇和洞口的惨白色圆形洞口同构成骷髅头圆形洞口同构成骷髅头的形的形态，充满态，充满设计感的同时也明设计感的同时也明确表达了其恐怖的特质确表达了其恐怖的特质和主和主题。

9、题。 构成了三角形流程构成了三角形流程。 则构成了回字形流程则构成了回字形流程。对主题的统一强调，从而。对主题的统一强调，从而画面达到均衡。画面达到均衡。 最后，阴森最后，阴森沉闷的色调更突沉闷的色调更突出中央的白色骷髅，令观者出中央的白色骷髅，令观者在自己的联想中不寒而栗在自己的联想中不寒而栗。 方形字体轮廓以不改变传统文字架势方形字体轮廓以不改变传统文字架势 直接形成了回字形。直接形成了回字形。 文字与图案的混排就更能生动的传达和表现出一部作品的文字与图案的混排就更能生动的传达和表现出一部作品的风格！而这张海报中，风格！而这张海报中，”芳香之城芳香之城“四字通过蓝色石头肌四字通过蓝色石头肌

10、理，也体现出魔幻的神秘感。从而也就间接地了解电影的理，也体现出魔幻的神秘感。从而也就间接地了解电影的风格。风格。 恐怖片恐怖片美版见鬼美版见鬼。 影片为我们留下的是几个疑影片为我们留下的是几个疑问和反思：对于什么才是真问和反思：对于什么才是真实的？是眼见为实吗？那么实的？是眼见为实吗？那么眼睛能够看到的东西，真的眼睛能够看到的东西，真的永远都不会误导我们吗？我永远都不会误导我们吗？我们要如何知道看到的影像，们要如何知道看到的影像，哪一部分才是真正存在的，哪一部分才是真正存在的，哪一部分又是幻觉呢？哪一部分又是幻觉呢？ 清晰的构成了清晰的构成了一个回字形流程。视觉感达一个回字形流程。视觉感达到统

11、一、均衡。运用夸张表到统一、均衡。运用夸张表现是画面更新颖，奇特，吸现是画面更新颖，奇特，吸引注意力。引注意力。科幻电影科幻电影阿凡达阿凡达。主人公杰克主人公杰克萨利萨利 ，也就，也就是后来克隆的是后来克隆的NaviNavi 。形成了回字形流形成了回字形流程。程。也形成了回字也形成了回字形流程。形流程。从整张海报中就可以看出这从整张海报中就可以看出这部电影讲述的是杰克和部电影讲述的是杰克和NaviNavi族人的联系。族人的联系。在人类为牟求经济利益，不在人类为牟求经济利益，不顾原住民意愿而进行的拆迁顾原住民意愿而进行的拆迁行动中，即少部分的人类拆行动中，即少部分的人类拆迁者在深入了解原住民的文

12、迁者在深入了解原住民的文化之后产生了身份认同，转化之后产生了身份认同，转过来帮助他们对抗拆迁；而过来帮助他们对抗拆迁；而他们对拆迁者的了解也为拆他们对拆迁者的了解也为拆迁行动带来极大的阻力，有迁行动带来极大的阻力，有时会使整个拆迁行动以失败时会使整个拆迁行动以失败告终告终 。在潘多拉星球上发。在潘多拉星球上发生的生的“阿凡达事件阿凡达事件”就是一就是一个典型的例子个典型的例子 喜剧电影喜剧电影人在囧途人在囧途。 这部这部人在冏途人在冏途也称之也称之为为“公路电影公路电影” ” 。两个。两个“非同志非同志”的男人，还是的男人，还是让人觉得够笑料。让人觉得够笑料。 形成了回字形。形成了回字形。 形

13、成了之字形形成了之字形。 这张海报中可以直接从他这张海报中可以直接从他们两个主角的脸上就可以们两个主角的脸上就可以看出这一途中究竟有多囧看出这一途中究竟有多囧。 战争与剧情篇电影战争与剧情篇电影 一一九四二九四二。 形成了回字形成了回字形流程。形流程。 形成了之字形形成了之字形流程。流程。 个体感性生命生存权的个体感性生命生存权的尊重和悲悯，个体感性尊重和悲悯，个体感性生命生存权的尊重和悲生命生存权的尊重和悲悯悯 ，是简单的战争片，是简单的战争片，抗日题材等能概括的，抗日题材等能概括的，格局更加宏大格局更加宏大 。 整张整张一九四二一九四二海报海报没有悲观，而是相信人没有悲观，而是相信人性的温

14、暖，给人往前行性的温暖，给人往前行进的力量，哀而不伤。进的力量，哀而不伤。 网格系统： 将版面所涉及的一切视觉元素，如正文的布置、插图的位置、标题效果、页码和边注等按照一定的版面分隔风格进行布局，并将这一格式重读应用的系列设计或多页排版中去，这一同意的版面分割格式称为网格系统。 理性、规范性、便于形统一的视觉形象。版式网格设计版式网格设计网格是版面设计中的骨架，是设计网格是版面设计中的骨架，是设计的辅助工具。的辅助工具。网格线在版式中是隐藏的参考线，网格线在版式中是隐藏的参考线，并非实体元素。并非实体元素。1、轴线是围绕线进行的排版，用线对版面进行骨架的设置是最简单的一种网格设计形式。轴线网格

15、设计可分为：垂直轴线、倾斜轴线、折线、弧线轴线等2.放射线由一个焦点中心扩展、延伸的线的结构我们理解成放射线网格。要将重要的信息内容尽量排在易读的位置放射线网格设计可以分为：直线放射、弧线放射、角度放射等3.膨胀 由一组同心圆的部分弧构成的结构线是膨胀网格的特点。在这样的弧线上安排文字或图形，视觉上有膨胀气球的感觉4.矩形分割矩形分割是最经典的网格设计。在版面中，设计水平线和垂直线使他们交织形成分割，以此来组织、约束文字、图形、形成恰当比例的空白，使页面主次分明、经纬清晰、层次多样。 海报欣赏 海报版式作业 1. 文字编排（科技文化艺术节） 2.用所收集的资料，利用一种视觉流程完成海报设计。并说明使用的流程 3.利用轴线或矩形分割完成海报设计