网页界面设计[方案]

网页界面设计[ 方案 气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载 ] 网页界面设计 用美和技术两方面衡量生活的合理性。网页界面设计是将技术性与艺术性融为一体的创造性活动。 在网页出现的早期，和设计发展的早期阶段一样，网页设计是以功能性为第一指导原则，以技术因素为主要考虑对象，以完成或实现必要的功能为目标。以字符组成的界面可以起到基本的信息传达作用，同时技术要求相对较低，易于实现，并且有较好的稳定性，故而这种形式的界面在很长一段时间内是人机交流的主要形式。 我国对网页界面设计这一课题的系统研究还略显薄弱，特别是载艺术设计领域中对网页界面设计的探讨尤显不足。 版式设计对设计人员的综合能力与文化素养要求比较高，往往不如文字编排和图形设计那样容易把握。 从艺术领域来看，色彩本身及其有无，并不意味者艺术作品的艺术性的高低，但在网页界面设计领域，彩色的网页总是要胜于单色的网页。 一般情况下使用256色就可以将图片的色彩基本还原出来。 网络信息的受传者存在着职业、文化、修养、兴趣、生活经验以及消费水平等方面的明显差异，因此在网页界面中出现的视觉形象要适应大多数浏览者的口味，越明确，越通俗，越具体越好。 在这样一个内容丰富、信息繁杂的巨大网络世界里，网页界面设计必须以其强有力的视觉冲击效果来吸引浏览者的注意，进而使特定的信息得以准确迅速地传播。这就要求网页界面设计的形式应力求删繁就简，“以少胜多”，一切分散浏览者注意力的图形、线条、可有可无的“装饰”都应摒弃，使参与形式构成的诸元素均与欲传播的内容直接相关。 “简洁”是各种艺术形式都必须遵循的普遍原则，正所谓“无声胜有声”，网页界面设计尤其要做到这一点。在社会文化高度发达的现代社会，人们因文化素质的提高和价值观念的变化，生活情趣和审美趣味更趋向简洁、单纯。简洁的图形，醒目的文字，大的色块更符合形式美的要求和当今人们的欣赏趣味，给人以悦目、舒适、现代的感觉以及美的享受，令人百看不厌，并能回味无穷，联想丰富。 网页界面可以依据其传达信息内容的特点来进行类型的划分，主要可分为6种形式: (1)信息查询类:以实用功能为主，注重视觉元素的均衡排布，较少装饰性的元素，如Yahoo。 (2)大众媒体类:如新浪网新闻中心。 (3)宣传窗口类:从企业特有形象入手，充分表现企业文化特征，如Adidas。 (4)电子商务类:使浏览者在访问时进行愉快的交流是设计的重点，要求既要具备人们乐于接受的交互性，又要有吸引浏览者注意的页面形式，如当当书店。 (5)交流平台类:以方便使用为主要特点，指示性强，易于理解，如BBS。 (6)网络社区类:由于网络社区通常不带有商业性质，因此它的界面设计可以根据社区内容充分发挥创造性，营造一个自由、舒适、愉快的氛围。 视觉传达设计简称视觉设计(Visual Communication Design 或 Graphic Design)，有时也被称为信息设计(Information Design)，视觉传达设计的过程，是设计者将思想和设计概念转变为视觉符号形式的过程，即概念视觉化的过程，对信息的接收者来说，则是相反的过程，即视觉概念化的过程，贯穿和联结两个过程的是信息。 图形符号具有很强的直观性，但同时在信息传达明确性方面不如文字，有时会出现“误读”的可能。 在界面设计中，要求信息的发送者和接收者之间必须具备部分相同的信息知识背景，否则在两者之间就必须存在一个翻译或解说系统作为中间媒介来进行沟通。例如对于一个没有任何西方文化和语言背景的中国人来说，“Just Do It”的文字符号就不会产生任何“动感，活力，激情”的印象，此时可以通过鲜明的图象和活跃的色彩来辅助传达这个概念。 形式美的创造法则: (1)秩序产生的美感。它通过对称、比例、连续、渐变、重复、放射、回旋等方式，表现出严谨有序的设计理念，是创造形式美感的最基本的方式。 (2)和谐产生的美感。它是以美学上的整体性观念为基础的。构成界面形式的文字、图形、色彩等因素之间相互作用，相互协调映衬，都为界面的功能美与形式美服务。 (3)变化产生的美感。变化的法则体现了设计存在的终极意义，即不断地推陈出新，不断地创造新的形式。 在艺术问题上没有什么严格的法则，艺术天才不可能是结构的奴隶，他不管怎么干，都不会侵犯艺术原理，而只会创造出新的原理。 精心收集和审慎挑选艺术和设计的古今范例有助于训练设计师的大脑和眼力。 界面的借鉴不仅要从同类设计作品中求得，更重要的是从文化传统中找寻。日本现代设计在不长的时间里发展到较高水平，重要原因之一就是很多日本设计师自觉地将日本的文化传统融入到现代设计理念之中。 图形图象的视觉冲击力比文字大85%，故有人说，一图胜千字。 除了圆形以外，点还可以是方形、三角形、星形、自由形等许多形状，在视觉上，只要相对地小，就有点的效果。 图形图象的扩展造型元素，是在点线面这些基本造型元素基础上发展的，它进一步分析了形成图形图象不同视觉效果的影响因素:空间，运动，质感。 图形图象所产生的空间感，一方面可以通过摄影、绘画的技法获得，一幅好的摄影绘画作品使物象有呼之欲出的感觉;另一方面还可以运用不同的手法对点线面等元素进行组合，从而使平面图形图象的三维空间感得以加强。这些手法是疏密、大小、方向、重叠、虚实、色调的变化和光影的利用。 图形图象可以采用三种方法产生动感: (1)采用叠合的片断形态，最常用的方法是重复和渐变，如将动作分解成一系列片断形态。 (2)表现形态的运动轨迹，正如人们看到流星拖着长长的尾巴因而判断它 正在划过夜空。 (3)采用运动过程中形态或不稳定的形态，将物象运动过程中某一时刻的片断形态或处于不稳定状态的形态捕捉下来，并选取动态或动势最大的状态，由于人们平时对重力作用的认识，会不自觉地产生联想:接下去会发生什么,怎样运动,如一个在轮滑过程中飞身跃起的人物形象。 创意就是客观地思索，然后天才地表达。 如果说，图形图象的创意解决了“做什么”的问题，设计就是具体的“怎样做”。 “传统”虽然在时间上代表历史，但在观念上并不代表陈旧。传统的东西可以让历史得以延续，让文化保持差异性，从而让人们内心产生归属感。中国的传统文化源远流长，在绘画、书法、建筑、音乐、戏曲、医药、哲学等很多领域都有自己独特的民族风格。 图象的退底，是将图片中所选形象的背景沿边沿剪裁掉。退底后的形象，其外轮廓呈自由形状，具有清晰分明的视觉形态，显得灵活自如，当与其他背景搭配时，既容易协调，又容易突出该形象。 图象的虚实对比能够产生空间感，实的物体感觉近，虚的物体感觉远。要想使图象“虚”，一种方法是将图象模糊，再有就是将图象的色彩层次减少，纯度降低，尽量与背景靠近。 局部是相对于整体而言的，相对局部的图象能让视线集中，有一种点到为止，意尤未尽的感觉。 在人的视觉中所能感受到的色彩范围内，绝大部分是非高纯度的色，即含有一定程度灰的色。 普通24位显示适配器可产生约1670万种颜色，虽然数字很大，但RGB的色彩范围要远远小于可见光谱的范围。由于CMYK与RGB分别是减色原理和加色原理，因此输出的图像与在显示器上看到的色彩相比要暗一些。Lab色彩模式以明度、纯度和色相对色彩进行表述，因此其在进行图像处理或在不同平台和系统间交换时，都不会产生色偏或失真的情况。 人由亮处进入暗环境后，最初大约15分钟可以基本适应，达到完全的暗适应大约需要40分钟。 从生理角度讲，眼睛最能适应的光是中等明度的全色光，即中间灰色，当外界光并非中间灰色时，视觉会自动调整这种不平衡现象，因而会出现视觉残像。为了降低视觉残像的影响，应避免使用高纯度的单一色彩，或是在纯色中加入一定量的灰。明度高的色彩在视网膜上形成的物象边缘会有一圈光包围着，视觉感受好像物象扩大了一些。 不同色光在视网膜上所成影像位置有前差异，因此产生色彩的进退感。日光中波长较长的色光如红橙黄成像在视网膜的较前部位，因而产生色彩靠近的感觉;而波长较短的色光如绿蓝紫成像在视网膜的靠后部位，因而产生色彩后退的感觉。 中国传统年画和西方教学的彩色玻璃艺术大量使用色相对比手法。色相的差别是由可见光波的波长差异造成的，查在色相对比中不能完全依据波长的差别来确定色相的对比程度，红色光与紫色光的波长差异虽然很大，但都处于可见光的两极，都接近不可见光的波长，因而从视觉感受上两者的色相是相近的。 明度是色彩三要素中具有相对独立性的一个要素，它可以摆脱任何有彩色的特征而独立存在。色相和纯度都必须依赖明度而存在。 色彩形状的认识程度主要取决于形的色彩与周围色彩的关系，特别是它们之间明度对比的关系，色相对比也可以造成对形的识别，但其作用远不如明度对比那么重要，例如，红绿对比是最强的色相对比，但因明度差异较小，形的清晰度不高，浅绿与深绿配色，虽然属于同类色相，但明度差别大，因此形就具有较高的清晰度。 为了达到色彩和谐的目的，除改变色彩的三要素外，合理安排各种色彩所占的面积是调整色彩配合效果的有效手段。当两种色彩以相等的面积出现时，色彩的冲突达到最高峰，对比效果最为突出，如将一方面积减小力量削弱，整体色彩对比效果也就相应减弱。 色彩的力量取决于色彩的明度和面积，明度比例如下:黄:橙:红:紫:蓝:绿=9:8:6:3:4:6 由上述比例可推导出各对补色的明度比例关系，并进一步确定各补色之间达到色彩力量平衡的面积比例关系:黄:紫=1:3 橙:蓝=1:2 红:绿=1:1 色彩面积比例关系依据的原理是人视觉生理需求的色量平衡，即调和出视觉乐于接受的中性灰色所需要的色量比例。该平衡理论可以通过色盘的旋转混合的方法得以验证。 从上面的理论看，红绿配色面积比1:1时为和谐，但实际应用中红绿面积相等时会给人以刺激强烈的感受，并不能真正体现出色彩的调和统一，这是由于色彩的纯度在配色中起到相当重要的作用，红色的纯度大约为绿色的两倍，因此在配色时红的面积应缩小至绿色面积的二分之一，这样才能获得调和的色彩效 果。 色彩的秩序调和主要依靠色立体来实现，孟赛尔色立体和奥斯特瓦德色立体都是可应用的色彩模型。在色立体中做规则几何线形，线形所经过的色彩就会形成有序的排列。 色彩的轻重感主要取决于色彩的明度，明度高的色感觉轻，明度低的色感觉重，在相等明度条件下，冷色一般比暖色感觉略轻。色彩构图中上轻下重符合人的视觉习惯，轻色通常用于上部，重色用于下部，如果界面上部为重色时，在下部的边缘部位应呼应一块重色范围，可以达到平衡构图的目的。 以语言进行信息传达时，语气、语调以及面部表情、姿态手势是语言的辅助和补充，而在界面设计中，文字的字体、规格及其编排形式，就相当于文字的辅助信息传达手段。 宋体字型结构方中有圆，刚柔相济，既典雅庄重，又不失韵昧灵气，从视觉角度来说，宋体阅读最省目力，不易造成视觉疲劳，具有很好的易读性和识别性。 楷体字型柔和悦目，间架结构舒张有度，可读性和识别性均较好，适用于较长的文本段落，也可用于标题。 仿宋体笔画粗细均匀，秀丽挺拔，有轻快、易读的特点，适用于文本段落。因其字型娟秀，力度感差，故不宜用作标题。 黑体不仅庄重醒目，而且极富现代感，因其形体粗壮，在较小字体级数时宜彩等线体(即细黑)，否则不易识别。 圆体视觉冲击力不如黑体，但在视觉心理上给人以明亮清新、轻松愉快的感觉，但其识别性弱，故只适宜作标题性文字。 手写体分为两种，一种来源于传统书法，如隶书体，行书体，另一种是以现代风格创造的自由手写体，如广告体，POP体。手写体只适用于标题和广告性文字，长篇文本段落 和小字体级数时不宜使用，应尽量避免在同一页面中使用两种不同的手写体，因为手写体形态特征鲜明显著，很难形成统一风格，不同手写体易造成界面杂乱的视觉形象，手写体与黑体宋体等规范的字体相配合，则会产生动静相宜，相得宜彰的效果。 美术体是在宋体、黑体等规范字体基础上变化而成的各种字体，如综艺体、琥珀体。美术体具有鲜明的风格特征，不适于文本段落，也不宜混杂使用，多用于字体级数较大的标题，发挥引人注目，活跃界面气氛的作用。 拉丁字母依据其基本结构可以分为三种类型: (1)饰线体(Serif):此类字体在笔画末端带有装饰性部分，笔画精细对比明显，与中文的宋体具有近似形态特征，饰线体在阅读时具有较好的易读性，适于用作长篇幅文本段落。代表字体是新罗马体(Times New Roman)。 (2)无饰线体(Sans Serif):笔画的粗细对比不明显，笔画末端没有装饰性部分，字体形态与中文的黑体相类似。由于其笔画粗细均匀，故在远距离易于辨认，具有很好的识别性，多用于标题和指示性文字。无饰线体具有简洁规整的形态特征，符合现代的审美标准。代表字体是赫尔维梯卡体(Helvetica)。 (3)装饰体(Decorative，也称Display):即通常所说的“花”体，由于此类字体信笺于形式的装饰意味，阅读时较为费力，易读性较差，只适合于标题或较短文本，类似于中文的美术体和手写体。代表字体是草体(Script)。 在某些特殊场合，如广告或展示性的短语中，拉丁字母全部使用小写字母，能够造成一种平易近人的亲切感。 拉丁字母字体大都包含字幅(正、长、扁)、黑度(细、粗、超粗)、直斜的变化，因而由一种基本字型可以变化出多种具有相似特征的同族字体，这些字体统称为“字族”。 同一页面中字体应尽量在同一字族中选用，以保证界面具有明确、统一的风格特征。 在计算机字库中，有关字体特征的表示大多彩缩略语，如Cn(Condensed，长体)，Ex(Expanded，扁体)，Lt(Light，细)，Med(Medium，中粗)，DemBol或Dm(Demi Bold，半粗)，Bd(Bold，粗)，XBd(Extra Bold，特粗)，It(Italic，斜体)等。中文正文的字符数每行以20-35个为宜，西文则约40-70个字符最易阅读，因此较宽的文字幅面应考虑采用分栏的排布方式。通常设定行距为字高的150-200%，西文的行距通常小于中文行距。 粗细对比是刚与柔的对比，也有人称之为男性性格与女性性格的对比。在同一行文字中使用粗细对比的效果最为强烈。粗字少细字多易取得平衡，给人以明快新颖的感觉，细字少粗字多，则不易平衡，但往往会产生具有幽默感的特殊效果。 界面中文字编排要求视觉上产生类似于天平平衡的印象，失去平衡的文字编排设计，将得不到浏览者的信赖，并给人以粗劣的印象。 可能通过左右延伸的水平线，上下延伸的垂直线，动感的弧线和斜线，穿插的图形来诱导视线依照设计师安排好的结构形式顺序浏览。 在界面的四角配置文字或符号，界面的势力范围就明确地确定下来，界面中 即使存在让人感觉动荡不定的元素也会因此而稳定下来。在四角中，左上和右下具有特殊的吸引力，是处理的重点，处理得好，可以使界面左右均衡，同时还会形成从左上到右下沿对角线流动的视觉过程，给人以自然稳定的感觉。 非规律性造型形式的错落变化，应出现在周围有较充分的留白空间的场所，效果较为显著。如在界面中央或正上方表现效果较好，标题性文字往往使用此手法处理。 分栏式结构中，文字群体通常只出现在一栏中，每行的字符数相对较少，易于浏览。分栏中如果都排布文字群体，界面会显得十分拥挤，故不宜采用。其他栏中可设置目录、标题、导航等简洁的文字信息，整体形式繁简对比，疏密得当。国内使用较多的是三分栏，国外四分栏式结构则较为普遍。 网页界面中除了点、线面这些实体造型元素，其余的空间就是“空白”，空白不一定是“白”，它可以是与背景色相同的表示“虚”的空间范围。空白能使实体在视觉上产生动态，获得张力。在中国传统绘画中，空白的表现力丰富，同时又使笔墨生支灵妙，无怪乎古人所说“形得之于形外”，“计白守黑”。页面中巧妙地留白，讲究空白之美，有助于更好地烘托主题，渲染气氛，集中视线，加强空间层次，使版面疏密有序，布局清晰。 黄金之比所以有如此神圣和不可思议的力量，乃是因为黄金比是含有无理数 的数字，用公式表示为Φ=(1+)/2约=1.618。黄金矩形去掉短边为边长的正方形时，剩下的矩形仍为黄金矩形。 以正方形的对角线为长边，所得矩形为矩形，再以矩形的对角线为长边，所得矩形为矩形，以此类推，可以得到任意自然数的矩形。 矩形对折成半时，面积虽然只剩一半，但形状不变，仍是矩形。 网页界面的版式设计中，其比例关系一般体现在:页面所限定空间的长宽比，实体内容与虚空间(空白)的面积比，页面被分割的比例，图文的关系比以及各造型元素内部的比例等形式上的数量关系。 对称的版式设计稳定、庄严、整齐、秩序、安宁、沉静，如同中国古代宫殿一样庄重、严肃，体现了一种古典主义的风格。为避免对称产生的单调和呆板，要在对称中略带变化。 视觉艺术中的节奏和韵律来自音乐的概念，节奏较多地强调“节拍”，韵律较多地强调“变化”，如果说韵律感不够，是指缺少变化，过于呆板;如果说节奏感不强，是指变化缺乏条理规则。 对比是指因多种元素相异的特点相比较而更加鲜明强烈的紧张感。对比有形的对比(大小、方圆、长短、曲直、宽窄)，色的对比(色相、明度、纯度、冷暖)，质的对比(刚柔、粗细、强弱、干湿、轻重、软硬、虚实)，势的对比(疾缓、疏密、动静、抑扬、进退)等。对比关系越清晰，视觉效果就越强烈，在一个页面中，通常是多种对比关系同时并存，以产生多姿多彩的表现效果。 人眼的视线沿水平方向运动比沿垂直方向运动快而且不易疲劳。视线的变化习惯于从左到右，从上到下和顺时针方向运动。 调查显示，视区内上部比下部注目程度高，左侧比右侧更引人注意。 欲使网页在传递视觉信息时顺畅高效，页面须具备清晰的条理性和组织性，产生一定的 主从关系。常采取的方式有: (1)加强主从对象的大小对比。 (2)加大主体形象周围的空白。 (3)加强主从对象之间的色彩对比。 (4)将主体形象在页面反复出现，强化与视线的接触频率，这种强化方式尤其适合于以产品为主体形象的网页界面。 (5)加强主从对象在形态上“势”的对比。一般来说，网页的版面中水平或垂直的形态居多，如果主体形象运用适当的斜线和曲线，就会从水平、垂直线构成的环境中突显出来。 通过视觉 流程 快递问题件怎么处理流程河南自建厂房流程下载关于规范招聘需求审批流程制作流程表下载邮件下载流程设计 ，设计师运用视觉移动规律，将多种视觉信息进行有序组织，诱导浏者的视线依设计师的意图进行流动，从而使浏览者清晰、流畅、快捷地接受最佳信息。视觉流程的几种表现方式: (1)单向视觉流程:横向，竖向，斜向。 (2)曲线视觉流程。 (3)导向视觉流程:借助诱导因素来实现。 ?线形导向:以线、文字等线形元素来引导观者的视线。 ?形象导向:以图片中人或物的朝向来引导观者的视线，如人物的目光方向，一个座椅的朝向等。 ?指示导向:通过指示性的箭头、手指或具有透视感的线条来引导视线。 (4)重心视觉流程:视觉会沿着形象方向与力度的伸展来变换、运动，如表现向心力或重力的视线运动。 (5)反复视觉流程:其运动虽不如单向、曲线、重心视觉流程运动感强烈，但更富于节奏和秩序美。 (6)散点视觉流程:没有固定的视觉流动线，强调一种感性、自由性、随意性、偶然性。 对于栏目设置比较复杂的网站，如果显示所有与该页相关的导航，页面势必变得相当庞大，影响了版面的整体布局。最好的办法是将此页面做成弹出窗口，不影响原有页面的导航信息，同时只设置与该页关系最近的导航链接和首页链接。 在视觉习惯上，页面的垂直均匀分割，当左右两部分形成强烈对比时，会造成视觉心理的不平衡。这时，可将分割线作部分或全部的弱化处理，或在分割处加入其他元素，使左右部分的过渡自然而和谐。 周期、关键帧和行为被称为动画的三个属性。 使用简单的GIF动画生成的广告图形，点击率会上升10%-25%，而动画广告的面积平均比静态广告小5%-25%。 动画由于在信息的方向性诱导方面的优势，除了能够加强视线在视觉传达领域的注意外，在引导视线方面能够发挥更大的能动性，引导视线完全按照设计师的意图去浏览，以最快捷的途径，最有效的感知方式获取视觉信息，使设计师能够更有效地影响浏览者的视线运动轨迹。 当人们面对平面上一些静止的物体时，会在它们之间平分其注意力，如果其中一个物体突然动起来，所有的注意力在1/5秒后都将转向它。 人的正常视觉容量约为每秒25比特，即大约每秒4个汉字，每分钟约250个字左右。 动画表达追求的是信息的准确传达，意念的清晰易懂。而做到这一点取决于两个方面:一是动画本身有好的表现手法和设计，使每一个画面或主要变化以最清楚和最有效的方式呈现出来;二是好的时间掌握。画面转换的时间要恰到好处，太慢则感觉节奏缓慢，在里面寻找不到兴奋点，视觉心理就会感觉空洞、单调，使注意力分散;太快则浏览者还没看清要传达的信息，动作已经结束，创意没有意义，设计也就失败了。 一般一个页面有1-2个动画区域是比较适度的。如果在页面上必须出现不止一个动画，也应给予较大的区别，如采用面积的大小对比，或使动画的演示有时间差别等。 常见的动画设计效果: (1)色彩循环动画 (2)元素沿直线或曲线的滚动 (3)元素的跳动与闪动。在跳动后保持5-10秒的静止，这样跳动吸引浏览者的视线，静止则使浏览者能看清图像。 (4)元素的淡入与淡出。 (5)元素飞入画面。 (6)元素的缓慢旋转，通常旋转几周后就停顿一会儿。 (7)元素的爆炸与组合。 8)闪烁和灯光效果。 ( (9)元素之间的过渡与变形。将一幅图象的部分或整体毫无痕迹地融入另一幅图象中。 一个网页设计的“微观细节”都表现在哪里呢?它们要在何时何地出现才能为我们的界面设计带来一个极致的升华呢?网页设计的“微观细节”主要表现有以下几点: 页面的整体颜色，也可以称之为颜色。 页面的整体布局，也可以称之为排版。 页面的字体元素。也可以称之为字体。 页面的效果元素。也可以称之为效果。 以上四点归纳出网页设计的“细节”主要在以上这些地方着重处理。 页面的整体色彩可以直接反映这个页面对用户的视觉感官，鲜艳的颜色可 以给用户一种清新、活泼的视觉感受，然而此时细节就在于设计师对于色彩与色彩间的把握。 单一的色彩元素也可以给用户带来另一种不同的视觉感受，如:黑白单一色调可以给用户一种稳重、时尚的视觉体验，然而此时细节就在于设计师如何“画龙点睛”打破单一的色彩体系，不让用户感受到压抑的心理。 界面设计的颜色运用，不仅可以给用户一个对网页的大体感受，然而对颜色谨慎的细节把握可以让用户感到颜色带来的舒适，从而根据颜色的巧妙配合给用户带来不同的视觉和心理体验。颜色的细节搭配是注重于页面颜色元素间的色相、明度、饱和度之间的搭配。 色相:是色彩的首要特征，是区别各种不同色彩的最准确的标准。色相环则成为了网页配色的重要工具之一。在颜色的搭配细节中，色相起到一个重要的环节，色相搭配主要有以下部分细节用于网页界面设计中: 单色搭配:一种色相由暗、中、明三种色调组成。这就是单色。单色搭配上并没有形成颜色的层次，但形成了明暗的层次。这种颜色搭配产生了一种令人悦目、低对比度的和谐美感。 类比色搭配:相邻的颜色称为类比色。类比色都拥有共同的颜色。整个页面如果使用了类比的红色和黄色进行搭配，给人大气、有力量的印象。 补色搭配:在色相环上直线相对的两种颜色称为补色，如:橙色和蓝色。补色形成强列的对比效果，传达出活力、能量、兴奋等意义。 分离补色搭配:如果我们同时用补色及类比色的方法来确定的颜色关系，就称为分离补色。这种颜色搭配既具有类比色的低对比度的美感，又具有补色的力量感。形成了一种既和谐又有重点的颜色关系。 原色搭配:三原色的搭配，红黄搭配是最受欢迎的一种搭配方法。但是红蓝搭配只有当两者的区域是分离时，才会显得吸引人，如果是紧邻在一起，则会产生冲突感。 二次色搭配:二次色之间都拥有一种共同的颜色所以它们轻易能够形成协调的搭配。如果三种二次色同时使用，则显得很舒适、吸引，并具有丰富的色调。它们同时具有的颜色深度及广度，这一点在其它颜色关系上很难找到。 全色相搭配:从色相环上取出所有的色相，开放、热闹、像节日一样的配色就产生了，全色相给人带来可以随时参与进去的气氛，这恰好是适合节日气氛的色相。 如果注重以上配色搭配的细节，就可以有效的提高网页观看的舒适度。色彩的细节注重 和培养，更是网页界面设计的第一堂最重要的课程。 网页界面的布局、排版可以使网页的内容在特定有限的版面空间中以一种有序和美观的形式分布在网页中，并且符合形式美的法则。网页界面排版设计中的点、线、面是构成视觉空间的基本元素也是最容易被忽略的元素，无论版面内容与形式有多复杂，所有的具体元素都可以归纳为点、线、面。 布局是内容组织的必然结果，它往往是自己逐渐形成的。一旦周全考虑了页面的所有需求，并且确定了每一块的内容，你的工作就变成了看着所想要的布局自己展现在你的眼前。这个过程类似拼图游戏，只不过没有最终完成的提示图，但是每个部分都可以改变大小位置。 网页设计中，设计者要注意到网页排版的“最佳视域”这一细节会引导用户去观看整个页面，并且能够创造出一种别称之为“Diagonal Balance(对角线平衡)”的和谐状态。人们在浏览页面或布局的时候，视线往往趋向于从左上角移动到右下角，因为人们通常都是从左至右、又伤往下地阅读，久而久之视线自然会沿着这一路径移动。 左上角是第一视觉落点区(Primary Optical Area，POA)，而右下角则是最终视觉落点区(Terminal Anchor， TA)。与之相对，右上角和左下角则是视觉盲点。页面上部注意力强于下部，左部强于右部。因此，上部、左上部、中上部为“最佳视域”。 设计者在页面的设计中要注重网页“导向视觉流程”，通过诱导元素主动引导读者视线向一定方向由主到次的移动。 页面排版的字体位置、形式自由灵活，但要考虑与正文之间的关系。细节 在于副标题是对标题内容的补充说明，其视觉强度不能超过标题，一般采用不同于主标题的字体和字号。 图片和字体在页面排版中起到相辅相成的效果，字体可以给图片提供解说说明，而图片也给字体提供装饰、补白的效果。一个页面图片可以占据页面很大一部分，相比其他页面更具有视觉冲击力。网页界面设计不能只用文字，过长的文字篇幅会使网页显得单调。在网页中插入图片可以令网页生色不少。但图片也不能用得太多，简单的图片堆砌，会让人觉得累赘，而且影响网页的下载速度。所以网站中的图片既要美观、符合网站的内容，又要少而精，放在最需要的地方，起到画龙点睛的效果，增加网站的吸引力。页面设计中图片形象的远近处理会产生不同程度的视觉吸引力。根据页面的需要我们可以改变图片的位置、面积、数量和组合形式来达到页面的整体美观和保持页面的视觉冲击。 网页页面的信息“发源地”—文字、字体。随着网页设计开发的更新和进步以及平面设计的逐渐成熟，网页页面的文字、字体也逐渐呈现出多样化的趋势。从最早的宋体、黑体。到现在的衬线字体和无衬线字体，都发映出网页页面设计在时代的发现下逐渐进步和完善。 而网页界面的文字字体越来越丰富，富有设计感。网页界面不再变得枯燥乏味，而是更注重页面字体所带来的设计美感。字体种类的搭配是展现设计师能力的一个表现。 此页面采用的字体主要有Square721 BT、Arial、Modem No.20 三种字体。LOGO中的“WHISPERING”运用的Modem No.20字体 主要突出LOGO在页面中的特殊性和特殊样式，让LOGO与界面中的字体与众不同，既有美化效果也有增强视觉效果。让LOGO变得易于让用户发觉。运用不同的字体可以增强界面内的效果，不同的字体、字号、字据、行距、行宽的设置都会对网页产生微妙的效果。页面内可以由多种字体组成，但是不能多到泛滥，这样会误导用户是用户无法根据网页中的字体这一微妙的形式 去寻找共同特点。让用户产生不知道下一步应该怎么做。什么样的字体就用作什么样的位置，比如:标题文字就是页面中最活跃的一个元素，具有很强的导读功能。 网页中使用的文字大多分为中文汉字和英文、阿拉伯数字等。中文使用语网页设计中内容部分一般会采用9-12 Px大小的文字字体，而英文和阿拉伯数字由于易读性较高，字号可相对缩小。 应用透明的效果来烘托页面的层次感和动态感觉，通过阴影，凹陷，透明来实现立体的网页。 搜索栏隐藏效果，为了让用户看的更清楚我添加了绿色的“发光点”细节和指示箭头的效果。这个小小的细节可以更人性化的让用户参与体验我的网站。 网页说的简单点就是网络的一种招贴形式，同处在一种环境下其实我们和平面招贴设计并没有多大的区别。唯一不同的是我们通过各种细节的效果把一些元素烘托出来，让他们更加逼真立体，从而把用户由旁边观看改变成主体感受。 网页的风格定位 网页的设计首先要从网页的风格定位入手。任何网页都要根据主题的内容决定其风格与形式，因为只有形式与内容的完美统一，才能达到理想的传播效果。网页的应用范围归纳起来主要有几大类:新闻机构、政府机关、科教文化、娱乐艺术、电子商务、网络中心等。针对于不同性质的行业，网页的风格也要有所不同，例如:政府部门的网页一般风格都要比较庄重一些，而娱乐性质的网站则多是活泼生动、灵活多变;文化教育部门的网页风格应该高雅大方，而商务网页则可以贴近民俗，使大众喜闻乐见。 欢乐谷主题公园网 欢乐谷主题公园网 美国政府的官方网站www.firstgov.gov 世纪风商务网站www.centurytrend.com 网页风格的形成主要依存于网页的版式设计和网页页面的色调处理，同时还要考虑到图片与文字的组合形式等。这些基本元素的组合，要求网页的设计和制作者具有一定的美术素质和艺术修养。 网页的版式设计 在网页设计中根据特定的主题和内容，把文字、图形图像、动画、视频、色彩等信息传达要素界定在一个范围内，有机的、秩序的、艺术性的组织在一起，形成美观的页面并不是容易的事。由于多数专业的计算机技术人员缺乏艺术设计的能力，致使许多网页一直都是按固定的格式来完成，只是在文字内容上有所变化，所以使很多网页看起来千篇一律，缺乏个性。为了让网页更具艺术魅力，必须加强制作人员的艺术素养，将艺术与技术有机的结合起来，使网络呈现更绚丽的色彩。 网页的版面设计应从造型、视觉心理及版式构成几方面入手。 一、版式设计的造型 在版式空间中标题、内容、主体图形、色调、视觉中心、背景和留白都是造型的最基本元素，将这些基本元素在800*600像素或1024*768像素的版面中有机的结合起来就是设计的过程。网页版式设计常常借助多种形式的框架(骨骼)，规则的框架与不规则的框架，可见的框架与不可见的框架，同时还要与文字样式、色调等因素紧密联系起来。 网页界面设计不同于报纸、杂志等版面的设计，它是动态的、变化的版面。多数人的显示器分辨率为800*600像素或1024*768像素，我们设计版面时就应以800*600像素为标准，除去滚动条所占的20像素，安全宽度应控制在780像素以内，这样才能浏览到全部的横向页面内容，垂直方向上，页面是可滚动的，版面的长度一般不作限制，但是一些较正规的网站要求滚动不超过3屏，针对这样动态的版面空间，设计起来就要存在较大的难度。为此，网页设计师应采取一些相应的对策: 1(运用自适应宽度技术。即在版面宽度超出800像素时，页面内容自动伸缩，充满整个版面，这样的技术就要求版面设计也要具有适应性。 1024*768像素环境下的页面效果 800*600像素环境下的页面效果 2( 运用背景来适应不同分辨率的版面效果。 1024*768像素环境下运用背景填充空白部分 800*600像素环境下 3( 使版面保持固定尺寸，禁止滚动出现，增强对版面的控制，这样的方案非常适用于设计性较强的图形界面。 通常网页中还会有一些动态的信息，不仅活跃了画面气氛，还可通过不同内容的替换，增大信息量，不过动画效果的运用要合理，千万不能泛滥，造成喧宾夺主的效果，而且动画的形式与内容要与网页主题相适应，政治与教育等内容比较严肃的网页在动画应用上更是要慎重。 二、页面中的点、线、面及留白的处理 版面设计中，文字、图形图像根据其在画面中的大小、方向、排列可以视为点、线、面等构成要素，同时文字又有标题和正文之分;图片也有主次之分，所以在网页设计时都要加以考虑。图片与文字，还有动画这些信息都需要同时展示给观众，不加设计的简单地罗列在一个页面上，往往会使人感觉粗制滥造，使人不愿继续停留，所以必须要跟据主题内容的需要，将传递信息的图片和文字按照一定的次序和关系进行合理的编排和布局，使整个页面和谐统一，充满艺术性。 点、线、面、视觉中心、留白等元素所处位置不同，对观众的视觉和心理会产生的作用也不同。当设计主体处于版面的几何中心时，给人的感觉是平衡、稳重，不过相对就会显得呆板、缺乏灵活性;如将设计主体向一侧稍作偏移，既可打破了原有的稳定与平衡，形成一个动向，画面因此而造成不稳定趋势，这时需要在适当的位置添加平衡元素，使画面在变化中求稳定。 下图是奥迪公司的一个宣传网页，页面将最为稳定的几何中心作为视觉中心，画面中的文字标题与按钮却安排在页面的偏左侧，冲破了画面的呆板构图，为取得平衡，右下角的奥迪标志起了重要的作用，同时还突出了页面的宣传重点。 1(点的作用 在空间中单一的点有集中醒目的特点，给人明确、坚定、充实的感觉。所以可利用点的这一特性强调将要重点表现的对象。可利用“点”符号，对文字信息加以强调，也可采用点状图形图像形式加以提示。 可口可乐宣传网页中坐下部分的三张小图片，在这个页面中实际上起着点的作用，以图片的形式强调后面的信息，如图。 www2.coca-cola.com 2(线与面的作用 线与面不仅能作为造型元素，同时还是划分空间的有力武器。由线和面形成的对空间的分割与遮挡使空间的层次得以延伸，形成距离美感。 下面一张普通的图片经线、面分割后，形成了色调、面积等方面的对比关系，使画面的层次分明，突出了中心内容。 3(留白的运用 在页面设计中往往点、线、面等实体造型元素是人们的重点注意的部分，实际上“留白”也是不容忽视的。所谓“留白”，就是除文字、图片、图案等信息要素以外的空白空间。“留白”与其它元素一样具有大小、形状等特征，它与其它元素的关系就是“图”与“地”的关系，是相互依存、相互衬托的。 在网页设计中，“无意”的留白应与“有意”的造型同样引起足够的重视，因为“无意”的留白空间有时给人的视觉冲击会高于其它的元素所带来的效果。 不过“留白”并不是越多越好，这要根据主题内容和整体风格而定，信息量大、内容更新快的 网站一般空白较少，而专业的、艺术类的网站“留白”较常见。 下图是万宝路网站的页面，版面由文字、图片、色块与留白共同组成，此页面的留白空间较大，不仅有效的突出了文字及图片信息，同时还强化了空间的延续性。 www.philipmorrisinternational 网页界面的色彩设计 任何一个网页都离不开色彩的应用，我们在互联网上看到的网页或五彩缤纷，或典雅大方，当然也有一些让人看了感觉不舒服的网页，这其中色彩的运用起了很重要的作用。那么什么样的色彩更适于网页上使用呢,网页的背景，文字，图标，边框，超链接...，应该采用什么样的色彩，应该搭配什么色彩才能最好的表达出预想的内涵呢, 网页色彩的作用是多方面的，首先是利用色彩进行一种视觉区域的划分。网页中一般要展示的信息比较多，种类也较纷繁，首页的信息量更是如此，这就要求网页设计者能够清晰地将信息分类排布，那么利用色彩区域划分是非常有效的一种方法。 在网页设计中，界面设计的风格应与要传递的信息内容相统一，这是网页制作最值得注意的条件，比如:迪斯尼公司的宣传网页，在色彩运用上采用纯度较高的蓝色及其补色黄色作为主色调，将画面营造成五彩缤纷的童话世界，所以在网页设计中一定要先明确主题，以色彩的内涵来突出主题。 彩色与非彩色怎样应用与网页制当中呢, 有人研究表明:彩色的记忆效果是黑白的3.5倍。也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人，同时彩色所表达的情感还能满足人们的一些心理需求。所以我们看到多数网站采用彩色的页面。 在多数情况下，网页的主要内容文字采用非彩色(黑色)，边框，背景，图片用彩色。这样页面整体效果不单调，看主要内容也不会眼花。 一、非彩色的搭配 黑白两色是最简单基本的搭配，黑底白字，白字黑底都能清晰明了表现网页 内容。灰色是万能色，可以和任何色彩搭配，也可以作为两种对立的色彩和谐过渡。在设计中，如无合适的色彩搭配，使用一些灰色，会有不错的效果。 二、 彩色的搭配 色彩众多，能够将彩色的搭配的合理、美观，不是简单的事。这需要我们要熟悉色环的构成。 每种色彩在饱和度，透明度上略微变化就会产生不同的感觉。以绿色为例，黄绿色有青春，旺盛的视觉意境，而蓝绿色则显得幽宁，阴深。 1(色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。 2. 色彩的独特性。要有与众不同的色彩，使得大家对你的印象强烈。 3. 色彩的适合性。就是说你所选择的色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。 4. 色彩的联想性。不同色彩会产生不同的联想，蓝色联想到天空，黑色联想到黑夜、恐怖，红色想到喜事等，选择色彩要和你网页的内涵相关联。 三、网页色彩配置的方法 在网页上到底用什么色彩搭配看起来才舒适美观呢,建议从以下几点入手，掌握着几个要点，网页的色彩运用就不那么困难了。 1(应用同一色彩的不同明度 首先确定运用一种色彩，然后调整透明度或者饱和度，将网页背景、文字、边框等元素都控制在此色彩中，只是在明度上有所变化，那么这各页面的色彩就会非常统一，而且还有层次感。如:浅蓝色的背景，深蓝色的文字，蓝灰色的边框。 2(使用对比色 这里就需要你熟悉色环，不妨准备一个色环放在桌边参考。首先选定一种色彩，然后选择它的对比色。影响对比色配色效果的重要因素在于使用的色调。当使用了对比度较高的鲜明色调时，所应用的色相效果将被突出，从而得到较强的动态效果;当使用对比度较低的灰暗色调时，即使用色较多，也能形成一种安静的氛围。 - 对比度较高的鲜明色调 对比度较低的灰暗色调 3(使用同类色、类似色 同类色、类似色这样的色彩在运用起来一般效果都很好，适合凝造整齐统一的气氛，但是应注意避免缺少对比，而使画面不够响亮。常用的有冷色系、暖色系、各种淡色以及各种色彩的灰。首先要确定主色，然后围绕主色选择其它的色彩。 4(非彩色与有彩色结合 深浅不同的灰色与较单一的有彩色搭配是比较安全的配色方案。非彩色与彩色搭配时，可以起到突出色彩的效果。在搭配时应用高亮的彩色与白色及亮灰色得到明亮轻快的效果。相反采用低亮度的彩色与黑及暗灰配置会得到河岸程中的效果。搭配时注意灰色用得要得当，否则会使画面看起来脏而无生气，所以彩色应是调剂的重点。 高亮彩色与白色及亮灰色搭配 低亮度的彩色与黑及暗灰配置 5(色彩不宜太多 有的人做商业类或娱乐类的网页喜欢用众多的色彩，以为这样会使页面显得五彩缤纷，其实色彩太多会给人杂乱无章的感觉。其实绚丽的画面是由色彩的对比和联系而产生的，三、四种色彩就足可以使画面丰富起来，所以色彩的种类不应是繁多，而应合理搭配。 6.背景和正文的对比尽量拉开，少量使用带图案的背景，即使用也应是浅显的图案，以便使文字内容更突出。 人们对色彩的感觉最直接、最敏感，网页的色彩处理得好，可以锦上添花。在色彩应用上要遵循“整体协调，局部对比”的原则。网页的整体色彩尽量做到和谐统一，局部特殊部分适度应用色彩的对比。一个网站往往会由多个模块组成，可以将同类模块控制在同一色系里，也可以根据内容的需要，分别采用不同的色调。 四、网页色彩搭配方案 1. 奔放、激情的配色 奔放与激情会让我们联想到非洲热烈的舞蹈、动感激情的体育竞技等，此类网站会以动态效果强烈的鲜明对比色彩赋于站点奔放、激情的个性。 补色色彩组合 单色色彩组合 类似色彩组合 中性色彩组合 分裂补色色彩组合 2.自然的、静寂的配色 我们在制作网页时会想要营造一种仿佛漫步乡间的回归自然的感觉，好好的观察自然界的色彩，运用到你的设计中，自然也就离你很近了。 补色色彩组合 单色色彩组合 类似色彩组合 中性色彩组合 分裂补色色彩组合 3. 宁静、朴素的配色 宁静、朴素的氛围要以整洁的环境为基础，所以在创造这种环境时要避免运用过多的颜色，尽量运用浅淡清爽的色调，才能得到较好的效果。 补色色彩组合 单色色彩组合 类似色彩组合 中性色彩组合 分裂补色色彩组合 4. 亲切的配色 网页可以采用具亲和力的色彩赢得观众，这就需要在色彩搭配上下功夫，千万不 要小看的色彩的力量哦～ 补色色彩组合 单色色彩组合 类似色彩组合 中性色彩组合 分裂补色色彩组合 5.柔和、女性的配色 女性带给人的感觉多是柔美、典雅的，粉质的色彩用来表现女性的温柔和典雅魅力再合适不过了。常用的色彩有粉红、淡蓝、淡紫、淡绿等。 单色色彩组合 类似色彩组合 中性色彩组合 分裂补色色彩组合 补色色彩组合 神秘的配色 世界上有多少我们未知的秘密,我们将来会是什么样子,其实我们一直在探索着，如何在网页上表现神秘色彩呢,多数人会想到蓝紫色、金色，的确这些色彩真的能营造神秘的高层感觉。 补色色彩组合 单色色彩组合 类似色彩组合 中性色彩组合 分裂补色色彩组合 7(职业的配色 在商业活动中，颜色受到仔细的评估，一般流行的看法，灰色或黑色系列可以象征“职业”，因为这些颜色较不具个人主义，有中庸之感。 灰色其实是鲜艳的红色或橘色最好的背景色。这些活泼的颜色加上低沉的灰色，可以使原有的热力稍加收敛、含蓄一些。虽然灰色不具刺激感，却富有实际感。它传达出一种实在、严肃的气息，绝少幽默之感。 平面设计 设计是什么,设计是科技与艺术的结合，是商业社会的产物，在商业社会中需要艺术设计与创作理想的平衡，需要客观与克制，需要借创作者的作品替委托人说话。 设计同美术存在区别，因为设计不仅要符合审美性，还要具有实用性、专业性、人文性，设计是一种需求，而不仅仅是装饰、装潢。 既然要设计就要精益求精，设计的完成概念比较模糊，因为它总是在不断的完善，不断的改进当中。发现、探索是设计的关键之处，它要求设计师要亲力亲为，只有通过不断的深入体验和感受才能找到设计的切入点。平面设计是设计范畴的一个重要分支，平面设计也是一个涉及领域很广的学科，主要包括企业标志、商标、广告、招贴、书籍装帧、产品包装、多媒体界面设计等诸多方面，电脑美术平面设计则主要是针对印刷及屏幕的显示等视觉范畴来说的。 学习平面设计首先就要从点、线、面的认识开始，学习掌握平面构成、色彩构成、立体构成、透视学等基础;并且还要具备客观的视觉经验，建立理性的思维基础，掌握视觉的生理学规律，还要必须了解设计元素这一概念。 平面设计是由图形、色彩、文字三个基本要素组成的，这三个要素在平面设计中担负着不同的使命。 图形要素包括插图、商标、轮廓等元素。 文字要素有标题、广字语、正文、附文等元素。色彩要素有色相、明度、纯度元素。 图形可以理解为除了摄影以外的图和形，图形有着强大 的表现力，在版面构成中有着重 要的作用。 图形是万国语言，准确的图形表达比文字所描述的更易于理解，合理的运用图形是平面设计的关键点。如法国拉斯科岩洞壁画中的牛的生动描绘，形象而真实地反映了当时人们狩猎的情景。 插图:插图不仅可以表现人们观察到的事物，同时还可以展现人们的内心世界及抽象的概念，如:我们在睡梦中的情节、场景，就可以通过插图的表现方式展现给观众，并且能够将不同时空的事物联系在一起，这样的图像描述要比文字描述的形式更直观、更生动、更形象。 轮廓:轮廓一般是指装饰在版面边缘的线条和纹样或图形的边线，轮廓可使图形更清晰、整齐、不凌乱。轮廓在某种程度上控制着读者的视线。重复使用同一造型的轮廓，可以加深读者对造型的印象，轮廓还能增加平面设计造型的美感。一般轮廓有单纯和复杂两种。用直线、斜线、曲线等线形构成的，属单纯的轮廓。由图案纹样所组成的轮廓，则是复杂轮廓。在平面设计中较常见的是单纯的轮廓。 商标:是消费者借以识别商品的主要标志，是商品质量和企业信誉的象征。名优商品提高了商标的信誉，而卓有信誉的商标又促进了商品的销售。 在平面设计中，商标不是广告版面的装饰物，而是重要的构成要素，在整个版面设计中，商标造型最单纯、最简洁，视觉效果最强烈，在一瞬间就能识别，并能给消费者留下深刻的印象。 商标在设计上要求要造型简洁、立意准确、具有个性、同时更要容易记忆容易识别，例如中国农业银行行徽就是以麦穗图形为主，直截了当地表达出这一专业银行----农业银行的特征。麦穗中部横与竖的十 ”字，从而更加强了“农业”的含义。上端麦字形处理，不仅简练地概括了麦穗造型，而且构成一个“田 芒与圆形交接的断开处理，完善了整体的内外关系，强化了标志形象的个性特色。 文字:文字是人们记录事件的特殊符号，各种文字都具有一定的形状，文字形状的不同又表现出不同的性格特征，所以我们会根据设计内容来选择不同的字体形状和大小，以传达情感。 色彩:色彩是把握人的视觉第一关键所在，也是平面设计表现形式的重点所在，个性的色彩，会很容易拴住观众的视线，色彩通过结合具体的形象，运用不同的色调，能使观众产生不同的生理反映和心理联想。色彩不是孤立存在的，它必须体现设计的主题与特性，同时还要能美化装饰版面。 视觉元素的构成 在平面设计中，构成要素有形态要素和构成要素两方面。最基本的形态要素是点、线、面，构成要素则是大小、方向、明暗、色彩、肌理等。形态要素与构成要素经富于创造性的组合构成后，便会形成美妙的设计造型。 世间的万物都是有形态的，其轮廓则是由点、线、面与色彩交织而成的，因此，研究好点、线、面的特征对于创造表现世界的艺术是非常必要的。 1. 基本造型元素——点 点的属性 “点”是一切形态的基础，它既没有位置也没有大小，它是线的开端与终结。在某种意义上，“点”，必须可见，这样它就必须有一个形象，所以，“点”又是具有空间位置的视觉单位。不过，它没有上下左右的连接性与方向性，其大小决不允许超越当作视觉单位“点”的限度，超越这个限度，也就失去了点的性质，就变成了“形”或“面”了。判定点的范畴需通过所处的具体位置和对比关系来确定。 点的应用 “点”作为平面构成中的造型要素之一，具有非常重要的作用。在远古时期人类就已经将“点”应用于手工制品的装饰中，时至今日，当代设计家依然运用着“点”的多种变 异和排列组合，展现着点的独特魅力。 常用的“点”在平面设计中的表现形式有四种类型。 ?秩序整齐型 ?散点多变形 ?类似群化型 ?借用转化型 秩序整齐型 散点多变型 阵列的方“点”形成由一些大小不等、形状不同 的虚面，也缓解了画面的点散落构成，在黑底白图 红黄的色块关系，这种的造型中，右下角一个红色 排列、虚实变化，产生的点格外显眼，文字 了节奏和韵律，给读者“SARS”突出主题，表明我 留下鲜明的印象。 们会将不和谐的元素驱逐出 去的决心。 借用转化型 借用转化型 《娜娜》一书封页就是《HEADWAY》一书中将文字以 以文字作为底纹的，文不同方向进行排列组合，同 字与封页的色彩相近，时与彩色图案拼成的几何形 突出了手绘的人物头相结合构成装饰感极强的图 像的线条。由于文字较案，就创造了良好的装饰性 小，色彩也较浅显，文效果。 字已失去原有意义的可辨性，给人的感觉 就是直接表现为若干“点”的排列，达到 了作为装饰底纹的功效。 2. 基本造型元素——线 线的属性 点的移动轨迹形成动线，面与面的界限及边缘则形成静线。线不仅表现有形物体也表现无形的意向，它的重要特征表现是长度。 线有直线、曲线、曲折线三大类，直线表静，曲线表动，曲折线则产生不安定的感觉。线不仅能够表现有形的物体，也能够表现无形的意象，所以线成为绘画的基本形式之一。 线的特征 线的不同粗细、浓淡、间隙等会产生不同的效果，粗线有前进的感觉，细线则产生后退的感觉;深色线向前，浅色线向后;间隙密集的线群要比间隙宽松的线群感觉靠后。 线还具有方向性，水平排线具有平和安详之感，是广阔平原的形象;垂直排线具有崇高肃穆之感，是高山、大树等物的化身，同时还具有活力向上的生机。 斜线是有角度的线，具有动态感，具有一定方向性的重复的斜线会给人秩序感和运动感，但是方向不一的斜线会产生杂乱无章的感觉。 垂直线与水平线的构成虽有庄重和稳定性强的特点，但是却不免有些呆板，加入斜线的元素后会给画面带来生机，增强了画面的美感。 3. 基本造型元素——面 面的属性 面是线移动的轨迹，垂直线平行移动为方形;直线回转移动为圆形;一条直线沿一条曲线移动形成边缘为曲线的平面。 平面上的形大致可分为四大类:直线形、曲线形(几何曲线形)、自由曲线形和偶然形。 每一种形都有其各自的性格。如:直线造形呈现出安定、有序的感觉，通常用直线来表现男性性格特征;曲线造形比较柔软，具有数理性秩序感，尤其是圆形，具有几何曲线的特征，但是正圆过于完美，会产生呆板的感觉，椭圆形则会在一定程度上富于变化，并能够产生整齐的感觉;自由曲线形不具有几何秩序，它在很大程度上充分体现绘画这的个性，所以更能引起人们的注意，它是女性优美线条的典型代表，具有较强的魅力;偶然形是偶然形成的造型，是不能够随心所欲控制的，如:颜料的泼洒形成的造型，使用对印的方法产生的造型，这些都是我们不能够完全控制的，必须经过我们仔细的观察，根据设计意图进行深入的加工整理，才能使其达到更完美的境地。 “面”分规则的面和不规则的面，规则的面是由规尺仪器帮助绘制完成的，不规则的面是自然的或由艺术家徒手绘制完成的。著名的欧普艺术家，瓦沙雷利、布鲁斯等人最擅长使用几何形状来组构成具有颤动、错视空间的艺术品。 4. 点、线、面的关系 点的运动轨迹构成线，线的运动轨迹形成面，面的移动则形成体。数学概念上的点、线、面是没有量的，但从视觉上来讲，我们把点看作有大有小，线有长又短，有粗有细，不过有时由于视觉比例的关系，点或线会带有面的特征，点、线、面的界限就不是很分明了，所以要根据周围情况而确定。 5. 色彩构成要素 色相 就是指色彩的相貌，是色彩的标记符号，也可以说是色彩的名称。 明度 明度就是指色彩的明暗程度，对于光源色来说可称之为光度。对物体色来说，也可称之为亮度。 纯度 纯度就是指色彩的纯净度。纯度也有饱和度和彩度的说法。 色相、明度、纯度三要素的关系 高纯度的色相加入黑或白后，其纯度就降低了，加如 黑色的明度降低，加如白色的明度提高。对于色料来说，不同色相相加纯度降低，明度也降低;对于色光来说，不同色相相加，纯度降低，明度提高。 色光相加 色料相加 6.色彩的对比与调和 色彩的对比关系主要由明度对比、纯度对比、色相对比、冷暖对比、面积对比对比五种。 明度对比就是由明度差别而产生的色彩对比关系。 纯度对比就是由色彩件的纯度差别而产生的对比，纯度差别的大小决定对比的强弱。 色相对比就是色彩相貌之间产生的差别。各色相由于在色环上的距离远近不同，形成不同的色相对比。 冷暖对比就是因色彩感觉的冷暖差别而形成的对比关系。 面积对比就是指各色彩在画面中所占的面积的比例多少而引起的明度、纯度、色相、冷暖的对比。 色彩的调和是两个或更多的色彩按一定的秩序，和谐的组合在一起，形成令人心情愉悦的色彩搭配。 色彩的明度的变化、色相变化、冷暖变化是色彩调和的前提，色彩组合关系要达到既变化又统一的和谐美，关键在于在变化的同时要有一定的秩序性，所谓秩序性指的是整体的色彩和与其有关系的各部分之间的一种有规律的变化形成的色彩效果。 常用色彩模式 1. RGB色彩模式 RGB色彩模式是一种加色模式，它是由色光混合形成的色彩空间， R(Red)代表红色光，G(Green)代表绿色光，B(Blue)代表蓝色光，三种色光混合在一起形成任何颜色的色光，由于两种以上的色光混合在一起后，其明度提高，当三个原色光按一定比例混合后，可产生无彩色系的白光或灰色光。色光按一定比例、亮度、纯度进行混合，形成不同的色彩。如红光与绿光混合形成黄色光。 RGB色彩模式 CMYK色彩模式 2( CMYK色彩模式 CMYK色彩模式是一种减色模式，是由色料混合而形成的色彩模式，其中C(Cyan)代表青，M(Magenta)代表品红，Y(Yellow)代表黄，K(Black)代表黑色。由这四原色可任意组合成其它的色彩。CMYK色彩模式一般运用于彩色的印刷， CMYK色彩模式与RGB色彩模式是可以相互转换的，RGB色彩模式的图像解析度是24位，每个像素都以24位元来表现，其中R、G、B三色各占8位，所以可表现1677万种色彩， CMYK色彩模式的解析度是32位，C、M、Y、K各占8位，其中K为256级灰阶，因此CMYK色彩模式同样也能表现1677万种色彩，相比较来说CMYK色彩模式由于灰阶的存在，所以文件量要比RGB色彩模式要大一些。 3( 灰度模式 灰度模式下的图像解析度为8位，也就是说每个像素用8位元来表现，可以表现256级灰度，图像中的全部色调和色彩都是由256级灰度表现的，所以我们看到的灰度模式就像黑白照片一样。 灰度模式 位图模式 4(位图模式 位图模式是单色的色彩模式，这种模式的图像由黑色区和白色区组成，色彩位数只有1，每个像素只包含黑或白的信息，位图模式也可产生不同程度的灰，只不过是利用了黑或白的疏密关系而形成的灰度。位图模式的输出格式有限，主要有psd、bmp、eps、gif、pcx、pdf、tif、png等格式。图片处于这种模式时，一些图像处理软件的某些功能将不能够使用。 5(Index色彩模式 Index色彩模式是索引色彩，是将图像中真正用到的色彩归纳为调色板，这种色彩模式是8位色彩，每个像素可以表现256种色，所以这种模式下的图像文件大小与灰度模式图相似，但由于它所表现的色彩不如RGB和CMYK色彩模式丰富，所以图像质量会稍差一些，但是它的文件大小确是RGB模式文件的1/3，所以常被应用于网络上。图片为索引色彩模式时，同样一些图像处理软件的某些功能将不能够使用，所以在处理图片时最好先在RGB和CMYK等色彩模式下完成，输出前再转换成索引色彩。 (Lab色彩模式 6 Lab色彩模式是以色彩的的色相、明度、纯度进行色彩表现，它具有三个8位通道，解析度为24位。可针对色彩的色相、明度、纯度进行调整，这种模式的色彩比较直观，更易于掌握，而且这种色彩模式是较稳妥的，无论在何种系统下，其色彩都不会产生失真或偏色的现象，但它同样也会存在少数图像处理功能不能够正常应用的现象。 文字的使用 文字的基本特征 文字的属性 文字的属性是指文字的字体、大小、字形等。“字体”指字面的特定风格。常见的电脑字体由大写、小写、符号、图标或特殊装饰形状的字符组成，如:下图的图形就是由特殊字体生成的。 ?字体:字母、数字及标点符号的集合，按相似的风格进行分类、排列，被称为字面设计。字体具有不同的视觉效果，如斜体、粗体、细体等。 中文字体的字符数较多，字体的变化和字符的变化则没有英文那样丰富，比较常用的中文字体有宋体、黑体、楷体、仿宋体4种，在设计中常使用的字体还有幼圆体、综艺体、隶书、广告体、彩云体、魏碑等字体，下图是常用字体的样式: 1(字号:字号是用来表示文字大小的术语。点数制是目前国际上通行的计算机字体大小的标准方法。点又称为“磅”(Point)。多数排版系统都是使用点数来计算字号的大小的。每一点的直径等于0.35毫米。报纸、杂志的正文字号一般在9-12磅之间。由于计算机平面设计技术的引进以及印刷精度的提高，在能够清晰阅读的前提下，正文字的字号越来越小。 (字距:一般的书籍、报纸和杂志的字号与行距比例为5:2到5:4，即:如使用10 2 磅的字号，行距分别为4磅或8磅。 设计中与字体相关的知识 在电脑平面设计中我们常遇到这样的情况，如:字体显示与设计时选择的字体不相符;应用程序需要系统中不存在的字体;由于字体的原因导致输出叠印或紧排;使用黑体或斜体字在输出时丢失了字体本身的风格等。 要解决这样的问题，首先我们必须得了解有关于字体方面的知识。 点阵字体 显示在荧光屏上的字符所使用的字体称为显示字体，在较早的计算机中使用的字是采用点阵的方法生成的，通常显示时采用16?16点阵的字库，而打印时则使用24?24点阵或40?40点阵的字库。点阵字库存在的最大问题是显示或打印超过相应字库点阵数的字符时字符边缘会出现锯齿状的失真，使显示和打印的质量下降，因此这种点阵字体现在已经很少使用。 在“控制面板”的 “字体”图标上双击，进入“Fonts”窗口，在众多字体中有“A”字样的字体就是点阵字体。如图所示。 矢量字体 矢量字体是一种采用矢量方式生成字符的轮廓，也叫轮廓字。矢量字体与分 辨率和点阵数无关，矢量字体不管字号有多大，计算机都能计算特定尺寸下的字的形状，并保证高品质的显示与打印输出。矢量字体是一种采用矢量方式生成字符的轮廓，也叫轮廓字。矢量字体与分辨Windows操作平台中常用的True Type(真字体)、MAC平台常用的Adobe Type1字体和Postscript字体都是矢量字体。矢量字体是一种采用矢量方式生成字符的轮廓，也叫轮廓字。矢量字体与分辨打印字体与显示字体可相同也可以不同，在MAC平台下，每种字体由显示字体和打印字体构成，而在Windows操作系统中，不再使用点阵字体，而是用标有“T”字样的真字体作为显示和打印字体。 文字设计的基本要求 1( 统一风格 字体设计最重要的准则是必须对字体作出统一的形态规范。文字在组合时，只有在字的外部形态上具有了鲜明的统一感，才能在视觉传达上保证字体的可认性和注目度，从而清晰准确地表达文字的含义。如在字体设计时对笔画的装饰变化必须以统一的变化来处理，不能在一组字中每个字的笔画变化都不同、各自为政，这样就会破坏文字的统一美感，给人感觉 七拼八凑、缺乏系统设计的感觉。 2(笔画统一 字体笔画的粗细要有一定的规格和比例，在进行文字设计时，笔画粗细、形式应该统一，字体的变化尽量不要过多、过花，这样会导致失去整体的均齐感，给人一种乱糟糟的感觉。 掌握好字体笔画的粗细是使字体在统一与变化中产生美感的必要条件，其实字体的设计多数也是在笔画上下功夫，字体笔画的粗细一致与字体大小的一致一样，都不是绝对的，因为其中尚有一个视觉修正问题。例如汉字中的全包围结构的字，就不能绝对四边顶格，否则会感到它比周围其他的字大，若往内适当地收一下，在视觉上就会与周围的字感到一样大小了。一组字中，横笔画多的字，要作必要的笔画粗细的调整才会均齐美观，与其他字统一。只要认真掌握这些规则，就能基本上保证文字设计取得成功。 3(方向的统一 方向的统一主要有个方向含义:一是指字体自身的倾斜笔画处理，每个字的倾斜笔画都要处理成同一斜度，以加强其整体统一性;二是字组整体的动感，一般一组字体统一作方向性的倾斜效果。首先要使一组字中的每一个字都倾斜向同一方向，以形成流畅的线条;然后作单个字中的笔画处理时，也要尽量保持倾斜度相同，这样才能保证既变化又统一。 4(字间距统一 字体的统一与否不能只从形式、笔画粗细、斜度的一致性入手，字体笔画空隙及字与字间的间隙的均衡也起着决定性的作用。笔画间的空隙均衡分配，才能使字体更统一。文字繁简程度不同，笔画多或笔画少的文字字距空间的处理难度都较大，应多观察比较，确保视觉上的统一，不能以绝对空间相等来处理。笔画少的字内部空间较大，处理时应适当缩小内部空间，才能与笔画较多的文字达到统一。字间隙处理得当是保持字体紧凑、有力、形态美观的重要因素。 文字的编排形式 1( 竖排与横排 文字在平面设计中根据需要可以采用横排和竖排的形式，一般以横排的形式居多，横排文字左起至右，连续的文字排列可形成水平线条的视觉效果。竖排的文字一般从上至下，具有古典的感觉，也可产生垂线的感觉。文字的编排不管采用哪种形式，都要以规整、美观、大方为标准，在具体的设计中可根据需要采用不同字体或不同字号进行排列，但一定要注意不要破坏整体的效果。 2(图文混排 较多文字与图片的混排一般多出现在报刊杂志上，会给人产生图文并茂的感觉。采用文 本绕图，文本穿越等穿插形式来表现。 3(自由式的编排 自由式的编排是打破了文字排列的惯例，根据设计内容与表现形式的需要，凭借设计者的构思自由发挥，使排版形式灵活、有变化。但是，总体的要求还是要保证排列的整齐与完整。 4(标题文字的编排与风格 标题是设计作品中较醒目的部分，它应该具有较强的引领性，诱导读者阅读正文内容。在招贴广告等作品中，标题往往起着画龙点睛的作用。 案例分析 这里的标题 作品中的文字标题居画面 具有引线的作的上中部分，文字的排列采用 用，而且在视觉对称式，更加强了画面的稳定 上也起到了平性视觉效果。 衡画面的作用。 标题以竖排形式置于画面的左上部，是为了不破坏三角形的画面 构图，同时采用黑色文字，与红色的大背景产生鲜明的对比，标题 中的“sars”采用白色横排，与其他的文字产生方向及色彩上的对比， 形成了更加突出主题的效果。 版面设计中图片的编排形式 版面设计在网页设计、装帧设计等方面都是非常重要的一个元素，版面设计也是体现设计师内在艺术素质的关键点。在版面设计中除了文字和图片是最重要的构成元素，图片的质量、形式及编排，也直接影响到文字的编排，所以处理好图片及编排也是非常重要的。 一、版面设计中的主要图片形式 1(方形图片 版面设计中最常见的图片形式就是方形的图片了，我们从数码相机、扫描仪或其他途径获得的图片大多是方形，这种图片形式可以做到任意的组合排列，构成的版面一般比较端庄、稳重、大气。 这是www.deluxeinc.com网站的一个版面设 计，版面中运用了多个方形图片拍成一线，与下 面的文字和黄色线条形成色彩和虚实对比，整个 版面现代、理智且稳定。 2(出血式图片 出血式图片就是图片充满整个版面，没有边框的限制，这种图片会给人一种向外扩张的感觉，让人联想到画面外还有其它的内容。 3(褪底图片 褪底图片是将图片做了精心的处理，保留需要的部分，去处多余的部分。这类图片应用起来比较自由灵活，能够突出图片的主题。保存这类图片要选择有透明通道的格式，如TGA、PNG、GIF格式等。 褪底图片 图中树叶做了褪底处理，在图片编排时就能够比较灵 活，可以介入其他构成区域。 4(化网图片 化网图片一般是经过电脑处理的图片，多是作为背景衬托的，图片比较模糊、低调、浅淡。 5(特殊图片 特殊图片多是由一些与创作意图相关的图片经过修饰、组合后形成的图片。 化网图片 特殊图片 二、 版面设计中图片的编排 1( 图片的组合 图片的组合是把多张图片以构成的语言及形式组合在一起，形成新的图像信息传递给观众。主要包括散点式组合和块状组合两种形式。 散点式组合的特点是图片与图片的编排构成相对较分 散、随意，自由空间比较灵活，往往给人轻松愉快、自然清 新的感觉。在编排中应注意“形散意联”，不要为追求灵活而 失去主题，散点式组合在排版印刷中应用较多。 散点式组合 将图片组合后贯穿 整个版面，形成分割式布 局，既在形式上增强了视 觉冲击效果，又做到图文 交替式的展示文章内容， 这种组合方式也较多见。 块状组合 2. 图片的排列 在一幅平面设计作品中，图片是传递信息的重要途径，有序排列的图片是引导读者了解作品内容的重要手段，同时图片的排列还能够产生系列效果和延续的作用，在系列的包装、 广告、CIS视觉传达、书籍装祯等设计中，常采用这种图片组合方式来显现设计的整体与统一。 招贴广告设计的要素 一、广告的概述 广告的含义为“一个人注意到某事”，后来变为“引起别人的注意”、“通知别人某件事”。世界上通用Advertise一词，约在17世纪英国商业的兴旺时期。而把禁止的Advertise演进为广告活动Advertising,，则就有现代广告的含义。在经历了莫里斯的工艺美术运动，包豪斯的设计革命洗礼，现代设计终于脱下了工艺美式的外壳，以崭新的生命姿态面对未来。其中广告和平面设计尤为活跃，已渗入到社会的各个层面，很难想象没有广告的现代社会将会是什么样。 招贴广告是广告中重要的一部分内容，招贴(poster)也称“海报”，通常指单张形式、可张贴的印刷广告，也可以是一系列的广告分阶段的推出，它是最古老的广告形式之一，它的优点是信息传播及时，制作简便，现在多以电脑设计为主，成本费用较低，在印刷过程中数量也可以控制。 二、 招贴广告的分类 招贴可分为公共招贴和商业招贴两大类，公共招贴以社会公益性问题为题材，例如纳税、戒烟、计生优生、竞选、招标和招聘、号召义务献血、交通安全、环境与资源保护、呼吁和平、文体活动宣传、会议宣传等。 公共招贴 公共招贴 商业招贴 商业招贴 商业招贴则以直接宣传企业形象、促销商品及商业服务，满足消费者需要的内容为题材，例如产品形象宣传、品牌形象宣传、企业形象宣传;商业会展、交通、邮政和电信服务及金融信贷服务;产品信息和销售信息等。随着当今的广告媒介越来越多样化，招贴的首席宣传效率地位早已被夺去。但是在市场经济日益发展的今天，作为一种直接而自由的广告形式，商业招贴还是占有一席之地的。 三、 招贴广告的构成 1(招贴广告中的文字 文字是构成广告画面的主要因素之一，几乎任何视觉媒体、任何广告形式都离不开文字的表达。 在这一招贴中运用英文“SOS”这种求 这幅招贴运用了中国毛笔字救信号来表示地球仪濒临危机，字母“O”的枯笔效果，体现了水之源的紧用地球作了替换突出了主题，招贴中文字与缺，突出了招贴的主题。所以，画面有机的结合为一体，他们相辅相成互为广告画面如果缺少了文字内容，补充。文字在颜色上整体处理为红色，有警便会孤掌难鸣。 示读者的作用。 2(招贴的图形 招贴当中图形的运用可以表现出更深一层的意念，沟通人们的心灵，使主题一目了然。 图形在招贴中的作用可以说是举足轻重的，同时图形具备了视觉设计的绝大多数基本要素，它的设计表现技法比其他媒介更广、更全面，更容易让大众接受，它在视觉传达的期求效果上最容易让人们产生深刻共鸣。 用树根中年轮的形成与婴儿胚 表现的是对动物的保护，我们人类胎的形状相结合体现主题“共生”，不能为了满足自己的私欲和享乐而去残体现了人与自然的息息相关。这样的害动物，把孔雀的羽毛做成扇子虽然好图形表现了更深一层的意念，唤醒人看但真的很残忍，孔雀的身体用血来表们更多的联想。 现太有冲击力了。 3(招贴的色彩 色彩是招贴广告表现中的又一重要因素，它与消费者的生理和心理反应密切相关。人们对客观环境的认识，人们的感情活动都与色彩联系在一起。因此，招贴广告中的色彩既有具体物象的再现，又有设计师主观的感情色彩。招贴中的色彩对商品具有象征意义。通过不同商品独具特色的语言，使消费者更容易识别和产生亲近感。广告色彩的功能是向消费者传递一种商品信息。中国人常说:远看颜色近看花，这说明色彩是最先映入眼帘的。不同的颜色给人以不同的色彩感觉，不同的色彩组合运用能产生不同的对比作用。 保护环境的公益广告，地球变成 运用借喻，把保护绿色比喻为“钟身了流沙，其实也是在呼吁大家保护绿大事”，背景采用大面积的空白，突出了色但与图5.9的表现方法截然不同，被绿叶覆盖的“钟”的形象，这里的色彩画面以红色为主调给观众以警示，突突出了保护绿色的主题。 出了危机感，说明保护环境迫在眉睫。 招贴设计的创意 创意的本质就是改变，创意在转变我们的观念，改变我们的生活。从"告知消费者"的直接广告观念，转化为"注意消费者"的人性化创作，这种转化的原因就是创意策略的指导所为。 1( 直接展示 商品特性的直接表达是招贴表现中最基本的形式。它直接将品牌商品的特性作为传达内容，从正面向消费者陈述。这是一种开门见山的表现手法，可以在最短的时间内吸引消费者。 2( 突出特征 招贴创意的表现最终是以视觉形象来传达的，是通过代表不同词义的形象组合，使创新的含义得以连接，从而构成完整的语言进行信息传播。招贴在进行表现时,创意的形势和内容是一件招贴作品成功的要素，当我们有了好的思维方式，寻求到了创意内容，自然也需要 好的视觉表现。图5.20为第四届全国大学生视觉设计大赛获奖作品，作者在表现2008年奥运时突出了中国的特征，华表代表着中国，她是中国历史的象征。图5.21名为《巴黎》是艺苑星光之平面设计的获奖作品，作者以巴黎最具有代表性的埃菲尔铁塔为主要创作元素，以高跟鞋、购物袋及宠物猫等辅助元素突出了表现了巴黎的时尚、天高云淡、悠闲自得及购物天堂等特征，画面以最简单轻松的方式传递了作者要表达的信息。 3(合理夸张 夸张的招贴构思新奇，立意独特，能给人留下极为鲜明深刻的印象，达到真正的创意突破，但并不是追求形式感的怪诞，而是追求真正的内涵。图5.22名为《作茧自缚》作者陈日红在艺苑星光之平面设计大赛中获奖，作者应用夸张的鼠标线缠绕在鼠标的周围，形成茧的形状，其中的含义耐人寻味。《日新月异》图5.23是第四届全国大学生视觉设计大赛获奖作品，获得未来设计师金奖，作者运用夸张的手法在月亮上投影了东方明珠等代表性建筑的剪影，说明了我国经济发展的速度之快，图中的"日"与"月"的影像直点主题，做到了内涵与主题达到了内容与形式上的统一。 4(安排悬念 现代的招贴广告创作已从告知消费者转变为为他们的需要而创作，为他们的欲望而塑造，广告不仅是在推销产品，更是在推销一个概念、一个形象。下图5.24，5.25是品牌 "swatch"手表的广告，创意中蕴含了悬念，以扑克牌，卫生间入口等反传统的造型向消费者传递"swatch" 手表的时尚、刺激、休闲、自在等品牌的形象。 招贴广告的功能特征 1(招贴广告信息传播面广 传播信息是招贴最基本、最重要的功能，无论是商业 招贴，还是公益类招贴都充当传递信息的角色，张贴面广， 容易引起注意。 2. 有利于视觉形象传达 竞争作为市场经济的一个重要特征，对于企业来说是 一种挑战，也是一种动力。当今企业与企业之间的竞争， 主要表现在两个方面，其一是产品内在质量的竞争，其二就是广告宣传方面的竞争。随着科技水平的不断提高，产品与产品的内在质量差异性将愈来愈小，各企业将愈来愈重视广告宣传方面的竞争。招贴作为广告宣传的一种有效媒体，不仅可以用来树立企业的良好视觉形象，而且还能提高产品的知名度，起着开拓市场，促进销售，利于竞争的作用。 3. 审美作用 招贴作为一种"说服"的艺术，绝不能以某种强制性的理性说教来对待读者，而应首先使读者感到愉悦，继之让读者经诱导而接受招贴宣传的意向。所以，现代招贴都极讲究审美效果。具体说来，招贴的审美作用表现在三个方面:首先，招贴的形式生动活泼，往往图文并茂，易引起消费者注意;其次，招贴广告语经艺术处理，一般言简意明，因而易于记忆，易于形成牢固的印象。第三，招贴在发挥其应有的说服作用时，通常是以软性感化的方式来进行的，而不是用强行灌输的方式来进行的，所以，在心理上，消费者易被其意念同化。 招贴设计的版式构成 一、图片与文字 图片与文字可以说是分不开的，图片可以说是招贴中最引人入胜的部分，是吸引视觉注意的重要因素之一，它能简洁明确地传达设计思想，能使观众一目了然;文字是构成招贴画面的主要因素之一，任何形式的招贴都离不开文字的表达，文字对招贴画面起着辅助作用，缺少了文字的招贴有时不能完全的表达创作意图。所以图片与文字的关系是相辅相成，密切相连的。 两幅招贴都是文字与图形的有机的结合。 二、版式构成 1(标准型 标准型是招贴中常见的构图形式，它是以对称为主的构图形式，其中包括中心对称和左右对称。 都是标准型的构图，这种版式特点是稳重，适合做公益广告的版式构成。 2(斜置型 斜置型构图突破传统的标准形式，视觉上比标准型更据有冲击力，很容易吸引住观众的目光，更能激起观众的兴趣。 两幅招贴都是斜置型构图，以斜向的图形突出了"禁止"的内涵，配合图形的内容起到了较好的警示作用。 3(文字型 文字是人类特有的符号，文字不仅有直接的信息意义，同时文字还传达一种联想)想象，每个字都含有一定的字意空间，文字首先告诉你一些事，然后文字可能会给你一些解释和想象，这就是文字特有的魅力，可以说文字的字意空间是巨大的。 4(直立型 直立型的招贴大多是以轴对称构成的，画面特点简洁，稳定。 以直立的可口可乐瓶的造型和清 画面中轴线为阶，表现了 澈的天空突出了宣传主题《纯净》，减转变过程的递进性。 少了其他的干扰元素。 包装的设计构思与表现形式 1.包装设计的构思 包装设计是一门综合艺术，是与商品、生产、销售、消费者紧密相联系的。设计者必须充分了解掌握以上因素的内在联系，方能确立自己的设计构想，进行准确的“设计定位”。 包装设计的构成因素是固定的品名、商标、商品形象、产品说明、厂名、厂址、条形码等等，以上因素如何在已确定的尺寸规格的画面空间里，完美无缺地组合在一起,表现什么内容,突出什么内容,加强什么内容,色彩和图形如何布置与组合等等，这个过程就是构思的过程，即设计过程。设计者要清楚这个商品是针对哪个阶层、哪个群体的，还要清楚他们的接受层次和欣赏水准是什么,这样设计的针对性和目的性就非常明确了。了解掌握了以上情况以及商品的性质、功能等因素之后，设计者就可以选择一种最能反映和表现这一商品特点，并且能为消费者所喜爱的和接受的表现形式，进行整体构思。 包装设计的促销功能，要求设计者必须具有创造性的思维，以独特感人的形式将商品的特点表现出来，让商品通过激烈的市场竞争，获得消费者的认可。在设计构思的过程中，要放开思路，大胆探求新颖独特的表现手段，构思方案尽可能多一些，最后经过推敲筛选出最佳方案。 1(包装设计的构思须注意的有: ? 突出主体，抓住商品这个主体，突出它的形象、品牌、品名，并尽可能反映出它的个性特征。 ? 以人为本。不仅要求设计满足基本的功能性，还要从人的生理及心理舒适方面协调出发，目的是通过设计“创造更合理的生活方式”，设计出与人、与社会与自然和谐协调的产品包装。 ? 形式要服从内容:运用各种不同的艺术处理方法和各种不同的表现形式为内容服务。 ? 构思要有创意，独具风格，要从别人尚没有意识到的环节中进行构思设计，以最鲜明而富有表现力的形式去表达商品的内容，给人以感染力，吸引消费者。 ? 充分考虑包装本身的牢固程度，以及运输储藏的条件限制。 2(包装设计中画面的主体形象表现，主要有以下几种: ? 突出商品的自身形象 画面的主体为真实或抽象的商品的自身形象，一般为摄影手法表现居多，尤其食品、饮料等包装，以食品香甜的诱惑力冲击人们的视觉。此种表现比较直观、醒目，商品形象真实、生动。 2.突出商品的使用对象 画面以具体形象展示其商品的使用对象，如女士用品、男士用品、儿童用品、老年用品、宠物食品等。 3.图形与抽象的表现手法 此种表现简洁明快，层次分明，丰富饱满，现代感强。此种表现形式应注意图案选题和整理，要不落俗套。同时处理好画面的分割和黑、白、灰及色调的关系。(如图6.13) 就包装画面的表现形式而言，不外乎以下几种: 绘画的表现手法:在包装设计当中，绘画始终是一个很主要的表现形式。绘画表现法根据整体构思可以采用写实的或写意等不同手法，但无论如何表现都不应离开商品这个主题。绘画表现手法直观性强，欣赏趣味浓，给人以亲切、自然的感受。是宣传、美化、推销商品的较好手段。 , 摄影的表现手法:摄影的表现手法能给消费者最为直观的视觉印象，能在商品包装 的画面上突出表现商品的真实形象。好的摄影表现能给人一种强烈的真实感和艺术 感染力，使产品达到更加完美的理想效果。 , 应用计算机现代技术:利用计算机进行商品包装的设计，既省时，又省力，效果又 好。它即能表现出抽象写意的点、线、面、色块或肌理效果，又能达到甚至超过手 绘的超写实效果，它可以将绘画和摄影的综合在一起，也可以独立创作完成，应用 计算机创作出来的包装设计作品会给人一种强烈的艺术感染力。 包装设计中的色彩运用 包装设计中的色彩要求醒目、对比强烈，这样才能有较强的吸引力、号召力和竞争力，唤起消费者的购买欲望。各种商品都有各自的倾向颜色或称属性色调，设计者要熟练掌握色彩的基本规律，合理地运用色彩搭配，才能创作出出色的、与产品协调的包装设计。 一、采用同类色与异类色 把包装的色彩与商品的固有色彩相吻合，就是商品的同类色。同类色带给消费者的直接印象就是有利于消费者的辨认，促进商品的销售。 异类色是采用与商品固有色相对应的色彩来造成一种反传统的、现代意识浓烈的气势。目的是为了突出品名、商标以及商品形象。 二、采用对比色与调和色 调和的色彩能使两种或两种以上的色彩配置在一起产生和谐、舒适的感觉。调和也有明暗调和、色相调和、明度调和、纯度调和、冷暖调和、黑白反差调和等。 对比色能够有效地烘托主题，衬托商品的品质与特征。对比的方式主要有明度对比、色相对比、纯度对比、冷暖对比等。 三、单纯色与强化色 包装版面的色彩视觉效果强弱，并不取决于色彩的多少。色彩的滥用，反而会显得哗众取宠。往往色彩越单纯，越能够获得最佳的吸引力，越能显示产品的高贵与典雅，这是视觉传达的重要特征与最高境界。 在包装的版面中运用强化的颜色来强调商品的某一品质特征，具有夸张、醒目的视觉冲 击力，从而达到刺激、迅速决定购买的目的。 四、系列色与统一色 将商品包装中的色彩，采用系列化手法，统一于版面中，形成强烈的视觉识别作用。 值得注意的是，商标、品名、企业标准色、标准字均应做到色彩统一、形式一致， 以此来获得特色鲜明的视觉识别效果。 包装的设计构图 构图是构思的具体化，设计者通过对内容的理解加以组织，使之成为具体的包装设计构图方案。 在构图处理中，设计者要从包装的整体形象出发，统筹安排牌名、品名、图形、色彩等因素，既要突出主题、主次分明，又要层次丰富、条理清楚，并且要符合构图的基本法则，如宾主、均衡、对比、调和、统一等规律。包装设计的画面构图形式主要有: 1. 垂直式(直立式): 给人以严肃崇高、挺拔向上之感。此种构图结构顶天立地，颇有分量，运用均齐或平衡手法，也可在局部施以小的变化，活泼调节画面，打破其呆板、单调感。 1. 水平式: 安静、稳定、平和。要处理好水平线的分割，同时要在平衡中求变化。 三、倾斜式: 给人一种方向感，或由下向上，或由上向下，以方向的律动形成动感，抓住人们的心理， 改变人们的视觉平衡。 四、弧线式 弧线骨格包括圆形、S形和旋转式。此种类型在设计上应用较广。它在画面中形成了圆润活跃的律动结构，视觉冲击力强，体现了画面的生命力，增加了画面的空间感，给人以想像力。 五、三角式 视觉刺激较强，画面分割明显。可根据不同的内容与构想灵活运用正三角、倒三角或侧三角。在构图处理中，三角形与文字、图形有机配合，增加了画面的空间感和美感。 六、散点式 结构自由奔放，使画面充实饱满，空间感强，但应用不当会使画面失去中心，失去韵律 感。因此，要处理好结构的聚散分布、空间的相互联系和面积的比重。 七、求方式 求方式的骨架实际上是指画面中垂直与水平式的组合，稳重、和谐。处理时应注意面积大小和放置位置的巧妙变化，以打破呆板的格局，使画面在平衡中求得活跃的视觉效果。 八、中心式 把要表现的主要内容置于画面的中心位置，形象集中突出，层次感强且丰满 ，要注意主次之分以及色调的调节，图形、文字等位置放置得当，力求画面丰富和谐，有收有放。 九、空心式 与中心式骨架相反，将主要或大部分内容置于画面四周的边缘位置，中心呈现空白，使 整个画面空间扩大化，激发读者的好奇心理。 十、格律式 将画面分割为多个空间，在所形成的面积中处理文字和图案等，利用线和面的组合构成有规律的画面，给人以韵律感。 十一、重叠式 多层次的重叠，使画面丰富、立体，具有层次和律动感。处理时应注重色相对比和黑、白、灰效果，层次多而不乱。此结构在食品中应用较多。 以上的构图手法只是一般的构图规律，在具体设计中，应灵活应用，使其设计新颖生动。 企业视觉识别(VI)系统的基本特征 企业识别系统CI是由三个基本内容构成的，即企业理念识别MI(Mind Identity)、企业行为识别BI(Behavior Identity)、企业视觉识别VI(Visual Identity)。也就是说，企业要有明确的经营理念MI，并把这种经营理念贯彻到生产、营销、职工教育活动中 ，三者缺一不可。 BI，同时以一定的标准字表现出来VI 企业视觉识别VI(Visual Identity)系统是企业识别系统构成因素之一，VI是以视觉传播方式将企业理念与企业行为有机的建立在完整的视觉组织上，有 计划 项目进度计划表范例计划下载计划下载计划下载课程教学计划下载 的传达出来，树立统一的企业形象。视觉识别是传播体系之上的，通过设计、媒介传播向大众传达信息，体现企业的基本理念和统一的形象。 视觉识别以静态的识别符号具体化、视觉化的传达企业信息，效果直接，项目多样，层面广泛。VI主要包括两个操作要素特征: 1. 基本要素 企业名称 企业品牌标志 企业品牌标准字体 企业专用印刷字体 企业标准色 企业造型象征图案 企业宣传标志口号 市场行销 报告 软件系统测试报告下载sgs报告如何下载关于路面塌陷情况报告535n,sgs报告怎么下载竣工报告下载 书 2. 应用要素 办公事务用品 招牌、旗帜、标志牌 建筑外观、橱窗展示 员工制服 交通工具 产品设计 包装用品 广告宣传 展示、陈列 户外应用 在企业的视觉识别中，设计要体现统一性，对所有的设计要素进行识别化、标准化的设计，设计的象征意义蕴含要与企业形态传播特点相符，能够表达企业精神并给人以深刻的印象，要具有一定的促销潜力，符合时代的发展特征。 视觉设计中的基本要素 一、 标志设计 标志，使用特定的明确的造型、图案、文字、色彩来表示某种事物或象征某种事物的，它不仅具有作为事务存在的单纯性指示作用，而且包括了目的、内容、性质的总体表现，标志就是将事物、对象、抽象的精神内涵，以具体可见的形象表现出来。企业标志，是从事生产或经营活动的经营者的标志。它通过造型单纯，图文明确，统一标准的视觉符号，将企业的理念、公司的规模、经营内容、产品的性质等因素，传达给消费大众，以资认同识别。企业标志设计不同于一般的商标，它必须能传达企业理念、企业精神，以MI为核心的原则，突出企业形象的个性化。标志寓意要准确，名实要相符，简洁鲜明富有感染力;标志的设计要相对稳定，符合时代的潮流。它的造型应优美精致，符合美学原则，这些都是理想标志设计所必需具备的设计原则。 标志取名要简洁、标准、创新、高雅、响亮，这样才能避免和其他企业名称的重复、雷同，又能具有冲击力、影响力，做到“名正言顺”。索尼公司的SONY是英文的组合创意，既有“声音”、“可爱”、之意，又要避免雷同，为索尼公司树立名牌奠定了基础。企业名称与产品品牌和以有利于树立企业的形象，突出了产品宣传，提高了广告效果，因为高频度、高强度的统一名称的不断出现，自然会加深公众的知名度和印象。 企业标志在激烈的市场经济竞争中，扮演着越来越重要的角色。企业在创办之初，最主 要的事是设计一个符合企业经营观念或产品内容的企业标志，然后再以企业标志为中心建立一套完整的企业形象视觉识别计划。在此，应用最广泛，出现频率最高者，首推企业标志。标志不仅具有发动所有视觉要素的主导力量，也是统一所有视觉设计要素的核心。更重要的是，标志在消费者心目中是企业、品牌的统一，集中的表现了企业特征和商品的外部形象。 二、标志设计的原则 标志设计不仅是实用物的设计，也是一种图形的艺术设计。它与其它图形艺术表现手段既有相同之处，又有自己的艺术规律，标志设计应在下面一些原则的基础上进行。 设计应详尽明了设计对象的使用目的、适用范畴及有关法规等有关情况和深刻领会其功能性要求的前提下进行。 1. 设计须充分考虑其实现的可行性，针对其应用形式、材料和制作条件采取相应的设 计手段。同时还要考虑其它视觉传播方式的应用(如印刷、广告、映像等)或放大、 缩小时的视觉效果。 2. 设计要符合作用对象的直观接受能力、审美意识、社会心理和禁忌。 3. 构思应慎重，寓意深刻、巧妙、新颖、独特，表意准确，能经受住时间的考验。 4. 构图要凝练、美观、适形(适应其应用物的形态)。 5. 图形、符号既要简练、概括，又要有高度的艺术性。 6. 色彩宜单纯、强烈、醒目。 三、标志的表现形式 标志设计的表现形式应该说是丰富多样的，而且随着科学技术水平的提高和人们文化层次的提高，标志的表现形式也在不断发展创新。不过，归纳起来较常见的表现形式不外乎具象形式、意象形式、抽象形式三种。 1.具象形式:这种形式基本忠实于客观物象的自然形态，经过设计者的提炼、概括和简化，突出与夸张其特征本质，作为标志图形。这种形式具有易识别的特点。 2.意象形式:这是一种以某种物象的形态为基本意念，以装饰的、抽象的图形或文字符号来表现的形式。如下图宜华家装设计室标志，以一支设计师的铅笔折成房屋的轮廓，概括、形象的将设计室的性质展示给观众，使人看后记忆深刻。 3.抽象形式:以完全抽象的几何图形、文字或符号来表现的形式。这种图形往往具有深邃的抽象含义、象征意味或具神秘感。如(图7.3)北京应急避难所标志以给人最稳定感觉的三角形象征其安全可靠性，又以内部的曲线说明避难所的舒适及人性化。网址文字不仅提示人们如何了解避难所的信息，同时更具有强烈的现代感和符号感，易于记忆。 四、标志的表现方法 1.秩序化手法:均衡、均齐、对称、放射、放大或缩小、平行或上下移动、错位等有秩序、有规律、有节秦有韵律地构成图形，给人以规整的秩序感。 2.对比手法:色与色的对比，如黑白灰、红黄蓝等;形与形的对比，如大中小、粗与细、方与园、曲与直、横与竖等，给人以鲜明感。 3.点线面手法:可全用大中小点构成，阴阳调配变化;也可全用线条构成，粗细方园曲直粹用块错落变化;也可纯面构成;也可点线面组合交织构成，给人以个性感和丰富感。 4.矛盾空间手法:将图形位置上下左右正反颠倒、错位后构成特殊空间，给人以新颖感。 5.共用形手法:两个图形合并在一起时，相互边缘线是共用的，仿佛你中有我，我中有你，从而组成一个完整的图形(1+1=1)，如太极图的阴阳边缘线共用，"a"中间套个地球，"a"的内沿线与地球边线共用等，给人以奇异感。 前面所讲都是一些常见手法，在设计中还需不断挖掘和创新,寻找更好的创作根源。具有构思，适宜表现形式和手法，还应注意整体的美感，好的标志，不仅要有独创性，还要具有强烈的艺术美。 五、其他基本要素的设计 1. 企业字体设计 标准字是企业识别中视觉要素之一，应用广泛，出现的频率较高，在所有的应用设计中几乎都会出现。标准字的设计不仅是信息传达的手段，也是视觉传达表现的一种不可缺少的要素。标准字与普通铅字书写的最大区别在于标准字出了造型外观设计上的差异处，更在于文字之间的设计关系。标准字的设计师根据企业名称、品牌名称、活动主题、广告口号等精心设计创作的。通过对笔划和字距的设计在配置、线条的粗细做统一的造型要素的精心制作， 在文字的配置关系中经过视觉的调整修改设计来取得空间的平衡和结构上的和谐。 2.企业象征图形 象征图形在企业VI设计具有辅助的功能和作用，与其它的基本要素保持宾主关系。企业象征图形强化了企业形象，增强了VI的展开运用，丰富了线或面的造型特征，提高了整个VI的适应性与力动感。企业的象征图形是强化基本视觉要素特征而展开的一种设计要素，它不是纯装饰的图案，是企业基本视觉要素的拓展。 企业象征图形的设计题材: 其一，以企业标志的造型为开发母体。 其二，以企业标志或企业理念的意义为开发母体。 STUDIO11音乐工作室的VI设计中就应用象征形加强了视觉的识别性，同时在其他宣传方式中象征形以它特有的造型起到了象征意义，作为一个构成元素象征形在VI设计中发挥着重要的作用。 1. 企业的吉祥物 企业造型角色要素之一，是为了强化企业性格、诉求产品特征，而设计的漫画式的人、动物和植物及非生命物的角色。本身有强烈的个性或显著的特征，容易与其它物和人识别区分。 在整个企业识别设计中，吉祥物设计以其醒目性、活泼性、趣味性，越来越受到企业的青睐。利用人物、植物、动物等为基本素材，通过夸张、变形、拟人、幽默等手法塑造出一个亲切可爱的形象，对于强化企业形象产生不可估量的作用。由于吉祥物具有很强的可塑性，往往根据不同的需要设计不同的表情、不同的姿势，不同的动作，在应有过程中更富有弹性、更生动、能达到过目不忘的效果。如王东晟设计的LG空调卡通形象、摩托罗拉小狗设计都体现了吉祥物的特征。 LG空调卡通形象 摩托罗拉小狗 CCTV动画城吉祥物早已成为家喻户晓的宠物，小朋友们都非常喜欢，都渴望拥有此吉祥物。联想1+1专卖店吉祥物以电脑为原型设计了此形象也备受大家喜欢。 CCTV动画城吉祥物 联想1+1专卖店吉祥物 大连和平广场吉祥物诺吉倍受大家欢迎，形象可人同时又体现大连的地域特色以海星为基本形创作，在和平广场的宣传活动中起到了很好的作用。新新家园房地产吉祥物新新鸟也是很成功的案例之一，用鸟做基本形体现腾飞，有蒸蒸日上的寓意，形象可爱调皮应用性较强，同时体现环保和绿化的重要性。 大连和平广场吉祥物 新新家园吉祥物 企业视觉识别(VI)整体规划设计案例 湘味香餐饮有限公司的VI(企业如识别体系)基础部分，主要由标志设计、标准色彩组成。基础部分是整套VI体系的核心部分，是企业整体形象的关键所在。应用部分是将基础部分中的标志、字体和色彩应用延伸至企业的各个领域中。应用部分主要由餐厅用品、公共环境、车体和服饰等几部分组成，通过将基础部分中的多种组合形式在以上部分中的应用，结合各种材料的选择，使企业构成一套完整和统一的视觉形象。 标志设计是以鱼、稻谷为设计元素构成整体造型，鱼和稻谷寓意洞庭湖畔。三湘四水.鱼米之乡突出了湖南特色，鱼和“余”是谐音字，具有年年有余之意，同时有“鱼水情”之内涵，象征连锁机构具有美好的发展前景。运用红色为标志的主打色，表现蒸蒸日上，红鱼代表吉祥体现中国特色，表下方用蓝色，表现水了的特点，是鱼水之情的完美结合。 标志的制作 1(在应用Illustrator软件制作之前也要先设计草图，扫描输入电脑后作参考使用。选择[文件—新建]菜单命令，新建一张A4的纸，设置参考下图，将扫描的草图导入新建的插图中。 2(用工具箱中的钢笔工具 ?绘制造型，在绘制之前打开网格，选择视窗>显示网格，拖出辅助线定义尺寸，参照标志草图用钢笔工具在网格上绘制如图。 3. 在颜色面板中调颜色色值为C90、M90、Y20、K0,用鼠标点中蓝色色块拖到色板中。 再调出C0、M75、Y100、KO，如上图的颜色，用鼠标点重桔红色色块拖到色板中，参照下面图的效果，把要用的颜色加到色板中在使用中很方便，后面的应用该色彩时直接到图形中拾取就可以了。 4.将红色与蓝色分别添加在标志的上半部和鱼眼及代表水的部分，效果如图。标志的部分就制作完成了。 注意:过程虽很简单但在使用钢笔工具绘制贝塞尔曲线时要把握好造型，曲线要光滑流畅。 5. 接下来是字体的设计。由于市民俗味道较浓的设计，所以文字采用手写体，将手写文字扫描后置入Illustrator软件中，使用钢笔工具按上述方法将文字描绘出来，效果如图。 6.? 现在将标志和字体作标准结合，如图。 7(标准组合完成后还需完成整体的VI的组合。首先是做标志与文字的组合，然后添加 标准色及设计说明。效果如图。 8.湘味香餐饮有限公司VI视觉识别系统主要应用于就餐用具、服装、办公用品、车体、 户外广告等，在每一部分都应合理将视觉识别元素加以合理应用。 企业识别系统CI是由三个基本内容构成的，即企业理念识别MI(Mind Identity)、企业行为识别BI(Behavior Identity)、企业视觉识别VI(Visual Identity)。也就是说，企业要有明确的经营理念MI，并把这种经营理念贯彻到生产、营销、职工教育活动中BI，同时以一定的标准字表现出来VI，三者缺一不可。 书籍装帧的设计 书籍是人类文明进步的阶梯，给人们知识与力量。书籍作为文字、图形的一个载体的存在是不能没有装帧的。书籍装帧是指构成书籍的必要物质材料和全部工艺活动以及美化工作的总称,书籍的装帧是一个和谐的统一体。书籍装帧设计不只是为装饰美化一本书，而是将书籍内容和外在表现形式融为一体，书籍的内容是装帧设计的基点。? 书籍装帧既是立体的，也是平面的，这种立体是由许多平面所组成的。不仅从外表上能看到封面、封底和书脊三个面，而且从外入内， 随着人的视觉流动，每一页都是平面的。所有这些平面都要进行装帧设计，给人以美的感受。通过封面、环衬、扉页，步步接近正文。 这一连续的欣赏过程，犹如在游览中国的园林。进入园门，逐步引向深入，曲径通幽。最后进入正殿，在正殿中又透过插图这扇窗户，看到文字中所记载的主人翁的形象、活动、环境等。这种由外入内不断行进的过程，则根据不同类型，不同体裁风格的书籍内容。产生不同的韵律变化;感情色彩比较浓厚的文艺书，变化形态应大些、活泼些;而严肃的理论专著， 设计中则要求层次分明、有严谨的秩序感。 一、封面设计的立意构思 装帧设计具有“命题性”，它必须根据书籍的内容进行构思、创作，要在立意上多下功夫。设计者要设计出独特的艺术意境，就必须研究该书的内容和特点，把自己对书的认识、理解转化成设计的意象，而后寻求适合的艺术形式加以表现。 装帧设计中的封面设计是关键，在一本书的整体设计中具有举足轻重的地位。封面是一本书的脸面，是一位不说话的推销员。好的封面设计不仅能招徕读者，使其一见钟情，而且耐人寻味，爱不释手。封面设计的优劣对书籍的社会形象有着非常重大的意义,所以封面的设计构思就显得十分重要，要用最感人、最形象、最易被视觉接受的表现形式，做到构思新颖、切题，有感染力。 好的封面设计应该在内容的安排上要做到繁而不乱，就是要有主有次，层次分明，简而不空，意味着简单的图形中要有内容，增加一些细节来丰富它。例如在色彩上、印刷上、图形的有机装饰设计上多做些文章，使人看后有一种气氛、意境或者格调。 1. 封面设计构思时应考虑到的几个问题: a.形式与内容的一致。即装帧设计的形式要素，诸如开本、字体、插图、封面、 版式、纸张、印刷等要与书籍的内容、类别、读者对象等因素相适应，使设计与书籍的特定内容相统一。 b.装帧设计要使书籍的内部结构在体例、层次方面具有严谨性、整体性、系统性。 c.书籍装帧设计应具有个性化语言。要体现出不同的时代、不同民族、不同地区的文化特点。 d.装帧设计要考虑到生产工艺条件，应尽量采用先进的设备和技术，使设计意图能较好地体现出来。 2.构思的方法大致有以下几种: a.想象:想象是构思的基点，想象以造型的知觉为中心，能产生明确的有意味的形象。我们所说的灵感，也就是知识与想象的积累与结晶，它对设计构思是一个开窍的源泉。 b.舍弃:构思的过程往往想得很多，堆砌得很多，而且对多余的细节爱不忍弃。在设计构思过程中要对不重要的、可有可无的形象与细节，坚决忍痛割爱。 c.象征:象征性的手法是艺术表现最得力的语言，用具象形象来表达抽象的概念或意境，也可用抽象的形象来意喻表达具体的事物，都能为人们所接受。 d.探索创新:流行的形式、常用的手法、俗套的语言要尽可能避开不用;熟悉的构思方法，常见的构图，习惯性的技巧，都是创新构思表现的大敌。构思要新颖，就需要不落俗套，标新立异。要有创新的构思就必须有孜孜不倦的探索精神。 3.封面的文字设计 一般封面文字中除书名外，均选用印刷字体，故这里我主要介绍书名的字体。常用于书名的字体分三大类:书法体、美术休、印刷体。 a.书法体:书法体笔划间追求无穷的变化，具有强烈的艺术感染力和鲜明的民族特色以及独到的个性，且字迹多出自社会名流之手，具有名人效应，受到广泛的喜爱。 美术体: 美术体又可分为规则美术体和不规则美术体两种。前者作为美术体的主流， b. 强调外型的规整，点划变化统一，具有便于阅读便于设计的特点，但较呆板。不规则美术体则在这方面有所不同。它强调自由变形，无论从点划处理或字体外形均追求不规则的变化，具有变化丰富、个性突出、设计空间充分、适应性强、富有装饰性的特点。 c.印刷体:印刷体沿用了规则美术体的特点，早期的印刷体较呆板、僵硬，现在的印刷体在这方面有所突破，吸纳了不规则美术体的变化规则，大大丰富了印刷体的表现力，而且借助电脑使印刷体处理方法上既便捷又丰富，弥补了其个性上的不足，如图。 4.封面的图片设计: 封面的图片以其直观、明确、视觉冲击力强、易与读者产生共鸣的特点，成为设计要素 中重要部分。图片的内容丰富多彩，最常见的是人物、动物、植物、自然风光，以及一切人类活动的产物。 图片是书籍封面设计的重要环节，它往往在画面中占很大面积，成为视觉中心，所以图片设计尤为重要。一般青年杂志、女性杂志均为休闲类书刊，它的标准是大众审美，通常选择当红影视歌星、模特的图片做封面;科普刊物选图的标准是知识性，常选用与大自然有关的、先进科技成果的图片;而体育杂志则选择体坛名将及竞技场面图片;新闻杂志选择新闻人物和有关场面，它的标准既不是年青美貌，也不是科学知识，而是新闻价值;摄影、美术刊物的封面选择优秀摄影和艺术作品，它的标准是艺术价值。 5.封面的色彩设计: 封面的色彩处理是设计中重要一关。得体的色彩表现和艺术处理，能在读者的视觉中产生夺目的效果。色彩的运用要考虑内容的需要，用不同色彩对比的效果来表达不同的内容和思想。在对比中求统一协调，以间色互相配置为宜，使对比色统一于协调之中。书名的色彩运用在封面上要有一定的分量，纯度如不够，就不能产生显著夺目的效果。另外除了绘画色彩用于封面外，还可用装饰性的色彩表现。 色彩配置上除了协调外，还要注意色彩的对比关系，包括色相、纯度、明度对比。封面上没有色相冷暖对比，就会感到缺乏生气;封面上没有明度深浅对比，就会感到沉闷而透不过气来;封面上没有纯度鲜明对比，就会感到古旧和平俗。我们要在封面色彩设计中掌握住明度、纯度、色相的关系，同时用这三者关系去认识和寻找封面上产生弊端的缘由，以便提高色彩修养。 二、装帧设计的制作 1.开本设计:开本是书籍的基本外在形态。现代书籍形态的变化多种多样，以适应不同读者的需要。开本的裁切方法而定，我国常用的纸幅尺寸是787×1092(厘米)和850×1168(厘米)两种。前一种为正度纸;后一种为大度纸。 2.函套设计:书籍函套的作用首先是保护书籍，同时又对塑造书籍的整体形象，反映书籍的特有“气质”与品位也起到相当重要的作用。书籍函套是书籍整体设计中的一部分，在设计中应着重材料的选择与结构的设计。 3.护封设计:护封也称护页，或称外包封。护封能使读者直接感受到书籍内容的气息，因此它又是书籍内容形象化的缩影，有较大的信息包容量。故护封不是一幅简单的装饰书籍 的画面，其形象、色彩都应具有概括力和象征性，同时还要能反映出书籍内容的意蕴。 护封由封面、封底、书脊和勒口构成。封面、封底一般都是展开设计，便于在图形与色彩的运用上有连贯性，达到前呼后应的效果，使封面、封底一张一弛，互为因果又谐调统一。前后勒口是在设计中作为封面的外延与内封的过渡，或作为封面的补充处理，可以利用它编排作者或译者的简介。书脊在装饰设计中是相当重要的部分，因为书籍放置在书架以后，书脊便成了“面”。 书脊的设计要点: a.个性明显，便于查找人。 b.如果是多卷集的丛书要注重系列化和统一性。 c.由书名、著译者、出版者及相关装饰图形构成。 在设计护封时，一般应建立一个独立的文件，要按整个护封大小设定页面尺寸，而不应该按书刊内部页面设定页面尺寸。 4.内封设计:内封是指精装书的硬皮部分。常用的有纸面、布面或皮面，也有在书脊部分单独使用布质的材料，其余仍用纸面的。如果没有设计护封的情况下，内封则具有双重性(封面与内封)而需加强其表现力度，增强视觉效果，达到内外兼顾的目的。 5.环衬设计:环衬是指内封与书内页连接的部分，也就是精装本和串线订中不可缺少的部分。衬在上面的叫“上环衬”衬在下面的叫“下环衬”。环衬是属于承上启下(连接封面和正文)的中间环节，它应对书籍内容的整体气氛起渲染的作用。 6.扉页设计:扉页也称为书名页。扉页的最基本构成元素是书名、著、译、校、编者、卷次及出版者。扉页设计不能离开装帧设计的整体关系，编排形式并没有定律，但均突出书名，趋向庄重、稳定为佳。色彩对比不宜强烈，以接近正文的黑色主调，目的是使读者心理逐渐平静下来进入阅读正文状态。 7.目录、章节页设计:目录页是给阅读者提供书籍内容的索引，所以设计应突出条理清晰、便于查找的特点。章节页插附于书籍的章节之间，的承起作用。设计要单纯明了，导向性强，亦可加插图作装饰，但须把握尺度。 8.正文及插图页设计:正文页是书籍的内容部分，也是读者视觉接触时间最长的部分。它设计的优劣，直接影响阅读的心理状态。正文页的设计属版面设计范畴。 在装帧设计制作中通常使用的软件有四类:文字处理软件、图像处理软件、图像处理软件、矢量插图创作软件和编辑组版软件。如果要求不是很高，使用文字处理软件或矢量插图软件中可以替代编辑组版软件完成排版功能，但对较为复杂的作品来说，专业组版软件的稳定性和工作效率是其他软件所不能代替的。 装帧设计案例 一、护封设计 1.启动CorelDRAW软件，设置页面大小为A2幅面，利用辅助线设置封面、书脊、封底的尺寸大小和在页面中的位置。分别在x=70mm,280mm,300mm,510mm以及y=56mm,y=359mm。同时打开“查看”菜单中的“对齐辅助线”命令，以方便于页面图形的绘制。 2.以封面、书脊、封底的整体尺寸为标准绘制一个矩形，并将“轮廓线”宽度设为 “无”，矩形颜色填充为C,0，M,60，Y,100，K,0，作为封面的底色。然后在x=405mm, y=344mm，的位置创建长,210 mm，宽,10 mm的矩形装饰条，并用“填充”工具中的“渐变”命令，填充从褐色到黄色的渐变。 3.绘制一个长,297 mm，宽,80 mm的矩形，填充色为褐色，“轮廓色”设为“无”。将矩形的右边与书脊的右边对齐，作为书脊的主色以及书脊与封底的过渡色(如图9.33)。 4.用鼠标在页面的空白位置单击右键，在快捷菜单中选择“导入”命令将预先制作好的“3d max 6图像”的文件导入进来。调整图片的大小使其宽度与封面的宽度相等，并放置到合适的位置，将图片的上边与渐变装饰条的下边对齐。 5.再次在快捷菜单中选择“导入”命令将预先制作好的“3d max 6启动画面”的图片 输入进来。调整图片的大小和角度，使其旋转约30度左右，并放置到封面的中间位置。使用交互式透明工具，透明类型选择“线性”把启动画面制作出渐变消隐的效果(如图9.36)。 6、使用“手绘工具”在护封的上方和下方绘制白色的装饰线条和矩形块，在“启动图片”的上方和下方也绘制出与其平行的白线，为整体画面增加一些细节和动感。在“3d max 6图像”的下方绘制出一个矩形块填充色为褐色，矩形的轮廓色设为“白色”，作为文字的底色。 7、使用“文本工具”将书名、出版社、编者、网址等文字信息输入到版面当中，调整它们的色彩、大小和位置。在工具栏中使用阴影工具给“使用手册”加上黑色的阴影，使产生空间层次感。 8、将封面上的“使用手册”四个字复制一份放到封底的左上部分，调整其大小和位置。然后再使用快捷菜单中的“导入”命令将“3d max 6文字”的图形文件导入进来。在工具栏中使用阴影工具给“3d max 6文字”的图形添加白色光韵，增加画面的立体感。 9、把“3d max 6文字”、“使用手册” 以及出版社的名称复制一份一起放置到书脊上，调整角度和大小，它在封面与封底之间起着承上启下的过渡作用。同时将“内容简介”的文字和内容以及“众艺工作室”的网址放置到封底的中心位置，并调整各自的角度和大小。 10、选择编辑菜单，使用“插入条形码”命令，并放置在距离封页面左下角10mm的位置。 使用“文本工具”将标准书号、定价等相关信息输入到版面当中调整其大小后放置在 封底的下方装饰白线的附近。 11、使用矩形工具绘制两个长,297 mm，宽,60mm的矩形，“填充色”和“轮廓色” 都设为C,0，M,0，Y,0，K,20，的浅灰色。将两个矩形分别放置到封面和封底的左侧和右侧且上下对齐，作为护封的前后勒口。最后将内容简介的内容放置到前勒口的上方。这样整个的护封就制作完成了。 二、内封设计 1.因为内封与护封的整体形式大至相同，所以我们可以将已制作完成的护封复制一份，然后在它的基础上进行修改，这样方便而又准确。 2.首先我们将前后勒口和封面上的“3d max 6图像”、“使用手册”和褐色的矩形文字底色删除掉，然后将编写者名称的位置移动到封面的左上方，并将文字的色彩改为白色。接着再把封面下方的装饰白线和矩形块的颜色改为褐色，出版社的名称改为白色。这样就能使内封与护封在一些细节的部分即统一又有变化。 3.在被删除掉的原“3d max 6图像”的位置上绘制一个长,120mm，宽,210mm的矩形。“轮廓色”设为“无”，填充方式使用“渐变填充方式”，由中间的褐色向上下渐变成桔黄色与护封的底色溶为一体，生成具有空间深度的页面背景。 4、使用“手绘工具”在“启动图片”的上方绘制三条白色的装饰线并且调整白线的长度和角度，使之产生空间透视的视觉效果。然后将封底上的“使用手册”复制一份，放置到“启动图片”的上方，并将字号改为72号。 5、把封底上的“3d max 6文字”复制一份，放置到渐变矩形的上方，并且调整图像的大小和位置。这样内封的制作就完成了。 三、目录设计 1、在目录的设计制作中，第一步要作的同样是版面尺寸的设定，我们利用矩形工具绘制出一个长,297 mm，宽,210 mm的矩形，作为目录的页面。 2、将“3d max 6文字”、“使用手册”、和“启动图片”导入到版面当中，并利用“手绘工具”绘制一条黑色装饰线。调整它们的位置和前后层次关系，把它们放置到页面的左上角，作为目录页眉图案。 3、利用“手绘工具”绘制一条黑色装饰线，放置到页面当中偏左的位置，作为“目录”与章节文字的分界线。 4、将“目录”和章节内容输入到版面当中，调整它们的字号大小，并放置到页面当中的对应位置。这样目录页的设计就完成了。 四、正文版式设计 在正文的版式设计中我们使用与目录页相同的页眉图案，这样保证了书籍形式上的统一性。然后，按照标题的级别顺序来设置标题的字号、字体、样式等内容。在这里我们将大标题的字体设为“黑体”，字号设为“18号”，位置居中。小标题与正文部分的字体都设为“宋体”字号设为“14号”。图片的位置放到页面的中心部位，与其它文字在页面的视觉中心上共同形成一个整体。给一个完整、良好的视觉感受。 小结:在书籍封面的设计中，设计者要根据题材内容的需要，对所选素材进行重新排列组合、提炼和取舍，以追求再造自然形象。封面设计在一本书的整体设计中具有举足轻重的地位。一幅好的封面能耐人寻味，使人爱不释手。 书籍装帧的版式设计 版式是书籍内容全部的排版格式，包括文字的字号、字体、插图位置、表格排列、版心大小、排法以及所有这些的配合等。 1.版面:版面是指书籍一页纸的幅面，它包括版心和版心周围空白的地方，如图。 2.版心:版心是指每一面书页上安排文字和图形的部分，是版面基本形态的要素，用于摆放篇、章、节等标题、文字、注释、插图、图表、公式及辅文、附录、索引等。版心设计的基本规律是先确定视觉中心，然后以视觉中心确定版心的位置。在实际生活中，视觉中心一般在版面的偏上方的地方，这是因为视觉误差所致。其次要考虑到版心是由两个对页构成，为视觉上的舒适，版心向内靠一些，使四周白边形成上小下大，外白边大于内白边的状态。第三，版心要按视觉劣种设计，新版本应遵循从左至右，由上到下的视觉习惯。 3.白边:白边是版心离切口和订口四周的空隙，分天头(上白边)、地脚(下白边)、订口(也叫内白边)和切口(叫做外白边)。一般情况下，白边是不印文字的空白地方，根据设计需要，可以在白边的适当位置上安排页码等文字、图形提示或装饰。 4.插页:插页是一种特殊的页面，通常在插图或表格较大，又不容易拆分成若干个小图形或表格时使用。插页的页面规格可能与书籍的标准版面不同，一般其版面要超过开本的范 围。另外，大小虽然相同，但用不同于正文纸张或颜色印刷的页面，也称插页。 5.标题:标题是指文章或篇的题目。标题反映出书籍的内容结构、层次，版式设计中应注意运用不同的字体及级数使标题排列有序，便于阅读。 标题设计时需要注意的问题: a(一本书中，标题应保持统一的规格，遇有多级标题，原则上字号应逐级缩小。如字 号不够选用时，可间用字号相同而字体不同的文字以示区别。 b(标题字型不宜变化过多，以免破坏版面的整体感。 c(标题中一般不用标点符号，如句子较长，中间有语气停顿，可用对开的标点符号，标题末尾不应排标点。 d(标题不能排在版面末尾，尤其注意不要排在单页版面末尾，否则会造成标题与内容 脱节的感觉。遇到这种情况应当采用缩面、缩行或另面起等方法来处理。 6.文字:文字设计包括定义每行字体、字号、行间距和行对齐规则等。汉字字体最常用的是宋体、黑体、楷体、和仿宋体，有的还用到隶书、魏碑等字体。一般书籍的主要字体都是五号宋体，变形字常用于一些特别文字，以起到装饰、标记、重点和引人注目的效果。 7.文字与图形:文字与图形在版式设计中并不把它做意义上理解，而是依据其所占有的面积来规划，处理在版心中的位置，这样从大处着眼，才能找到符合形式美的感觉。在版式设计中常用的有三种形式:文图混排、文图分排、单页图。