编排设计-版面视觉元素

编排设计-版面视觉元素编排设计四周课程结构目的方向课程安排第一周：1.课程介绍2.版面视觉元素作业一版面分析第二周：3.设计原理作业二海报编排第三周：4.空间构成5.视觉流程作业三版面综合编排第四周：

作业四媒体互动编排

艺术

设计

互动思路技巧配色行为中国日本西方一概论（一）什么是编排设计？

编：含有组织秩序、排列、制定的意思

排：是从排版、排字引用而来原意：依照文案原稿把文字、线条、表格等元素排列组合在版面上的方案和工艺过程。这种形式方案的设计又称“版式设计”概念：在平面设计过程中，依据内容、目标功能系统的要求，把文字、插图、图表、饰边、饰线、色块等视觉元素，按照设计创意要求进行选择加工，并应用艺术形式手段，富造创性地把它们结合配置在特定版面上的过程。（二）编排设计与纯艺术创作在形式构成上有本质上的区别

a.平面设计师是为传播信息而服务大众的，必须站在大众的立场上，既科学又系统地服务于受众，必须社会经济、科技、文化同步

b.既要运用艺术手段结合当今的审美进行创造性设计、并且结合当今学科理论和科技手段完成设计作品的生产和传播信息的任务和目标（三）编排设计的类别

从功能形态区分：广告、包装、书籍、报刊、实用印刷品a.广告类：招贴、路牌、灯箱、霓虹灯、POP（店面广告）、邮递或派发的广告（小册子或单张）、样本、招牌、电视广告和网业广告b.包装及书、报、刊：各种类型的大、中、小包装、配套包装、系列包装、单个包装等，各种大小报纸、杂志、书籍（封面、封套、扉页、内页）等c.实用印刷品类：挂历、贺卡、请柬、奖状、徽章铭牌、艺术图表、名片、信封信等

从表现的形态区分：静态和动态a.静态：一切印刷品和平面设计作品b动态：在目前指动态转换变换过程的霓虹灯、活动路牌广告、活动POP广告、影视广告、网页广告等（四）编排设计的风格的历史演变：1.活版印刷时代：金属烛版术技术的突破字可缩小到适合人近距阅读的大小（新5号或18级）使单位面积的信息量大增、版式倾于严谨规范2.20世纪的欧洲，英国的莫里斯倡导了一场工艺美术运动。在平面设计中，讲究版面编排，强调版面的装饰性，采用对称结构，形成严谨、朴素、庄重的风格，莫里斯的古典主义风格开创了版式设计的先导

3.20世纪20-50年代，瑞士派排版设计，主张版面严格的秩序—作为现代主义文化传播典范，追求简练、功能性和效率成为这一时期排版的风格4.20世纪60年代，照相制版技术的全面普及，金属拼版工艺逐渐被淘汰。5.20世纪80年代，照相植字、电子分色和（早期）电脑排版等技术的应用（五）编排设计的任务A.组成要素，设计形象式样B.形成秩序，便于阅读C.创造个性，吸引视线D.强化重点，便于记忆E.形成意境，动人情感F.反映潮流，创造新的编排设计（六）编排设计的学习A.通过对版面视觉元素、编排形式因素及形式原理的研究及练习，掌握版面编排设计的基本技巧

B.通过对版面编排设计的了解，分析其方法、技巧和形式风格变化，为编排设计形式的创意打下基础形与态的研究为品牌建设打下基础二版面视觉元素(一)框架(二)文字(三)图形(一)框架所谓框架：指编排设计的画面空间（平面、立体的表面）应用角度，框架分为：矩形、正方形和异形矩形：具有明显的方向性特征，横矩形框架稳重饱满，竖矩形框架挺拔庄重，窄长的矩形框架秀气时尚安排主次，主题性强的信息内容颇为适合正方形：蕴涵一种中庸的性格，具有单纯、平易的性格和所谓“无等级”印象适用于表现装饰性和小品的题材异形：（圆形、三角形、梯形、不等边形、星状形等）具有轻快活泼、动感强、形象个性鲜明的特点适度的比例尺度让人产生和平、安定、和谐悦目的感觉定量意义上的比例尺度有以下几种：黄金比例：1：1.618（公认的完美比例，具备和谐统一、整体而不乏变化。）模数比例：（属渐变式良好比例，既前面两组数值的总和为第三组的数值，且越往后越接近黄金比例：0-1-1-2-3-5-8-13-21）1：1比例：（具单纯、无方向、无等级、小品性格）1：3比例：（具方向感、秀气、优雅、但缺乏庄重、力量）版面视觉元素(二)文字

你喜欢哪种文字？文字实验框架

框架框架

框架文字实验具有明显的方向性特征，横矩形框架稳重饱满，竖矩形框架挺拔庄重，窄长的矩形框架秀气时尚安排主次，主题性强的信息内容颇为适合正方形：蕴涵一种骑墙中庸的性格，具有单纯、平易的性格和所谓“无等级”印象适用于表现装饰性和小品的题材异形：（圆形、三角形、梯形、不等边形、星状形等）具有轻快活泼、动感强、形象个性鲜明的特点(二)文字

1、字体设计师要掌握和运用好字与字的空间处理

两类字体：再造字体、印刷字体再造字体：是依据具体设计创意要求而特别进行构思设计绘写的字体印刷字体：是注重阅读功能，传递字符信息为主要目的的

再造字体印刷字体母常用字体：宋体、黑体、等线体、圆体、综艺体、楷体、行书体等在选择字体时，要考虑的因素：1）字体的清晰度、阅读率2）字体造型与传达内容和版面整体效果相配

2、文字的组合

文文

设计师要掌握和运用好两类字体：再造字体、印刷字体再造字体：是依据具体设计创意要求而特别进行构思设计绘写的印刷字体：是注重阅读功能，传符信息为主要目的的文字文字的组合设计师要掌握和运用好两类字体：再造字体、印刷字体设计师要掌握两类字体印刷字体文字的组合文字的组合设计师要掌握和运用好设计师要掌握和运用好文字的组合文字的组合设计师要掌握和运用好好

组合文字时，要考虑的因素：字体的结构、笔画造型、大小、字距、行距形成编排构成里的点、线、面

（1）标题标题字体和正文、图片的反差比叫跳跃率高跳跃率：活泼、醒目、有力中跳跃率：调和、不失变化低跳跃率：柔和、雅致高跳跃率高跳跃率中跳跃率低跳跃率低跳跃率（2）正文和前文正文与前文，均以“字幅”“面”的形态出现前文：比正文字体大些，可选用稍为突出的字体（中黑体）

以清晰度易读为准正文：多选用宋体、幼圆体、明朝体、楷书体英文多用无饰线类字体

1）横排字幅可加强横行的韵律，使字型扁些竖排字幅可加强垂直阅读的行的视觉秩序，使字型扁些，更富有时代感2）行的编排，从易读性出发，通常竖排以15-25字，横排以18-25字为宜行距：行与行之间的距离一般以半个字身或一个字身为宜3）字幅是正文编排组合的方式。文字设计的技巧：1)齐头齐尾——严整舒服2)齐头不齐尾（齐尾不齐头）——轻松活泼，易于其他构图呼应3)居中编排（对称）——优雅、庄重4)沿图编排——自由轻松、随意活泼5)其他——活跃a文字排成图形b文图穿插c不规则编排d字作图形表达e文字的叠印1)齐头齐尾——严整舒服2)齐头不齐尾（齐尾不齐头）——轻松活泼，易于其他构图呼应3)居中编排（对称）——优雅、庄重4)沿图编排——自由轻松、随意活泼4)沿图编排——自由轻松、随意活泼4)沿图编排——自由轻松、随意活泼5)a文字排成图形4)沿图编排——自由轻松、随意活泼5)a文字排成图形c不规则编排5)a文字排成图形b文图穿插d字作图形表达e文字的叠印5c不规则编排5)a文字排成图形d字作图形表达3栏栏：以正文文字的排列长度为基本单位，对版心进行分割的编排版式实质是分割版面讲究天头、地脚、切边、订口栏有纵栏和横栏纵式2栏——分成上下两段，轻松易读纵式3栏——16开本以上的版式（版面的加大，栏数的增加，以保持易读性，使版面更活泼）纵式4栏——典型的杂志排版版式（适合多条目、多信息的编排具有灵活自如，轻松活泼的性格纵式5栏——具有报纸的特征（典型间歇性阅读（跳读）的报刊编排方式

横式文字编排——多为32开书（不可超过40字）横式2栏——方便有活力横式34栏——图文交错显得活泼有力，适合年轻人的口味横式5栏——新闻报道的感觉在具体编排中，要注意画面元素的主次、节奏、呼应、均衡关系。

分割版面，要注意：篇幅内栏的间距篇幅与篇幅的之间的间距它们之间的比较即“面”与“面”的比较版面视觉元素(二)图形