视觉传达原理—第三章视觉传达设计的基本语言-色彩与版面.ppt

《视觉传达原理—第三章视觉传达设计的基本语言-色彩与版面.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、PowerPoint视觉传达原理合肥工业大学机械与汽车学院工业设计系主讲：阳巧3.1文字的传达3.2图形的传达3.3色彩的传达3.4版式的传达第三章视觉传达的基本语言3.3色彩的传达2）色彩的特殊联觉：色彩与听觉、色彩与味觉、色彩与触觉、色彩与嗅觉3.3版面的传达什么是排版?排版设计亦称版面编排。所谓编排，即在有限的版面空间里，将版面构成要素--文字字体，图片图形、线条线框和颜色色块诸因素，根据特定内容的需要进行组合排列，并运用造型要素及形式原理，把构思与计划以视觉形式表达出来。版面设计艺术为人们营造新的思想和文

2、化观念提供了广阔天地，已成为人们理解时代和认同社会的重要界面。2.4版式的表达2.4.1版式编排设计的视觉基础一、形式基础良好的版面设计必须遵循美的形式原理，诸种原理是既对立又统一地共存于同一版面设计之中。1）对称对称方式是以中轴线为依据进行设计，给人庄重、稳重、典雅之感。对称有垂直对称与水平对称两种形式、不完全对称与对称中的不对称这两种变化。2）均衡均衡形式较对称活泼得多，但均衡并非简单理性的等量不等形的计算，而是布局、重心、对比等多种形式原理创造性全面应用的结果。四张图片按照大小关系配置的刚好只放大左图一张照

3、片,破坏了整体平衡3）空白空白是主题的领地。空白设计要重视版心周围空白的安排，还要讲究字组与图片之间的空白，以及字行之间、单个文字之间的空白，最终还要注意它们之间组合后在版面中所形成的整体感觉。空白的形状、大小、方向，以及大大小小空白在一个版面中形成的整体感，直接影响着版面的水平与风格，影响着读者的视觉心理。没有空白的文字成为照片的附属物被淹没了不亚于大型文字和图片，空白内的小型文字十分醒目没有空白的文字成为照片的附属物被淹没了不亚于大型文字和图片，空白内的小型文字十分醒目4）分割分割有横向分割、纵向分割等。横向

4、分割是二维及平面的，如版心与开本比例分割、行距、字距确立分割，多层次、讲究的横向分割将复杂的局部组织成统一协调的整体。纵向分割是指向版面深处延伸的纵深分割，具有三度空间的效果。5）比例好的开本、版心、图片与字组的合理安排与选择，首先取决于良好的比例。美的比例为黄金比（黄金分割）1：1．618（宽：高或高：宽）。6）力场在每一个版面中都存在着一个力的场，上部的物体与下部的物体及左边与右边的物体给人以不同的感受，或有沉稳、凝重之感，或使人感到舒畅，或充满向外的力而开阔而大气或充满向内对抗的力而形成紧张对峙的气氛，或从

5、近处向远方运动悠远而梦幻。力场还使人感觉到一条潜在的导线引导着视线在版面中运动。力场带动变化,使整体版面充满生机。只将一张照片倾斜一点，就能体现出轻快的动感。7）韵律韵律是富于变化的情感起伏的节奏。版面中种种同类视觉要素（同类形、同类面积、同类位置等）变化交替的重复，具体到版面中，图形、文字、字组、页码、线都能创造性地组合，从而产生节奏和韵律。印象很一般的目录等间距配置插图，能体现轻快的节奏，体现一直延续下去的印象。重复几次有特征的形态就产生节奏，形成生机勃勃，愉快的气氛。8）对比对比是黑与白、大与小、弱与强、横

6、与竖、曲与直、宽与窄、线与面。动与静、刚与柔、疏与密、虚与实、阴与阳的异同并置，有了对比，版面才有魁力、生命力与视觉感染力。普通说明性版面扩大昆虫,产生对比效果扩大对比就扩大了空间，版面整体因此充满生机。相似的形态放在一起显得很单调，加入异质的形态就产生了变化。9）统一统一也可称为基调。一个版面中参与构成要素过多会形成杂乱，使版面的性格。基调变得模糊不清，因此版面构成要素要少，但要素的组合关系却要丰富，从而使版面确立鲜明的特征与基调。是一种产生整体感的方法。挖版的手表照片换成角版的衬衫照片，淡化了轮廓，失去了整体

7、效果。左右配置的手表相互影响，融合，一体化两个版面。版面设计并不困难要素空白量(版面率)照片类型(视觉度)性格A多低格调高,高级B少高活力,低廉哪一张名片看上去更有信赖感?选择样式(图为募集小组成员的传单样式)AB选择样式A.设计很好,但在表现形式上不适合招募对象,人们不会产生很想和孩子一起玩的想法。不能向人们传达正确信息。B.界面插图舒缓，虽然不很精练，但温暖亲切的文字与想表达的内容正好契合，反而与接受信息的对象相符合。公司职员的清爽样式上进的营销者的样式重视自由和个性的高格调样式二、编排设计的元素版式编排可分

8、为文字编排、图版编排、整体编排。可以通过文字的数量、面积、位置、方向等因素产生新的版式编排变化。编排设计的元素包括：（1）视觉度：图像要素产生的视觉强度叫做视觉度。特点：A、提高视觉度产生亲和力B、外观影响力越强——视觉度越高C、明快的插图——视觉度越高D、照片的视觉度比插图低，特别是云、海等风景照视觉度更低。只加入一幅插图亲和力就完全改观传统的名片虽然没有不合适的感觉，