第01章多媒体出版物设计

1、共 29 页目 录上一步下一步关 闭第第1 1章章 多媒体出版物设计学习目标学习目标掌握出版物设计的基本知识掌握出版物版面设计掌握版面设计中的文字运用了解出版物装帧设计共 29 页目 录上一步下一步关 闭 出版物在企业建立品牌形象和促进产品销售中起着重要作用。具体来说，它能让企业的产品或形象深入人心。出版物的主要表现形式包括宣传彩页设计、促销单张设计、DM直邮广告设计、产品折页设计、名信片设计等。1.1 1.1 出版物设计的基本知识出版物设计的基本知识共 29 页目 录上一步下一步关 闭1.1.1 出版物设计概述出版物设计概述 出版物设计是现代设计艺术的重要组成部分，是视觉传达的重要手段，表面

2、上看，它是一种关于编排的学问；实际上，它不仅是一种技能，更是技术与艺术的高度统一。出版物设计是现代设计家必须具备专业能力和技术知识。 出版物设计的范围，包括报纸、刊物、书籍（画册）、产品样本、挂历、招贴画、唱片封套和网页页面等平面设计等多个不同领域，如图所示。 共 29 页目 录上一步下一步关 闭1.1.2出版物设计的原则出版物设计的原则 “让读者在享受美感的同时，接受其中所要传达的信息”，这是出版物设计的原则。1.主题鲜明突出 出版物设计的最终目的是让版面产生清晰的条理性，做到很好地突出主题，从而达到最佳需求效果。如果按照主从关系的顺序，通常是放大主体形象，形成视觉中心，以此表达主题思想。同

3、时，再将文案中的其他多种信息进行整体上的编排设计，以对主体形象进行衬托。并且，还要在主体形象的四周增加空白量，使被强调的主体形象更加鲜明突出。共 29 页目 录上一步下一步关 闭2.形式与内容统一 “形式美要符合主题思想的内容”，这是出版物设计的重要前提。3.强化整体布局 整体的结构组织和方向视觉秩序。在文案方面，应该做到加强文案的集合性。也就是说将文案中的多种信息合成块状，从而使版面具有条理性。而在页面方面，应该加强展开页面的整体性，也就是说：无论是产品目录的展开嶡版，还是跨页版，均为同一视线下展示。由此不难看出，加强整体性可以获得最佳的视觉效果。 共 29 页目 录上一步下一步关 闭1.2

4、 出版物版面设计出版物版面设计 多媒体版面设计的最好方法是：找一张白纸，一支笔，先将构思中的草图勾勒出来，然后再用网页制作软件实现。共 29 页目 录上一步下一步关 闭1.2.1风格定位风格定位 版面设计的美化首先要考虑风格的定位。任何版面设计都要根据主题的内容决定其风格与形式，因为只有形式与内容的完美统一，才能达到理想的宣传效果。目前版面设计的应用范围日益扩大，几乎包括了所有的行业，但归纳起来，大体上可以分为：新闻机构、政府机关、科教文化、娱乐艺术、电子商务、网络中心等这几大类。对于不同性质的行业，应体现出不同的首页风格，这就像穿着打扮，应依不同的性别以及年龄层次而异。 版面设计风格的形成主

5、要依赖于页面的色调处理，还有图片与文字的组合形式等，如图所示。这些问题看似简单，但往往需要版面设计的设计和制作者具有一定的美术素质和修养。共 29 页目 录上一步下一步关 闭 共 29 页目 录上一步下一步关 闭1.2.2 版面编排版面编排 版面设计首先涉及到的是页面的版面编排问题。“版面编排”实际上就是中国古代画论中的“经营位置”。作为版面设计，既要考虑文字、图片，还要考虑标题和正文，因此必须根据内容的需要，将这些图片和文字按照一定的次序进行合理的编排和布局，以使它们组成一个有机的整体，可以参考如下几点： 1. 主次分明中心突出主次分明中心突出 在一个版面设计上，必然考虑视觉的中心，这个中心

6、一般在屏幕的中央，或者在中间偏上的部位，如图所示。因此，一些重要的文章和图片一般可以安排在这个部位，在视觉中心以外的地方就可以安排那些稍微次要的内容，这样在页面上就突出了重点，做到了主次有别。共 29 页目 录上一步下一步关 闭2. 大小搭配相互呼应大小搭配相互呼应 较长的文章或标题，不要编排在一起，要有一定的距离，同样，较短的文章，也不能编排在一起。对于图片的安排也是这样，要互相错开，造成大小之间有一定的间隔，这样可以使页面错落有致，避免重心的偏离，如图所示。 共 29 页目 录上一步下一步关 闭3. 图文并茂内容丰富图文并茂内容丰富 文字和图片具有一种相互补充的视觉关系，页面上文字太多，就

7、显得沉闷，缺乏生气。页面上图片太多，缺少文字，必然就会减少页面的信息容量。如图所示。4.线条和形状线条和形状 文字、标题、图片等的组合，会在版面上形成各种各样的线条和形状。这些线条与形状的组合，构成了总体艺术效果，如图所示。将这些线条和形状，艺术地搭配好才能增强页面的艺术魅力。 共 29 页目 录上一步下一步关 闭5.色彩处理色彩处理 在色彩的处理上，总的原则是“总体协调，局部对比”，换言之就是说：首页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。 在色彩的运用上，可以根据首页内容的需要，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰

8、褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色，例如：军警的橄榄绿，医疗卫生的白色等。色彩还具有明显的心理感觉，例如冷、暖的感觉，进、退的效果等。另外，色彩还有民族性，各个民族受环境、文化、传统等因素的影响，对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性，将有助于首页的艺术内涵及文化品位的提升。 共 29 页目 录上一步下一步关 闭1.2.3 字体字体 在版面设计，默认浏览器定义的标准字体是中文宋体和英文Times New Roma字体。也就是说，如果没有设置任何字体，网页将以这两种标准字体显示。同时，两种字体也可以在任何操作系统和浏览器里正确显示。Windows另外自带了

9、40多种英文字体和5种中文字体。这些字体，也可以自由使用和设置。1.字体的样式字体的样式 字体的样式有四种：正常体(Regular),斜体(Italic),粗体(Bold),粗斜体(Bold Italic)。共 29 页目 录上一步下一步关 闭2.字体的颜色字体的颜色 定义字体颜色的属性是color，默认文字的颜色是黑色。 color属性值可以用颜色的英文名称来表示，如black（黑色）、red（红色）、blue（蓝色）、green（绿色）等。颜色的运用除了能够起到强调整体文字中特殊部分的作用外，还能影响整个文案的情感表达。 另外需要注意的是文字颜色的对比度，它包括明度上的对比、纯度上的对比以

10、及冷暖的对比。更重要的是，可以通过对颜色的运用实现想要的设计效果、设计情感和设计思想。共 29 页目 录上一步下一步关 闭1.3 版面设计中的文字运用版面设计中的文字运用 如今，多媒体越来越多地进入了人们的生活，带有图形图像的印刷品也渐渐成为人们生活中不可缺少的一部分，这样一来就大大增加了信息量。大量信息的呈现，就需要文本和图像来做载体。特别是文本，它起到的作用更为重要。因此，对于初学版面设计者而言，了解和掌握其中的文字排版设计就显得尤为重要了，如图所示。共 29 页目 录上一步下一步关 闭1.3.1 字号、字体、行距字号、字体、行距1.字号 字号大小可以用不同的方式来计算，例如“磅”Poin

11、ts或像素(Pixel)。因为以像素技术为基础单位打印时需要转换为磅，所以，建议采用“磅”为单位。2. 字体 版面设计可以用字体来更充分地体现设计中要表达的情感。字体选择是一种感性、直观的行为。但是，无论选择什么字体，都要依据网页的总体设想和浏览者的需要。例如：粗体字强壮有力，有男性特点，适合机械、建筑业等内容；细体字高雅细致，有女性特点，更适合服装、化妆品、食品等行业的内容。在同一页面中，字体种类少，版面雅致，有稳定感；字体种类多，则版面活跃，丰富多彩。关键是如何根据页面内容来掌握这个比例关系。共 29 页目 录上一步下一步关 闭3. 行距 行距的变化也会对文本的可读性产生很大影响。一般情况

12、下，接近字体尺寸的行距设置比较适合正文。这主要是出于以下考虑：适当的行距会形成一条明显的“空白”，以引导浏览者的目光，而行距过宽会使一行文字失去较好的延续性。 除了对于可读性的影响，行距本身也是具有很强表现力的设计语言，为了加强版式的装饰效果，可以有意识地加宽或缩窄行距，体现独特的审美意趣。例如，加宽行距可以体现轻松、舒展的情绪，应用于娱乐性、抒情性的内容恰如其分。另外，通过精心安排，使宽、窄行距并存，可增强版面的空间层次感与弹性。共 29 页目 录上一步下一步关 闭1.3.2 文字的整体编排文字的整体编排 页面里的正文部分是由许多单个文字经过编排组成的群体，要充分发挥这个群体形状在版面整体布

13、局中的作用。从艺术的角度可以将字体本身看成是一种艺术形式，因此它在个性和情感方面对人们有着很大的影响。1.文字的图形化文字的图形化 字体具有两方面的作用：一是实现字意与语义的功能，二是美学效应。 那么什么是文字的图形化呢？所谓文字的图形化，即是强调它的美学效应，把记号性的文字作为图形元素来表现，同时又强化了原有的功能。作为网页设计者，既可以按照常规的方式来设置字体，也可以对字体进行艺术化的设计。无论怎样，一切都应围绕如何更出色地实现设计的目标。共 29 页目 录上一步下一步关 闭 将文字图形化、意象化的形式展现表达出作者更深层的更富创意设计思想，同时克服网页的单调与平淡，从而打动人心，如图所示

14、。共 29 页目 录上一步下一步关 闭2. 文字的叠置文字的叠置 文字与图像之间或文字与文字之间在经过叠置后，能够产生空间感、跳跃感、透明感和叙事感，从而成为页面中最活跃的、最令人注目的元素。虽然叠置手法会影响文字的可读性，但是能造成页面独特的视觉效果。3. 标题与正文标题与正文 在进行标题与正文的编排时，可先考虑将正文作双栏、三栏或四栏的编排，再进行标题的置入。将正文分栏，是为了求取页面的空间与弹性，避免通栏的呆板以及标题插入方式的单一性。标题虽是整段或整篇文章的标题，但不一定千篇一律地置于段首之上。可作居中、横向、竖向或边置等编排处理，甚至可以直接插入字群中，以新颖的版式来打破旧有的规律。

15、共 29 页目 录上一步下一步关 闭4. 文字编排的几种基本形式文字编排的几种基本形式 页面里的正文部分是由许多单个文字经过编排组成的群体，要充分发挥这个群体形状在版面整体布局中的作用。 两端均齐：文字从左端到右端的长度均齐，字群形成方方正正的面，显得端正、严谨、美观。 居中排列：在字距相等的情况下，以页面中心为轴线排列，这种编排方式使文字更加突出，产生对称的形式美感。 左对齐或右对齐：左对齐或右对齐使行首或行尾自然形成一条清晰的垂直线，很容易与图形配合。 绕图排列：将文字绕图形边缘排列。与此同时如果将底图插入文字中，更会令人感到融洽、自然。共 29 页目 录上一步下一步关 闭1.3.3 文字

16、的强调文字的强调1.首行文字的强调首行文字的强调 将正文的第一个字或字母放大并作装饰性处理，嵌入段落的开头，这在传统媒体版式设计中称之为“下沉式”。此技巧的发明溯源于欧洲中世纪的文稿抄写员。2.引文的强调：引文的强调： 在进行文字编排时，常会碰到即引文。引文的作用在于概括一个段落、一个章节或全文大意，因此在编排文字时应针对页面位置和空间来加以特殊强调。引文的编排方式多种多样，如将引文嵌入正文的左右侧、上方、下方或中心位置等，就可以在字体或字号上变化，使它与正文有明显的区别。共 29 页目 录上一步下一步关 闭3.特殊文字的强调特殊文字的强调 将个别文字作为页面的诉求重点，则可以通过加粗、加框、

17、加下划线、加指示性符号、倾斜字体等手段有意识地强化文字的视觉效果，使其在页面整体中显得出众而夺目。另外，改变某些文字的颜色，也可以使这部分文字得到强调。这些方法实际上都是运用了对比的法则。共 29 页目 录上一步下一步关 闭1.3.4. 文字与用语文字与用语 文字和用语除作为正文显示媒体出现外，还在设计题头、标题、提示信息、控制命令，会话等方面要展现。对文字与用语设计格式和内容应注意如下： 1. 简洁性简洁性 避免使用计算机专业术语；尽量用肯定句而不要用否定句；用主动语态而不用被动语态；用礼貌而不过分的强调语句进行文字会话，实施心理学原则使用用语；英文词语尽量避免缩写；按钮，功能键标示中应尽量

18、使用描述动作的动词；在有关键字的数据输入对话和命令语言对话中采用缩码作为略语形式；如文字较长时，可用压缩法减少字符数或采用一些编码方法。共 29 页目 录上一步下一步关 闭2. 格式格式 在版面设计中，一幅画面不要文字太多，若必须有较多文字时，尽量分组分页，在关键词处进行加粗、变字体等处理，但同行文字尽量字型统一。英文词除标语外，尽量采用小写和易认的字体。3. 信息内容信息内容 信息内容显示应采用熟悉的简单句子，进行简洁、清楚的表达，尽量不使用左右滚屏。当内容较多时，应以空白分段或以小窗口分块，以便记忆和理解。重要字段还可用粗体由闪烁吸从而达到引注意力和强化使用效果，强化效果有多样，针对实际进

19、行选择。共 29 页目 录上一步下一步关 闭1.4 出版物装帧设计出版物装帧设计 出版物的装帧设计往往是吸引读者（消费者）关注，达成购买意向的重要因素。由于科技水平不断提高、经济不断发展、竞争日趋激烈，使装帧设计的社会责任和知识含量越来越高，风格也越来越多样化，但无论什么风格，成功的装帧设计作品必备以下三方面要素:1. 要有品位、有高度、有思想容量 装帧设计艺术的表现方法是通过提炼、概括、集中从而进行典型形象的具体刻画的，通过塑造作品需要的典型形象向读者揭示，生活中什么是真善美，什么是假恶丑;什么是值得赞扬的，什么是应该反对和摒弃的，从而激励和引导读者积极健康美好的生活向往。共 29 页目 录上一步下一步关 闭 2.创新性