•海报:•文字、图形图像、色彩•通过版设设计,对这三方面的要素进行创造性的组织安排•具有独立的创意和审美价值培训内容:•中文文字排版•版面视觉中心和视觉流程•网格系统•文字:•一个字→点•一行字→线间距比较大→虚线间距比较小→实线•一段字→面•点线面相互转换→•文字:•左对齐:适宜阅读,整齐划一,清晰有序•右对齐:每行的起始部分不规则,适合少量文字,产生特定的视觉效果。•中心对齐:庄严、传统、肃穆、经典。•自由排版:感性自由、轻松活泼、合适少量文字或标题。•文字绕图•视觉中心:•版面的视觉中心是指受众注意的焦点。•合理利用人眼视觉重点及顺序进行整体排版。•Discovery健康频道的页面,主要线条在九宫格内。•MSOfficeXP宣传片头一,强调XP(經驗),所以用了个沧桑的底图。布局很规矩•一个MTV的画面,分割很精确哦!视觉中心在九宫格左上点。柱子将画面1/2分•一个牛奶广告,讲给人带来的营养等,注意眼镜的位置•化妆品广告,干净稳重,字的位置请注意。•还是windowsXP宣传片头,另一个风格,比较爽快,同样严谨•mazida车的节目演示板,看看各元素的关系•这个图的结构比较隐蔽,但也很规矩•这个广告说的是一个瓢虫爬上去吹蜡烛……真还吹熄了!蜡烛侧线吻合•美宝莲的广告,分割精确得没話说,呵呵“美,来自美宝莲”嘛!•建立视觉流程:•视觉习惯、视觉中心、对比关系、呼应关系群组关系……•视觉流程种种:•单向式(横向、竖向)、纵横结合式、斜向式、曲线式、中轴线式、指示导向式、散点式、自由导向式……一、单向视觉流程使页面的流动线更为简明,直接地诉求主题内容,有简洁而强烈的视觉效果。直线视觉流程表现为三种形式:竖向视觉流程:给人坚定、直观的感觉;横向视觉流程:有稳定、恬静之感;斜向视觉流程:以不稳定的动势引起注意。二、曲线视觉流程曲线视觉流程,是由视觉要素随弧线或回旋线运动而形成的。它不如直线视觉流程直接简明,但更具流畅的美感。曲线视觉流程的形式微妙而复杂,可概括为两种形式:弧线形(C形)视觉流程和回旋形(S形)视觉流程三、重心视觉流程:以强烈的形象或文字独据版面某个位置或完全充斥整版,使主题更为鲜明突出。四、反复视觉流程:指相同或相似的视觉要素作规律、秩序、节奏的编排。五、导向视觉流程导向视觉流程,是通过诱导性视觉元素,主动引导读者视线向一定方向作顺序运动,按照由主及次的顺序,把页面各构成要素依次串联起来,形成一个有机整体。导向视觉流程的应用也很多见,可以使版面重点突出、条理清晰,发挥最大的信息传达功能。1.文字导向2.手势导向4.视线导向六、散点视觉流程散点视觉流程,是指在分散处理视觉元素的编排方式。它强调感性、自由性、随机性、偶合性。其视觉流程为:视线随各视觉元素作或上或下、或左或右的自由移动。这种视觉流程不如其他视觉流程严谨、快捷、明朗,但生动有趣,给人一种轻松随意和慢节奏的感受。•此海报反映的是全球变暖效应。•画面上一对在海边亲热的情侣,由比基尼泳衣和短裤让人感到这里有沙滩般的热度。而背后的企鹅却显示这里是本该冰天雪地的南极。①②③构成了三角形流程•④⑤①则又构成了一个大三角形。•这张海报极端的反差夸张的表现了全球变暖的严重性,明确的传达了主题。③③④①②③⑤THANKYOUSUCCESS2020/4/248可编辑•这张海报上层是铁丝网弯成的一眼看上去就扎人的铁丝圈,显得拒人于千里之外,下方映出的影子却是中国传统中代表吉祥的“如意”。①②③④构成了三角形流程。•巧妙留白的运用,在画面中显得举足轻重,有虚有实,主次分明。这种强烈的对比把小面积的图形和文字成为视觉焦点,视觉流程流畅。•于是如意不“如意”,这般形成反差的形与影凸显了作者对理想与现实差别的反思,画面简洁明快,寓意深远。①④②③→•恐怖电影宣传海报。•在怪兽的红色眼睛中同构出两个男主角的脸,使海报乍一看是凶狠的眼睛,再看是两人的容貌,又表现出两人被怪兽盯在眼中的危急场景,令人心生寒意。•①②③④⑤⑥构成了回字形。致使整张海报达到了统一、均衡的效果从而对于恐怖电影的惊悚感传达的很到位。④③②①⑤⑥•恐怖电影宣传海报。•从构图上有模仿《大白鲨》电影海报的痕迹,较之运用了更强的光影效果凸显出湖底鳄鱼的神秘恐怖和人的危险境地。•①②③④形成了之字形流程。④⑤⑥①②形成了回字形。把构成要素融为一体,加强画面的统一感。•阴暗的色调加重观者的心理压力,具有相对较强的震撼力,对电影的主题传达的也很到位。④③②①⑥⑤•恐怖电影《死神蘑菇》宣传海报。•由三个蘑菇和洞口的惨白色圆形洞口同构成骷髅头的形态,充满设计感的同时也明确表达了其恐怖的特质和主题。•①②③④构成了三角形流程。•④⑤⑥则构成了回字形流程。对主题的统一强调,从而画面达到均衡。•最后,阴森沉闷的色调更突出中央的白色骷髅,令观者在自己的联想中不寒而栗。⑥③②①④⑤•方形字体轮廓以不改变传统文字架势•①②③④直接形成了回字形。•文字与图案的混排就更能生动的传达和表现出一部作品的风格!而这张海报中,”芳香之城“四字通过蓝色石头肌理,也体现出魔幻的神秘感。从而也就间接地了解电影的风格。①①①①①②③④①•恐怖片《美版见鬼》。•影片为我们留下的是几个疑问和反思:对于什么才是真实的?是眼见为实吗?那么眼睛能够看到的东西,真的永远都不会误导我们吗?我们要如何知道看到的影像,哪一部分才是真正存在的,哪一部分又是幻觉呢?•①②③④⑤①清晰的构成了一个回字形流程。视觉感达到统一、均衡。运用夸张表现是画面更新颖,奇特,吸引注意力。③①⑤④②•科幻电影《阿凡达》。•主人公杰克·萨利,也就是后来克隆的Na‘vi。•①②③④①形成了回字形流程。•⑤⑥⑦⑧⑨⑤也形成了回字形流程。•从整张海报中就可以看出这部电影讲述的是杰克和Na‘vi族人的联系。•在人类为牟求经济利益,不顾原住民意愿而进行的拆迁行动中,即少部分的人类拆迁者在深入了解原住民的文化之后产生了身份认同,转过来帮助他们对抗拆迁;而他们对拆迁者的了解也为拆迁行动带来极大的阻力,有时会使整个拆迁行动以失败告终。在潘多拉星球上发生的“阿凡达事件”就是一个典型的例子①④③⑤⑧⑨②⑥⑦•喜剧电影《人在囧途》。•这部《人在冏途》也称之为“公路电影”。两个“非同志”的男人,还是让人觉得够笑料。•①②③④形成了回字形。•④⑤⑥⑦⑧形成了之字形。•这张海报中可以直接从他们两个主角的脸上就可以看出这一途中究竟有多囧。⑦⑧②①③④⑥⑤•战争与剧情篇电影《一九四二》。•①②③④⑤形成了回字形流程。•⑤⑥⑦⑧形成了之字形流程。•个体感性生命生存权的尊重和悲悯,个体感性生命生存权的尊重和悲悯,是简单的战争片,抗日题材等能概括的,格局更加宏大。•整张《一九四二》海报没有悲观,而是相信人性的温暖,给人往前行进的力量,哀而不伤。⑥⑧⑦⑨①②⑤④③•网格系统:•将版面所涉及的一切视觉元素,如正文的布置、插图的位置、标题效果、页码和边注等按照一定的版面分隔风格进行布局,并将这一格式重读应用的系列设计或多页排版中去,这一同意的版面分割格式称为网格系统。•理性、规范性、便于形统一的视觉形象。版式网格设计网格是版面设计中的骨架,是设计的辅助工具。网格线在版式中是隐藏的参考线,并非实体元素。1、轴线是围绕线进行的排版,用线对版面进行骨架的设置是最简单的一种网格设计形式。轴线网格设计可分为:垂直轴线、倾斜轴线、折线、弧线轴线等2.放射线由一个焦点中心扩展、延伸的线的结构我们理解成放射线网格。要将重要的信息内容尽量排在易读的位置放射线网格设计可以分为:直线放射、弧线放射、角度放射等3.膨胀由一组同心圆的部分弧构成的结构线是膨胀网格的特点。在这样的弧线上安排文字或图形,视觉上有膨胀气球的感觉4.矩形分割矩形分割是最经典的网格设计。在版面中,设计水平线和垂直线使他们交织形成分割,以此来组织、约束文字、图形、形成恰当比例的空白,使页面主次分明、经纬清晰、层次多样。•海报欣赏•海报版式作业•1.文字编排(科技文化艺术节)•2.用所收集的资料,利用一种视觉流程完成海报设计。并说明使用的流程•3.利用轴线或矩形分割完成海报设计