第03章-海报版式设计的基础知识

海报设计不止设计工作室内容大纲海报版式设计的组织原则海报版式设计的基本要素海报版式设计的概述第01节第02节第03节第三章海报版式设计的基础知识学习目标了解海报版式设计的概述掌握海报版式设计的基本要素了解海报版式设计的组织原则用01海报的排版是将文字、图形、色彩等基本要素，运用视觉元素的主次逻辑进行流畅的视觉流程设计02排版是为了让读者更方便的阅读，读者阅读的习惯是：先左后右、先上后下、先图形后文字03海报排版是不宜放入太多信息，在排版是应避免复杂和繁琐，尽量采用明确的信息符号，加快读者认知速度关于海报排版3.1海报版式设计的概述版式设计（定义）——在有限的版面中，将各种视觉元素，如图片、图形、文字和色彩等，按照一定的规律，运用排版技巧进行巧妙的排列组合，使版面趋于美观、易读。版式设计过程是抽象的艺术构思和具体的编排规律统一3.1.1海报版式设计的概述海报版式设计的范围涉及包装/广告/报纸/书籍/产品手册/宣传册/公关赠品/网页设计等各类平面设计海报版式设计是设计师的基础技能，也是设计的艺术海报的设计思想观念和风格不是孤立的，它与建筑/绘画/文学/音乐/诗歌/服装等领域的艺术思想精神一致的3.1海报版式设计的概述3.1.1海报版式设计的概述版式设计的功能——通过版面元素的编排达到传达信息的目的。通过良好的版面设计，能够有效地将版面中的文字、图片等内容更好地表现出来，从而提高人们的阅读效率，增强视觉冲击力，既体现主题，又独具特色3.1海报版式设计的概述3.1.1海报版式设计的概述3.1海报版式设计的概述3.1.2版式设计的应用范畴一、印刷及喷涂版面（1）平面纸材印刷——版式设计的元素几乎涵盖了所有纸质印刷品，如日常生活中最为常见的书籍、报纸、招贴广告、宣传折页等宣传折页版面杂志版面电影海报版面（2）平面特殊材料印刷及喷涂——包括普通材质以外的其他所有可印刷的平面材料，常见的有木材、塑料板材、各种布料，甚至包括墙体等一些不能弯曲、有一定硬度和厚度的材料。在这些材料上一般才有丝网印的方式进行印刷。一些特殊材料印刷的宣传片、文化衫等。另外，经常能看到直接绘制或喷涂的表现形式3.1海报版式设计的概述3.1.2版式设计的应用范畴一、印刷及喷涂版面（3）立体印刷——指包装的版式设计，一般情况下包装的制作过程是通过平面印刷、剪切、折叠凳工序完成的。经过不断发展，近些年出现了一些新的立体印刷版式设计，如杂志内页立体版式设计3.1海报版式设计的概述3.1.2版式设计的应用范畴一、印刷及喷涂版面包装的版式设计数字媒体在现代设计工作中占有越来越大的比例，包括屏幕、幕布、计算机桌面等，多以图片、文字表现内容。版式设计决定着数字媒体的画面效果，只是在此基础上增加了快速画面转换产生的动画和音频输出。所以，要完成一件好的数字媒体作品，要求设计制作者必须有扎实的版式设计功底。常见的数字媒体设计有PPT模板设计、网页版式设计和影视画面的编排设计等3.1海报版式设计的概述3.1.2版式设计的应用范畴二、数字媒体我国古代书籍在版式设计上有伟大的创造，形态丰富、功能周全，与同期其他文明相比堪称世界一流3.1海报版式设计的概述3.1.3版式设计的发展历史一、我国古代版式设计1.常见装帧方法——我国古代书籍常见的装帧形式有：旋风装、经折装、蝴蝶装、包背装等旋风装:中国古代图书的一种装订形式之一，亦称“旋风叶”、“龙鳞装”。唐代中叶已有此种形式。其形式是：长纸作底，首叶全裱穿于卷首，自次页叶起，鳞次向左裱贴于底卷上。其特点是便于翻阅，利于保护书叶旋风装蝴蝶装:蝴蝶装始于唐末五代，盛行于宋元,就是将印有文字的纸面朝里对折，再以中缝为准，把所有页码对齐，用糨糊粘贴在另一包背纸上，然后裁齐成书经折装:以卷子长幅改作折叠，成为书本形式，前后粘以书面，佛教经典多用此式。它是从卷轴装演变而来的，因卷轴装展开和卷起，都很费时，改用经折装后，较为方便。凡经折装的书本，都称"折本"。中国书籍法帖装裱形式之一包背装:包背装是中国古代图书的一种装订形式，一般认为起于元代，到明中期以前多用此法。包背装与蝴蝶装的主要区别是对折页的文字面朝外，背向相对。两页版心的折口在书口处，所有折好的书页，叠在一起，戳齐折扣，版心内侧余幅处用纸捻穿起来（1）线装书的形式大多具有版心小，天头地脚大的特点，当这种批注形式出现后，版面形态发生了变化，成为我国古典书籍版式设计的一大特色3.1海报版式设计的概述3.1.3版式设计的发展历史一、我国古代版式设计2.古代版式设计特点版心小，天头、地脚大的版面（2）我国明清之后的小说书籍版式设计中出现了较多的插图，插图与内容在审美意识上有缜密的统一性、协调性。其清淡、雅致、秀美的风格自始至终贯穿如一，形成了中华民族文化的总体特征和总体美学精神3.1海报版式设计的概述3.1.3版式设计的发展历史一、我国古代版式设计2.古代版式设计特点有插画的版面西方历史上最早有记载的版式设计出现在公元前3000年的古巴比伦。美索不达米亚地区的苏美尔人最早创造了原始版面的排版形式。最初，苏美尔人将湿泥做成块状泥板，然后用木片在泥板上刻画形成具有凹槽的文字，这就是所谓的楔形文字。楔形文字按照一定的规律进行排列，形成了西方最早的编排形式3.1海报版式设计的概述3.1.3版式设计的发展历史二、西方早期版式设计1.西方早期版式设计楔形文字版式在古埃及，以象形文字为基础的“神的文字”被广泛使用，反映在雕塑、石刻中的这一现象十分常见，尤其运用在纸草上的象形文字更为普遍。纸草书上常用精美的插图与文字相配合，使得版式甚为丰富，有人称这一现象是现代平面设计发展的最早依据，其特点在于利用版面已有区域进行综合布局，象形文字与插图配合，使图文呼应有序，精美绝伦3.1海报版式设计的概述3.1.3版式设计的发展历史二、西方早期版式设计1.西方早期版式设计古埃及版式在古罗马时代，罗马人将希腊文字经过改良后变成接近于现代使用的拉丁文字。由于罗马字体的成熟，罗马人的书写方式已完全成了自左向右的横式排列。在此期间罗马人多使用羊皮纸书写，由于羊皮纸价格十分昂贵，所以古罗马版式设计空间相对狭小，字行密度大，字体小，多为对称式，甚为庄严3.1海报版式设计的概述3.1.3版式设计的发展历史二、西方早期版式设计1.西方早期版式设计古罗马版式中世纪的宗教统治虽然扼杀了人类的许多创造性，但是在漫长的中世纪历程中，版面编排也在慢慢发展，尤其到了中世纪后期，版面变化开始加快，出现了比较复杂的版式设计3.1海报版式设计的概述3.1.3版式设计的发展历史二、西方早期版式设计2.中世纪的版式设计古罗马版式在文艺复兴时期，版式设计大量采用罗马字体，为了尽量不受旧编排模式的影响，而采用了横纵方向的几何模式，布局工整，许多方面已接近现代排版方式，并易于阅读，装饰上虽然有洛可可花哨的特点，但并不足以影响简洁的版面功能3.1海报版式设计的概述3.1.3版式设计的发展历史二、西方早期版式设计3.文艺复兴时期的版式设计文艺复兴时期版式一大批具有改革精神的艺术家在原有的维多利亚精致、浪漫、复杂的设计风格上发展了在平面中讲究编排、强调版面装饰性的工艺美术运动设计风格，版面用各种几何图形插入并分割，其中文字和曲线花纹结合在一起，形成优美而富有浪漫情调的图文装饰，对称的结构形成了严谨、朴素、庄严的风格。其优点是设计方法和设计方案很精美，缺点是过于繁琐3.1海报版式设计的概述3.1.3版式设计的发展历史二、西方早期版式设计4.工业革命时期的版式设计莫里斯设计的版面立体主义是现代艺术中的重要运动，是平面设计的基础3.1海报版式设计的概述3.1.3版式设计的发展历史三、现代版式设计1.立体主义未来主义运动起源于20世纪初意大利在绘画/雕塑/建筑上的设计运动，提倡自由组合，即排版无重心、无主次、杂乱无章、字体各异的散构甚至散乱无政府主义形式3.1海报版式设计的概述3.1.3版式设计的发展历史三、现代版式设计2.未来主义达达主义强调自我，反理性，认为世界没有任何规律可循，表现出强烈的虚无主义，具有随机性、偶然性和荒诞与杂乱的特点3.1海报版式设计的概述3.1.3版式设计的发展历史三、现代版式设计3.达达主义超现实主义认为社会的现象是虚伪的，创造的目的是重新寻找和了解社会的实质，认为无计划、无设计的意识或潜在的思想动机更真实3.1海报版式设计的概述3.1.3版式设计的发展历史三、现代版式设计4.超现实主义20世纪20年代在德国、俄国和荷兰等国家兴起的现代主义设计浪潮提出了新字体设计的口号，其主张字体是由功能需求决定其形式的，字体设计的目的是传播，而传播必须以最简洁、最精炼、最具有渗透力的形式进行3.1海报版式设计的概述3.1.3版式设计的发展历史三、现代版式设计5.构成主义构成主义：将抽象图形或文字作为视觉传达的元素或符号进行设计，版面的编排常以几何形式构成风格主义就是追求艺术的抽象与简化，反对一切表现成分。风格主义版式设计的最大特点在于将单体几何结构通过一定的形式规则地进行结构组合，而其结构的独立性依旧保持完整，运用横纵直线寻求版面的平衡性，通过数理计算使版面趋于逻辑性、秩序性3.1海报版式设计的概述3.1.3版式设计的发展历史三、现代版式设计6.风格主义风格派：思想和形式源于蒙德里安绘画探索，以高度理性/数字化的逻辑思维创造和谐的新秩序，画面简洁到只有纵横分割的几何方块和鲜明的色块包豪斯设计学院的设计师强调逻辑、排版理性化，强调社会需要和技术的发展，他们将数学和几何学应用于平面分割，运用几何图形和文字设计的招贴让人感受到全新的视觉设计表现语言；对抽象图形，特别是硬边几何图形在平面设计中的应用进行了全面的研究和探讨包豪斯设计风格脱离了绝对对称的排版方式，采取相对对称，强调强烈的对比，运用版面粗线条，注重个性化，风格多变；同时也强调功能性，进一步强调内容和形式的有效组合3.1海报版式设计的概述3.1.3版式设计的发展历史三、现代版式设计7.包豪斯“德国包豪斯学院设计作品展”招贴广告国际主义研究出了骨骼排版法，即排版进行标准化的分割，将字体/插图/照片等按照划分的骨骼编排在其中，取消编排的装饰，采用朴素的线条装饰文字，采用非对称的版面编排3.1海报版式设计的概述3.1.3版式设计的发展历史三、现代版式设计8.国际主义“德国包豪斯学院设计作品展”招贴广告后现代主义提出设计的个性自由和对艺术的自我宣泄，采用开玩笑的方式进行装饰设计，版面的字体、插图、排版都充满欢乐、游戏、调侃、疯狂的特点3.1海报版式设计的概述3.1.3版式设计的发展历史三、现代版式设计9.后现代主义3.2海报版式设计的基本要素点、线、面是版面设计的主要语言。版式设计实际上就是如何调整好点、线、面的量与形式关系，无论版面的内容与形式如何复杂，但最终都可以简化到点、线、面上来一个字可以理解为一个点，一行字可以理解为一条线，数行字可以理解为一个面；可以将版面理解为点、线、面相互依存、相互作用的关系，它们组合在一起并结合色彩元素和空间效果形成一个个千变万化的版式设计作品3.2海报版式设计的基本要素点是版式设计中最简洁的元素，点的表现是通过大小、形态、位置的不同，造成的视觉感受也不同。点具有向心、聚焦、收敛等特性3.2.1海报设计中点的编排构成田中一光设计的海报《舞蹈者》3.2海报版式设计的基本要素倘若在整个版面中只有一个点，这个点往往会自动形成视觉中心，这种被放大的效果，相当于绘画中的焦点透视法3.2.1海报设计中点的编排构成一、单独的点日本设计大师原研哉的版式设计作品，采用的也是单独点的设计：以一本书的封面为例，可以认为封面上的文字是以点的形式呈现的，如书的名称、作者姓名、出版社名称、封面图片等，这些封面的构成要素都是设计的点，这些点元素在版面上的运用和安排要服从书的整体风格，在此基础上再做到有主有次，有突出有淡化。成功的设计不需要将各种元素一应俱全地像杂货摊一样全都铺排在版面上，运用好必需的几个点，突出所设计内容的整体风格才是做好设计的关键3.2海报版式设计的基本要素3.2.1海报设计中点的编排构成一、单独的点该封面版式设计运用了单独点的设计，设计者要表现“静”的主题，所以作者运用了极少设计元素，仅用了书籍名称几个字该封面版式设计运用了单独点的设计，设计者要表现“静”的主题，所以作者运用了极少设计元素，仅用了书籍名称几个字组成了一个引导视觉的中心点，为了平衡画面，在版面左下角运用了一个淡蓝色的圆形渐变，使画面形成对角的呼应且不至于过于单调3.2海报版式设计的基本要素3.2.1海报设计中点的编排构成二、多个点的组合点是版式设计中最活跃的元素，版面中的点不管是小色块还是文字块，其本身具有构成中点的特性，多个点组合时能够产生距离感或滚动、弹跳等动态的特性，它们可以与其他形态组合，起到平衡版面、填补一定空间、点缀和活跃版面的气氛的作用；还可以组合起来，成为一种肌理或其他要素，衬托版面主体图为一幅典型的利用象形联想设计制作的招贴设计，画面用火烧成的大小不同的黑洞正好符合熊猫的耳朵、眼睛、鼻子的位置，结合大小合适的比例、黑白的熊猫标志性颜色，展现了熊猫的基本特征，使简单的画面增添了无尽的乐趣，耐人寻味。整个画面左下角的标志和文字又组成了一个小点，配合主画面的几个大点，使画面更加完整，更突出地表达了保护环境、保护大熊猫的寓意3.2海报版式设计的基本要素3.2.1海报设计中点的编排构成二、多个点的组合用摩托车零部件（点）组成的性感美女头像（形）表达出产品的质感、细节和魅力3.2海报版式设计的基本要素3.2.2海报设计中线的编排构成线在平面构成中的特性在版式设计中有非常生动的表现在许多版式中，文字以线的形式存在，占据画面的主要位置，成为设计中处理的主要对象各种线条还可以构成版面各种装饰要素及各种形态的外轮廓，它们起界定、分隔画面各种形象的作用线还可以串联各种视觉要素，可以使画面充满动感，也可以在最大限度上稳定画面在构成原理中，每一种线都有其独特的个性与情感，将线的这些基本属性应用于版式设计中，就能轻松地呈现出较好的画面效果3.2海报版式设计的基本要素3.2.2海报设计中线的编排构成线的编排构成分为：实线、虚线、视觉流动线直线——明确、理智、刚硬，具有男性化特征；曲线——圆润、柔软、抒情，具有女性化特征（细直线传递冷静、严谨、远离的感受，粗直线具有长方形的特性，显得更加凝重、冲击眼球）；折线——具有刚硬、起伏、韵律的特征3.2海报版式设计的基本要素3.2.2海报设计中线的编排构成1.垂直线和水平线的应用垂直线在艺术形式上给人以上升、高耸等感受，如电塔、烟囱、高楼、旗杆的结构轮廓都是高耸的垂直线水平线则使人联想到平原、海平面等，使人产生开阔、平静、徐缓等感受水平线的应用：日本平面设计大师新村则人的作品，其线条运用极富艺术美感3.2海报版式设计的基本要素3.2.2海报设计中线的编排构成2.倾斜线的应用倾斜线常使人联想到飞机起飞、放风筝、滑滑梯等带有动感的形态，这也是倾斜线个读者带来的感受；两张与运动相关的招贴画，画面中数条倾斜的直线构成的画面主体是田径赛场的跑道线，而倾斜的线条使得跑道像是变成了下坡路，这是利用了倾斜线产生的运动感使运动员看上去似乎奔跑得更快，深化了所要表达的加速跑主题3.2海报版式设计的基本要素3.2.2海报设计中线的编排构成3.曲线的应用流畅的曲线能够让人联想到潺潺流动的溪水、温柔的女性；曲线的应用给单调的画面增加了无尽柔美，甚至带有性感和神秘的色彩3.2海报版式设计的基本要素3.2.2海报设计中线的编排构成3.曲线的应用曲线构成的创意广告：利用构成原理将线条的视觉感受运用到商品广告中3.2海报版式设计的基本要素3.2.2海报设计中线的编排构成4.线的分割作用进行版面分割时，既要考虑各种形态元素彼此间支配的形式，又要注意空间所具有的内在联系；线的巧妙分割版面的作用较多见，分割方式可以根据图像或设计者自己的想法确定，简单的处理能够给版面带来活跃、时尚、简洁等效果打开的刮刀形成“√”的线条，将版面分割成多个部分3.2海报版式设计的基本要素3.2.2海报设计中线的编排构成5.线的“力场”“力场”是一种虚空间，对一定范围的空间的知觉或感应，成为“心理空间”。线的“力场”增强了版面各空间相互依存的关系，而使之成为一个整体，使版面获得清晰、明快、条理、富于弹性的空间关系3.2海报版式设计的基本要素3.2.2海报设计中线的编排构成6.线框的约束与强调线框的限定，即使主体产生空间“场”的作用，同时也具有相对约束的功能。在强调情感或强调动感版式中，如以线框配置，动感与情感则获得相应的稳定和规范3.2海报版式设计的基本要素3.2.3海报设计中面的编排构成面在版面中的概念可以理解为点的放大、点的密集或线的重复。另外，线的分割产生各种比例的空间。面在空间占有的面积最多，因而在视觉上比点和线更强烈、实在，具有鲜明的个性特征竖直的面——崇高雄伟的气派宽阔的面——开阔宽敞的品格纵长的面——蕴藏深远与神秘不平的面——诡异的感觉3.2海报版式设计的基本要素3.2.3海报设计中面的编排构成在整个基本视觉要素中，面的视觉影响力最大，它们在画面中的作用往往举足轻重面可分为几何形和自由形两大类，在排版设计时只有把握面与面相互间整体的和谐，才能产生具有美感的视觉形式在现实的排版设计中，面的表现包含了各种色彩、肌理等方面的变化，同时，面的形状和边缘对面的性质也有很大的影响，在不同情况下会使面的形象产生极大变化点和线在平面中的延展构成了面。点的铺排形成一定大小和形状的面，线对空间的分割也在原有整一的版面上形成了新的面，许多点和线的组合才能构成对主题的完整表达。面有三角形、圆形、正方形等各种形状，其是点的放大1.面的形成与应用3.2海报版式设计的基本要素3.2.3海报设计中面的编排构成1.面的形成与应用点和面的关系。圆形具有润泽感、和谐感，三角形具有稳定感、力量感，正方形具有端正感、平衡感。不同的形状产生不同的心理感觉日本设计大师高桥善丸设计的版面，用圆形面给人以和谐、轻松的感觉，使得画面稳定而不呆板3.2海报版式设计的基本要素3.2.3海报设计中面的编排构成1.面的形成与应用小面的重复当有多个小的面积时，重复可以造成整齐有序的感觉，而在重复中又有颜色和大小的变化，就使得画面产生了动感，打破了重复造成的呆板，其原理如同平面设计中的特异效果版面效果3.2海报版式设计的基本要素3.2.3海报设计中面的编排构成2.留白的应用版面的留白是一种特殊的面，这是一种非元素的元素化，是对空的设计，在我国传统文化中，空往往代表旷达的人生感，充满了禅意面与留白相对的是讲究满的构图，如同花丝绸面料一样，丰富而热闹，这种版式设计也经常用到留白版面效果3.2海报版式设计的基本要素3.2.4海报设计中三维空间的编排构成在平面编排中的三维空间是在二维空间基础上建立的近、中、远、立体的视觉感受，是通过多方面的视觉感受来表达的，在二维版面中表现出三维纵深效果3.2海报版式设计的基本要素3.2.4海报设计中三维空间的编排构成在一个版面上有多个点时，这些点的排列、重