平面板式设计

• ⑴用线分割版面的设计 网格线通常是隐性的，仅起定位作用，没经过专业训练的受众不易发现。但是，版式 设计师有时也别出心裁的使优美的网格结构线跃然纸上，成为可视线条。设计时，应 将网格线视为装饰元素作整体上的安排，切不可让纵横密布的网格线影响信息的传递。 • ⑵用线装饰编排元素的设计 在版式中，编排元素时常用线来装饰，引起视觉关注。 当引文需要强调时，用线作为装饰，将引文与正文加以区别。正文中，装饰线条可以 将正文进行平级信息分区；同时，线条也可以用在单词下方，对正文中重点内容起强 调作用。 • ⑶用线框来限定版式中的编排元素 线框可以用来加强某种编排元素视觉效果，使其在整体中显得特别出众。当被强调的 对象是说理性很强的文字或图形时，可用有规律的几何形线框来限定它，使形式与内 容完美统一。 • ⑷用线来装饰整体版面的设计，常用于展开页的整体设计，起到连贯信息的目的。
• • • •
• [重点提示一] • ①注意细节的处理，最黑的小标题放在了空白空间中，形成黑白强对比。 • ②当版式中有底色时，一定要首先把底色的明度分析出来，那么白的概念就需要有意识的留 出空白空间来加以表现。 • ③当版式中有图片时，作为不变因素，也必须将其明度分析出来，使其成为其它编排元素布 局时黑白灰整体构成的参考因素。 • • [重点提示二] • 目录（索引）设计 • ①书的目录是读者购书时首先浏览的页面，重点突出，导航清晰，编排舒适是设计的重点。 • ②要有意识地注意你所看到的每本杂志、书籍或者报刊的目录页设计。注意不同的内容是如 何组合，运用了多少种字体，是如何在字体和排版上运用对比以便找出重要信息，是怎样把 主题进行同类合并。另外，还应看看杂志中的目录和图片是如何结合在一起；注意对齐方式、 字体的重复及对比的运用。 • ③目录和索引甚至比其他一些设计项目更需要功能与外观并重。 • • • • 注意： 目录设计的重点是指引线（即指示页数的一行点）。 ①不要使用不相配的指引线，同时要学会调整指引线间的间隔，使整体视觉效果舒适。 ②不要键入一个又一个的句号来充当指引线。因为这些句号的排列肯定很不规则，学会使用 相关软件“自动加入指引线”的功能。 • ③即使有指引线，也不要把页码数字与标题之间的距离分得太开。 • ④目录中的章与节非常清晰，同一章节的信息尽量靠近，不同章节的信息应拉开一定距离， 注意运用邻近原则。 • ⑤不要过于强调信息级别的层次而把页面变得很乱，牢记整体概念。
版式中的重复原则
• 同样的形在一个设计中多次使用，称为重复。包括形的重复、尺寸重复、色彩重复、质感重 复、方向重复、位置重复、空间重复和重量重复等。
• 版式设计中编排元素间形的重复、编排元素与空白空间形的重复、编排元素在网格单元中的 重复，构成协调一致的视觉形象。然而太多的重复可能会损害编排的活力，这时可以在方向 和空间上作一些变化：形以各种方式相互迭加、穿透、组合、或正负形的结合等。
版式的基本类型
• • • • • • • • • • • • • 骨格型 满版型 上下分割型 左右分割型 中轴型 曲线型 倾斜型 对称型 重心型 三角型 并置型 自由型 四角型
• 骨格型 规范的、理性的分割方法。 常见的骨格有－竖向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。 图片和文字的编排上，严格按照骨格比例进行编排配置，给人以严谨、 和谐、理性的美。 骨格经过相互混合后的版式，既理性有条理，又活泼而具有弹性。 • 满版型 版面以图像充满整版，主要以图像为诉示，视觉传达直观而强烈。文字 配置压置在上下、左右或中部（边部和中心）的图像上。 满版型，给人大方、舒展的感觉。是商品广告常用的形式。 • 上下分割型 整个版面分成上下两部分，在上半部或下半部配置图片（可以是单幅或 多幅），另一部分则配置文字。 图片部分感性而有活力，而文字则理性而静止。
• ①重复构成方法 依据对文本的分类，找出重复的内容（标题的样式、段间间距、图形等元素）,分区设计时有 意识重复各区域的外形，重复各级分组及它们的对齐方式，并将这种设计特征运用于不同的 页面重复使用，以便让读者能够看懂组织结构。 这个理念可以应用到设计的每个内容中：要有意识的去做。 • ②重复的形式 线性重复：按同一方向同样间距重复形。 二维重复：多行的单元形或组规则重复。 三维重复：产生空间和结构网格系统。
读者下意识的阅读习惯
• ①从左往右看 • ②从顶部开始，再沿着页面一直往下 • ③出版物的各页是相互关联的 • ④邻近相连而远距离则意味着分开 • ⑤大而深的是重要的，小而浅的是次重要的 • ⑥任何事物都有形状，包括“空”的空间 • 作为一个设计师，在设计时，应遵循读者的阅读习惯，任何一种逆向设计， 都应慎重考虑。
宣传手册、CI、网页设计等。
版式设计的原则
• • • • • • • • • • • • • • • 让观看者在享受美感的同时，接受作者想要传达的信息。 1、主题鲜明突出 版式设计的最终目的是使版面产生清晰的条理性，用悦目的组织来更好地突出主题，达到最佳诉求 效果。 按照主从关系的顺序，使放大的主体形象视觉中心，以此表达主题思想。 将文案中的多种信息作整体编排设计，有助于主体形象的建立。 在主体形象四周增加空白量，使被强调的主体形象更加鲜明突出。 2、形式与内容统一 版式设计的前提－版式所追求的完美形式必须符合主题的思想内容。 通过完美、新颖的形式，来表达主题。 没有文字的版面，最难设计。 3、强化整体布局 强化整体布局－将版面的各种编排要素在编排结构及色彩上作整体设计。 加强整体的结构组织和方向视觉秩序。如水平结构、垂直结构、斜向结构、曲线结构。 加强文案的集合性。将文案中的多种信息合成块状，使版面具有条理性。 加强展开页的整体性，无论是产品目录的展开嶡版，还是跨页版，均为同一视线下展示，因此，加 强整体性可获得更良好的视觉效果。
平面版式设计
版式设计概述
• 版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段，表面上 看，它是一种关于编排的学问；实际上，它不仅是一种技能，更是技术与艺 术的高度统一。版式设计是现代设计家必须具备艺术修养和技术知识。
版式设计的定义
• 版式设计又称编排设计，是平面设计中的一个组成部分，为视觉传达设计的 重要环节。版式设计当然要调动各类视觉元素进行形式上的组合排列，但更 重要的是：版式上新颖的创意和个性化的表现。同时能够强化形式和内容的 互动关系，以期全新的视觉效果。 • 版式设计的创意不完全等同于平面设计中作品主题思想的创意，既相对独立， 又必须服务于其主题思想创意。优秀的版式设计，可以突出作品的主题思想， 使之更加生动、更具有艺术感染力。 • 版式设计涉及到平面设计的各个方面，诸如广告、包装、报纸、杂志、书籍、
• 左右分割型 整个版面分割为左右两部分，分别配置文字和图片。 左右两部分形成强弱对比时，造成视觉心理的不平衡。这仅是 视觉习惯（左右对称）上的问题，不如上下分割型的视觉流程自然。 如果将分割线虚化处理，或用文字左右重复穿插，左右图与文 会变得自然和谐。 • 中轴型 将图形作水平方向或垂直方向排列，文字配置在上下或左右。 水平排列的版面，给人稳定、安静、平和与含蓄之感。 垂直排列的版面，给人强烈的动感。 • 曲线型 图片和文字，排列成曲线，产生韵律与节奏的感觉。 • 倾斜型 版面主体形象或多幅图像作倾斜编排，造成版面强烈的动感和 不稳定因素，引人注目。
版式设计的简洁概念
• 成功的设计必须尽可能充分而简洁地描述内容，这就是设计中优美的定义。 • 在版式设计中，并不是要占满所有的空间，纯粹以大量的信息来打动读者，那样，读 者只会被过多的信息淹没而不知所措，多，并不意味着好。在使用字体、图片或其它 任何符号时，都必须要精练。如果达不到什么目的，或仅仅为了装饰，就不要用。尽 管近年来我们看到了大量的令人眼花缭乱的设计作品，但设计质量的好坏是与它的简 洁和清晰成正比的。 • 设计中的简洁不等于简单。 • “简单”，主要是从量的角度去考虑。是指在一个版式中只包含着很少几个元素，而 且元素与元素之间的构成关系过于简单而致。如果用这种简单的形式传达信息，肯定 会产生出单调的结果，在设计中，单调往往导致厌倦感的产生。 • “简洁”在设计领域里具有与“简单”相对立的另一层含意。一个好的设计纵然表面 上看似乎“简单”，但内含的复杂性和丰富性一定是存在的。 • 当某一个设计被誉为具有简洁性时，表示这件作品把丰富的意义和多样化的形式凝火 束在一个统一的结构中。在这个结构中，所有细节不仅各得其所，而且毫不多余。 • 任何简洁的形式最终都要传达出一种远远超出形式自身的意义，让阅读者有回味的余 地。因此，简洁要求主题内容与呈现这个主题的形式结构之间达到圆满的一致。
版式中的线
• 版式中的线包括三种：由字的编排构成的线、视觉引导线、几何线。 • ①字有秩序的编排构成线 在平面构成中我们知道点的移动可以构成线，设计中常常将字符作为点进行线的编排， 通过字体、粗细、大小构成不同明度的线。
• ②视觉引导线 视觉引导线在版式中是一条看不见但却非常关键的导向线，它直指中心内容。 我们在分析作品时，一定要善于发现这条看不见的线。因为它引导视线去关注设计主 题，成为贯穿版面的主线，版式中的编排元素以视觉引导线为中心依信息级别向左右 或上下展开。 视觉引导线是版式设计中定位的依据，表现为水平线、垂直线、曲线、斜线。 • ③几何线 几何线表现为可视的网格分区线和装饰线。
版式设计分区
• • 1、黑、白、灰关系 在版式设计中，图形与图形，图形与文字，文字与文字、编排元素与背景之间，无论表现为有彩 色或无彩色，我们在分析中，都在视觉上整体归纳为黑、白、灰三种空间层次关系。通过黑、白、 灰的明度对比，使某些元素比其它元素更突出，各编排元素之间建立起先后顺序，使信息层次更 加分明。 2、面构成 在视觉构成中，面用于定义空间或体积的边界，被面所限定的区域也称为形。 面在二维平面上，常表现为各种各样的形状：几何形，有机形，不规则形，曲线形。 形可以根据内容大致分为表现形体和抽象形体两大类。表现形体即包含特定主题、可与观众进行 视觉交流的形。在版式设计中，包括图片、标题、引文、正文等编排元素抽象成“面”之后所形 成的形。抽象形体（或非表现形体）指不包含可以认知主题的形，例如负空间，可以帮助设计作品具备层次感，而层次感就是观众接受信息的顺序，即他们 能理解哪些是重要的信息，哪些是次要的。 • 对比的把握： • ①为各种元素安排一个规则的体系，然后打破这个体系。 • ②图形：在大小比例上设计一个出其不意的变化。 文字：把语言重点转换成视觉重点最常用的是大小的对比。 • ③把某一元素移出它原有的位置。 • ④去除某一预料之中的元素。 • ⑤改变某一元素量。