板式设计-PPT课件

1、 编排设计基础 编排的基本概念编排设计的原则编排设计方法123目录 什么是编排？一 编排的基本概念 编排是指在平面媒体上，将构成元素给予视觉上的整理与配置，使其成为具有最大诉求效果的成技术，是对平面某媒体的总体设计。 编排设计的原则是什么？二 编排设计的原则 一、编排设计的艺术原则 1.感性美与理性美 2.比例美 3.风格美图 1红磨坊是著名画家劳特雷克的第一幅海报作品，创作于1891年。与绘画作品相比，虽然有着明显的装饰意味，但在编排上所呈现的灵动变化，充实着感性的成分，这与早期设计作品来自画家之手有着很大的关系。图 2简洁，明快，具有典型的中国式风格图 3创意简单，直接表现主题 2.1 比

2、例的概念 比例是指整体与局部、部分与部分之间长度、体积与面积相应要素的线性尺寸比值关系图 4 达。芬奇对人体比例的分析图示 2.2 自然比例与理想比例 自然比例是人们从自然生长的规律中总结出来的 数值关系，属于天然形成的美好比例。 理想比例是根据人们理想化的设计和总结出来的 数值关系，属于人类愿望中的美好比例。 2.3 编排设计与比例 常被运用到的比例及数列关系包括： 黄金比（0.618）、2比（1:1.414）、等比（1:1）、叠席比（1:2）等比例关系、斐波纳契级数、等比数列、等差数列等数列关系。图 5对黄金矩形分割，可以分割成一个正方形和一个更小比例的黄金矩形，这样可以无限分割下去图 6

3、 二 .编排设计的技术原则 1. 编排元素的一般特点 在平面媒体上，最基本的元素为文字、图形、色彩。编排设计就是建立在对于文、图、色这三个元素配置上的工作。 2. 编排中的逻辑 2.1 层次关系 编排设计的主要任务是进行视觉元素排列，建立合理的阅读次序。如：标题的字体与内文的字体间应该有一定的大小、形状等区别；过长的标题字也可以通过分行等方法增加层次，以突出重点。图 7 2.2 疏密关系 疏密关系也叫虚实关系，是空白与实体在画面所占的比例关系。疏密的变化可以使画面中产生律动的变化效果，增强节奏感，提升阅读效果。图 8 三. 视知觉的一般规律 1. 视觉浏览顺序 一般情况下，竖直画面的浏览顺序为

4、从上到下，横向画面的浏览顺序为从左到右。如果有特别的设计指导时，浏览顺序会随之变化。 图 9此图中根据从左到右的自然顺序，让我们感觉出烟什么时候会燃尽的想法。黄金涡眼黄金涡线图 8蒙德里安和杜斯伯格在面的分割试验中发现，在一个横向的黄金矩形中，视线会沿着黄金涡线舒适的流动到黄金涡眼，并长久驻留于此，黄金涡眼就成了凝聚视觉的重要位置。图 10这幅蒙娜丽莎的微笑，非常典型的运用了黄金漩涡的原理，将人们的视线集中在她的微笑之上。 2. 构成元素的视觉顺序 一般情况下，色彩的视觉度要比文字和图形高，图形的视觉度次于颜色。因此，三元素的视觉顺序为色彩、图形、文字。但是，在一些特殊情况下，三者的关系会发生

5、逆转。图 11图 12 3. 其他规律 3.1 字体的设计原则 功能性做为标题的字体，在设计师应注意目度、提示性、装饰性;作为内文字体应注重整齐度、舒适度；作为图形的文字可以牺牲一定的阅读性，但要有极强的视觉吸引性。 图13 对象性对于字体大小、形状、色彩的选择，要考虑读者群的特征。如：老年读者或儿童因用较大号的字体，儿童阅读速度不快，可以用较活泼的字体。图 14图 15图 14图 16 装饰性不同的字体具有不同的审美价值和时代感以及对象性，应根据所表现的内容进行合理的设计和选择。图 16 3.2 字间、行间 字与字间、行与行间在编排时应该考虑一定的间距。字间应小于行间，以此来引导阅读方向。正

6、常情况下，字体间的距离应选择为字体宽度的10%，没有特殊需要时，不要随意改变这个比例。行间的距离为字体高度的23（或一个字体高度）。 图 18 3.3 行长度 无论是横排或竖排文字，每一行的长度都不宜过长或过短。过长会在换行时找不到下一行起始位置，过短会由于频繁转行，造成阅读疲劳。在设计较宽时，可以采用分栏的方法解决。一般来说，行宽为100mm比较适合人的视域。 编排都有什么方法？三 版式设计方法 一、网格构成 1.网格设计概念 网格设计也称栅格系统、分割设计，利用各 种对平面的系统化分割形式，给予设计元素以某种特定的构成基础。 2 . 网格设计原理 第一步: 创建网格。 第二步：依据网格自由选择使用方式 第三步：脱格完成 3. 网格的设计技巧 3.1 创建怎么样的网格 （1）重复的网格系统 （2）渐进的网格系统 （3）自由式网格系统 （4）网格的叠加 （5）网格与方格 图19图 20图 21图 22图 23图 24 二.自由构成 1.自由构成的特征 版心的无界性、字图的一体性、字体的多变性、破碎的解构性、内容的不可读性.图 25 3.自由构成的表现技巧 3.1 确认情感特征 3.2 选择自由元素 3.3 选择表现角