1、 编排设计基础 编排的基本概念编排设计的原则编排设计方法123目录 什么是编排?一 编排的基本概念 编排是指在平面媒体上,将构成元素给予视觉上的整理与配置,使其成为具有最大诉求效果的成技术,是对平面某媒体的总体设计。编排设计的原则是什么?二 编排设计的原则 一、编排设计的艺术原则一、编排设计的艺术原则 1.感性美与理性美 2.比例美 3.风格美图 1红磨坊是著名画家劳特雷克的第一幅海报作品,创作于1891年。与绘画作品相比,虽然有着明显的装饰意味,但在编排上所呈现的灵动变化,充实着感性的成分,这与早期设计作品来自画家之手有着很大的关系。图 2简洁,明快,具有典型的中国式风格图 3创意简单,直接
2、表现主题 2.1 2.1 比例的概念比例的概念 比例是指整体与局部、部分与部分之间长度、体积与面积相应要素的线性尺寸比值关系图 4 达。芬奇对人体比例的分析图示 2.2 2.2 自然比例与理想比例自然比例与理想比例 自然比例是人们从自然生长的规律中总结出来的 数值关系,属于天然形成的美好比例。理想比例是根据人们理想化的设计和总结出来的 数值关系,属于人类愿望中的美好比例。2.3 2.3 编排设计与比例编排设计与比例 常被运用到的比例及数列关系包括:黄金比(0.618)、2比(1:1.414)、等比(1:1)、叠席比(1:2)等比例关系、斐波纳契级数、等比数列、等差数列等数列关系。图 5对黄金矩
3、形分割,可以分割成一个正方形和一个更小比例的黄金矩形,这样可以无限分割下去图 6 二二 .编排设计的技术原则编排设计的技术原则 1.编排元素的一般特点 在平面媒体上,最基本的元素为文字、图形、色彩。编排设计就是建立在对于文、图、色这三个元素配置上的工作。2.2.编排中的逻辑编排中的逻辑 2.1 层次关系 编排设计的主要任务是进行视觉元素排列,建立合理的阅读次序。如:标题的字体与内文的字体间应该有一定的大小、形状等区别;过长的标题字也可以通过分行等方法增加层次,以突出重点。图 7 2.2 疏密关系 疏密关系也叫虚实关系,是空白与实体在画面所占的比例关系。疏密的变化可以使画面中产生律动的变化效果,
4、增强节奏感,提升阅读效果。图 8 三三.视知觉的一般规律视知觉的一般规律 1.视觉浏览顺序 一般情况下,竖直画面的浏览顺序为从上到下,横向画面的浏览顺序为从左到右。如果有特别的设计指导时,浏览顺序会随之变化。图 9此图中根据从左到右的自然顺序,让我们感觉出烟什么时候会燃尽的想法。黄金涡眼黄金涡线图 8蒙德里安和杜斯伯格在面的分割试验中发现,在一个横向的黄金矩形中,视线会沿着黄金涡线舒适的流动到黄金涡眼,并长久驻留于此,黄金涡眼就成了凝聚视觉的重要位置。图 10这幅蒙娜丽莎的微笑,非常典型的运用了黄金漩涡的原理,将人们的视线集中在她的微笑之上。2.构成元素的视觉顺序 一般情况下,色彩的视觉度要比
5、文字和图形高,图形的视觉度次于颜色。因此,三元素的视觉顺序为色彩、图形、文字。但是,在一些特殊情况下,三者的关系会发生逆转。图 11图 12 3.3.其他规律其他规律 3.1 字体的设计原则 功能性做为标题的字体,在设计师应注意目度、提示性、装饰性;作为内文字体应注重整齐度、舒适度;作为图形的文字可以牺牲一定的阅读性,但要有极强的视觉吸引性。图13 对象性对于字体大小、形状、色彩的选择,要考虑读者群的特征。如:老年读者或儿童因用较大号的字体,儿童阅读速度不快,可以用较活泼的字体。图 14图 15图 14图 16 装饰性不同的字体具有不同的审美价值和时代感以及对象性,应根据所表现的内容进行合理的
6、设计和选择。图 16 3.2 字间、行间 字与字间、行与行间在编排时应该考虑一定的间距。字间应小于行间,以此来引导阅读方向。正常情况下,字体间的距离应选择为字体宽度的10%,没有特殊需要时,不要随意改变这个比例。行间的距离为字体高度的23(或一个字体高度)。图 18 3.3 行长度 无论是横排或竖排文字,每一行的长度都不宜过长或过短。过长会在换行时找不到下一行起始位置,过短会由于频繁转行,造成阅读疲劳。在设计较宽时,可以采用分栏的方法解决。一般来说,行宽为100mm比较适合人的视域。编排都有什么方法?三 版式设计方法 一、网格构成一、网格构成 1.网格设计概念 网格设计也称栅格系统、分割设计,
7、利用各 种对平面的系统化分割形式,给予设计元素以某种特定的构成基础。2.网格设计原理 第一步:创建网格。第二步:依据网格自由选择使用方式 第三步:脱格完成 3.网格的设计技巧 3.1 创建怎么样的网格 (1)重复的网格系统 (2)渐进的网格系统 (3)自由式网格系统 (4)网格的叠加 (5)网格与方格 图19图 20图 21图 22图 23图 24 二二.自由构成自由构成 1.自由构成的特征 版心的无界性、字图的一体性、字体的多变性、破碎的解构性、内容的不可读性.图 25 3.自由构成的表现技巧 3.1 确认情感特征 3.2 选择自由元素 3.3 选择表现角度 三、综合构成三、综合构成 在这个宽容的时代,融合各种流派、各个时期、各种民族风格的作品表现形式大行其道,成为一种不可忽视的潮流.图 27图 28图 29 Thank YouPS:本文资料来自于编排设计教程,图片来自百度