版式编排设计.ppt

1、版式设计版式设计Layout Design第八章第八章第八章第八章 版式版式版式版式设计设计的具体运用的具体运用的具体运用的具体运用第一节第一节 书籍版式书籍版式设计设计幻灯片幻灯片 3 3第二节第二节 杂志版式杂志版式设计设计幻灯片幻灯片 1616第三节第三节 报纸版式报纸版式设计设计幻灯片幻灯片 2929第四节第四节 招贴版式招贴版式设计设计幻灯片幻灯片 3838第五节第五节 DMDM单版式单版式设计设计幻灯片幻灯片 4747第六节第六节 网页版式设计网页版式设计幻灯片幻灯片 5353一、书籍版式设计的特点一、书籍版式设计的特点二、书籍版式设计要点二、书籍版式设计要点第一节第一节书籍版式设

2、计书籍版式设计三、优秀作品欣赏三、优秀作品欣赏一、书籍版式设计的特点一、书籍版式设计的特点书籍版式设计是指在既定的开本上，将书稿的结构层次、文字、图表等作艺术而书籍版式设计是指在既定的开本上，将书稿的结构层次、文字、图表等作艺术而又科学的处理，使书籍内部的各个组成部分的结构形式，既能与书籍的开本、装订、又科学的处理，使书籍内部的各个组成部分的结构形式，既能与书籍的开本、装订、封面等外部形式相协调，又能给读者提供阅读上的方便和视觉享受。书籍设计最重要封面等外部形式相协调，又能给读者提供阅读上的方便和视觉享受。书籍设计最重要的特点是注重形式与内容的统一，还需要考虑读者的年龄、职业、文化程度等方面的

3、的特点是注重形式与内容的统一，还需要考虑读者的年龄、职业、文化程度等方面的因素。因素。二、书籍版式设计的要点二、书籍版式设计的要点（二）书籍内页的版式设计（二）书籍内页的版式设计（一）书籍封面的版式设计（一）书籍封面的版式设计（一）书籍封面的版式设计（一）书籍封面的版式设计封面是书籍整体形象的塑造与表现，具有传达书籍内容的功能，同时起着美化书封面是书籍整体形象的塑造与表现，具有传达书籍内容的功能，同时起着美化书籍和保护书芯的作用。封面的版式设计需要将图片、文字、色彩等元素进行合理的编籍和保护书芯的作用。封面的版式设计需要将图片、文字、色彩等元素进行合理的编排组合，突出主题，使其具有吸引读者注意

4、的视觉效果。排组合，突出主题，使其具有吸引读者注意的视觉效果。1 1突出封面书名突出封面书名在封面版式设计时应合理地编排设计元素，增强书名的识别性，形成独立风格，在封面版式设计时应合理地编排设计元素，增强书名的识别性，形成独立风格，打造品牌形象，给消费者良好的视觉印象，如下图所示。打造品牌形象，给消费者良好的视觉印象，如下图所示。2 2整体风格符合内容整体风格符合内容封面版式应根据书籍的性质和内容来选择适合的设计风格，设计元素如文字、图封面版式应根据书籍的性质和内容来选择适合的设计风格，设计元素如文字、图片以及色彩都要与内容相统一、协调，如下图所示。片以及色彩都要与内容相统一、协调，如下图所示

5、。3 3主次分明，突出主题主次分明，突出主题封面版式编排应处理好主次关系，做到主题突出，层次分明，整齐而不杂乱，如封面版式编排应处理好主次关系，做到主题突出，层次分明，整齐而不杂乱，如下图所示。下图所示。4 4重视书脊设计重视书脊设计书脊在版式中所占面积不大，但却是封面设计重要的组成部分。书架上的书大都书脊在版式中所占面积不大，但却是封面设计重要的组成部分。书架上的书大都是以书脊展示在读者面前的，因此，书脊文字要简洁、明了地表达书籍的内容，使人是以书脊展示在读者面前的，因此，书脊文字要简洁、明了地表达书籍的内容，使人一目了然，如下图所示。一目了然，如下图所示。（二）书籍内页的版式设计（二）书籍

6、内页的版式设计书籍内页的版式设计包括版心的设置、网格的设置、文字的编排、图片的编排以书籍内页的版式设计包括版心的设置、网格的设置、文字的编排、图片的编排以及页眉、页脚和页码的设置等。及页眉、页脚和页码的设置等。1 1版心设置版心设置版心大小是指页面中主要内容所在的区域。版心减小，版式中的文字数也会随之版心大小是指页面中主要内容所在的区域。版心减小，版式中的文字数也会随之减少，反之，文字数将会增加。版心过大或过小，都会影响到整个版式的美观。一般减少，反之，文字数将会增加。版心过大或过小，都会影响到整个版式的美观。一般教学类的书籍通常采用较大的版心设置以使版式饱满、信息丰富教学类的书籍通常采用较大

7、的版心设置以使版式饱满、信息丰富;儿童书籍一般版心较儿童书籍一般版心较小，图片多，文字少，以降低阅读难度，吸引儿童的阅读兴趣，如下图所示。小，图片多，文字少，以降低阅读难度，吸引儿童的阅读兴趣，如下图所示。2 2网格设置网格设置书籍网格设置可以稳固版式，使页面之间产生连贯效果，方便读者阅读。书籍网书籍网格设置可以稳固版式，使页面之间产生连贯效果，方便读者阅读。书籍网格设置又分通栏网格和分栏网格，设计师应根据具体需要来选择，如下图所示。格设置又分通栏网格和分栏网格，设计师应根据具体需要来选择，如下图所示。3 3文字的编排文字的编排（1 1）横排和纵排）横排和纵排横向的编排方式主要表现为文字从左到

8、右排列，行序从上到下排列，这也是大部横向的编排方式主要表现为文字从左到右排列，行序从上到下排列，这也是大部分书籍所采用的文字排列方式；纵排方式是文字从上到下排列，行序从右到左排列，分书籍所采用的文字排列方式；纵排方式是文字从上到下排列，行序从右到左排列，如下图所示。如下图所示。（2 2）密集型和疏散型）密集型和疏散型密集型文字编排方式是指文字间空隙较小，一般适用于小说、字典等；疏散型文密集型文字编排方式是指文字间空隙较小，一般适用于小说、字典等；疏散型文字编排方式是加大字距、行距空隙的编排方法，大多用于少儿读物或时尚杂志，具有字编排方式是加大字距、行距空隙的编排方法，大多用于少儿读物或时尚杂志

9、，具有通俗易懂，阅读流畅的特点，如下图所示。通俗易懂，阅读流畅的特点，如下图所示。4 4页眉、页脚和页码的设置页眉、页脚和页码的设置页眉、页脚和页码在版面中起到检索和装饰作用。页眉、页脚位于版心的上方或页眉、页脚和页码在版面中起到检索和装饰作用。页眉、页脚位于版心的上方或下方，具有统一性，它们的设置使版面更加连贯，能形成流畅的阅读节奏。页码可以下方，具有统一性，它们的设置使版面更加连贯，能形成流畅的阅读节奏。页码可以根据需要放置在版心上、下方或切口位置，使版面显得统一、整齐，是必不可少的版根据需要放置在版心上、下方或切口位置，使版面显得统一、整齐，是必不可少的版面要素之一。页眉页脚和页码属于版

10、面中的小细节设计，却能使整个版式更为精致和面要素之一。页眉页脚和页码属于版面中的小细节设计，却能使整个版式更为精致和完美，成为版式设计中的一大亮点。完美，成为版式设计中的一大亮点。三、优秀作品欣赏三、优秀作品欣赏书籍封面设计及书芯版式设计，如下图所示。书籍封面设计及书芯版式设计，如下图所示。一、杂志版式设计的特点一、杂志版式设计的特点二、杂志版式设计要点二、杂志版式设计要点第二节第二节杂志版式设计杂志版式设计三、优秀作品欣赏三、优秀作品欣赏一、杂志版式设计的特点一、杂志版式设计的特点杂志是有固定刊名，以期、卷、号或年、月为序，定期或不定期连续出版的印刷杂志是有固定刊名，以期、卷、号或年、月为序

11、，定期或不定期连续出版的印刷读物。杂志是信息传递的又一重要载体，其种类非常丰富。杂志版式设计既具有刊物读物。杂志是信息传递的又一重要载体，其种类非常丰富。杂志版式设计既具有刊物内容编排规范的原则性，又包含平面设计艺术创造的独立性。前者是针对杂志自身的内容编排规范的原则性，又包含平面设计艺术创造的独立性。前者是针对杂志自身的特征而言，后者则是针对设计者对内容的理解与把握以及其平面设计的艺术功力与个特征而言，后者则是针对设计者对内容的理解与把握以及其平面设计的艺术功力与个性追求。性追求。二、杂志版式设计的要点二、杂志版式设计的要点（二）杂志内页的版式设计（二）杂志内页的版式设计（一）杂志封面的版式

12、设计（一）杂志封面的版式设计（一）杂志封面的版式设计（一）杂志封面的版式设计1 1突出杂志名称突出杂志名称杂志名称要与版面中的其他元素区分开，以突出其醒目的视觉效果，给人留下深杂志名称要与版面中的其他元素区分开，以突出其醒目的视觉效果，给人留下深刻的印象。杂志名称通常采用统一的格式，辨别度高，并有利于树立品牌形象，如下刻的印象。杂志名称通常采用统一的格式，辨别度高，并有利于树立品牌形象，如下图所示。图所示。2 2文字的特殊设计文字的特殊设计杂志封面版式中的文字编排要注意标题文字与正文文字的区别，一般来说，标题杂志封面版式中的文字编排要注意标题文字与正文文字的区别，一般来说，标题文字宜采用粗体，

13、大小没有具体的限制，视觉效果应醒目得体，引人注目。正文文字文字宜采用粗体，大小没有具体的限制，视觉效果应醒目得体，引人注目。正文文字一般不要低于一般不要低于1414点，否则长时间注视会使眼睛吃力，造成阅读疲劳，如下图所示。点，否则长时间注视会使眼睛吃力，造成阅读疲劳，如下图所示。（二）杂志内页的版式设计（二）杂志内页的版式设计1 1统一色调与字体统一色调与字体杂志页面间的版式构成在不断的变化，但最终还要与整体相协调。同一主题的版杂志页面间的版式构成在不断的变化，但最终还要与整体相协调。同一主题的版面采用统一的色调与字体，可以使阅读流畅，增强版面的统一感，如下图所示。面采用统一的色调与字体，可以

14、使阅读流畅，增强版面的统一感，如下图所示。2 2保持一定的页面结构保持一定的页面结构相对稳定的页面结构可以避免版式紊乱，使页面之间具有连贯性和流畅的视觉效相对稳定的页面结构可以避免版式紊乱，使页面之间具有连贯性和流畅的视觉效果，富有规律性，如下图所示。果，富有规律性，如下图所示。3 3网格设置网格设置网格的运用使整个版式显得紧凑，阅读更流畅。杂志版式中的网格有单栏、双栏网格的运用使整个版式显得紧凑，阅读更流畅。杂志版式中的网格有单栏、双栏以及多栏之分以及多栏之分;采用打破网格的形式编排版式，使网格在版式中若隐若现，具有很大的采用打破网格的形式编排版式，使网格在版式中若隐若现，具有很大的自由性，

15、营造出轻松、舒适的氛围，如下图所示。自由性，营造出轻松、舒适的氛围，如下图所示。4 4图片的处理图片的处理图片是杂志版式设计中重要的构成元素之一。它可以辅助宣传文字信息，是版式图片是杂志版式设计中重要的构成元素之一。它可以辅助宣传文字信息，是版式内容的体现，能使信息传达得更直观、清晰，富有情感，并且能缓和阅读的紧张感。内容的体现，能使信息传达得更直观、清晰，富有情感，并且能缓和阅读的紧张感。（1 1）组图的运用）组图的运用组图的运用增加了杂志的可读性，使版面富有活力，具有良好的视觉效果，如下组图的运用增加了杂志的可读性，使版面富有活力，具有良好的视觉效果，如下图所示。图所示。（2 2）去底图的

16、运用）去底图的运用去底图的运用使版式编排更自由，整个版式显得活泼，给人轻松愉快的视觉效，去底图的运用使版式编排更自由，整个版式显得活泼，给人轻松愉快的视觉效，如，下图所示。如，下图所示。（3 3）出血图的运用）出血图的运用图片以出血图的形式编排，能使版式具有强烈的空间感，更具活力，下图所示。图片以出血图的形式编排，能使版式具有强烈的空间感，更具活力，下图所示。（4 4）背景图的运用）背景图的运用将图片以背景的形式运用到版面中，使整个版式显得沉稳、大气，更具层次感，将图片以背景的形式运用到版面中，使整个版式显得沉稳、大气，更具层次感，可以改变文字单调、乏味的状况，下图所示。可以改变文字单调、乏味的状况，下图所示。三、优秀作品欣赏三、优秀作品欣赏杂志封面设计及书芯版式设计，如下图所示。杂志封面设计及书芯版式设计，如下图所示。一、报纸版式设计的特点一、报纸版式设计的特点二、报纸版式设计要点二、报纸版式设计要点第三节第三节报纸版式设计报纸版式设计三、优秀作品欣赏三、优秀作品欣赏一、报纸版式设计的特点一、报纸版式设计的特点报纸作为信息传达的主要媒介，其版式设计最为突出的特征就是简洁、易读。简报纸