平面版式设计的基本知识.doc

平面版式设计的基本知识版式设计4 r( C/ N- T3 - n1版式设计概述9 F5 V0 Vd# v; e3 k2 G 版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段，表面上看，它是一种关于编排的学问；实际上，它不仅是一种技能，更是技术与艺术的高度统一。版式设计是现代设计家必须具备艺术修养和技术知识。 9 # Y d# I; q3 m4 r) K+ C) G # S/ W/ T6 z! Y1.1版式设计的定义$ Z; G9 x r4 r0 K 版式format 指书刊等的版面格式) v4 U8 K n$ g+ F/ Y, n) a 版面（报刊、书籍的一）整页2 e- 2 O6 u E, 所谓版式设计，就是在版面上，将有限的视觉元素进行有机的排列组合。; G# y Q+ j: G 将理性思维，个性化地表现出来；一种具有个人风格和艺术特色的视觉传送方式。& k/ D: u3 W) e6 N# 传达信息，同时，也产生感官上的美感。; 3 M. 0 l% 9 A( W$ A* T 版式设计的范围，涉及到报纸、刊物、书籍（画册）、产品样本、挂历、招贴画、唱片封套和网页页面等平面设计各个领域。 % B+ O: s9 V+ O) w! u h8 m: q7 G. L3 k/ Z2 Dc4 ! r1.2版式设计的原则: i( S N! U: h! G* F让观看者在享受美感的同时，接受作者想要传达的信息。 V! w8 J5 D! |1 d9 q6 m& 6 l1、主题鲜明突出% C( p, / A( $ 8 A版式设计的最终目的是使版面产生清晰的条理性，用悦目的组织来更好地突出主题，达到最佳诉求效果。3 t g) n7 0 p8 E5 t3 + O( W. Q( p按照主从关系的顺序，使放大的主体形象视觉中心，以此表达主题思想。9 P- j_! c0 V将文案中的多种信息作整体编排设计，有助于主体形象的建立。|! A- B Y9 n# B: G, r在主体形象四周增加空白量，使被强调的主体形象更加鲜明突出。2 r eK; ) g7 4 z i# y2、形式与内容统一) nb$ E j2 G0 j6 n版式设计的前提版式所追求的完美形式必须符合主题的思想内容。# k0 V4 J& r3 K6 a7 z9 I. t通过完美、新颖的形式，来表达主题。0 G0 q0 n G1 没有文字的版面，最难设计。 A2 xk & x. J B2 r3、强化整体布局4 k1 V) n! K H8 a强化整体布局将版面的各种编排要素在编排结构及色彩上作整体设计。; e0 z( v0 J+ M: C加强整体的结构组织和方向视觉秩序。如水平结构、垂直结构、斜向结构、曲线结构。5 r6 N, g) 加强文案的集合性。将文案中的多种信息合成块状，使版面具有条理性。 i |- z1 N& m& z( i3 x加强展开页的整体性，无论是产品目录的展开嶡版，还是跨页版，均为同一视线下展示，因此，加强整体性可获得更良好的视觉效果。 a4 u* O U6 a3 g y7 z4 k7 4 b a2版式的基本类型* 5 n& G R* Q$ h 骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型和四角型等13种。 6 a! Q0 o* B5 i. R: Q. T8 2 hK8 D2.1骨格型3 h4 * P, j C, k 规范的、理性的分割方法。8 ) T8 I; w, D- R: t3 S4 g* J 常见的骨格有竖向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。! tC6 w9 Q: . R 图片和文字的编排上，严格按照骨格比例进行编排配置，给人以严谨、和谐、理性的美。0 j. g2 d. O4 C 骨格经过相互混合后的版式，既理性有条理，又活泼而具有弹性。 . ; Y! R( u5 A% d S2 d$ b3 ; c2 E2.2满版型( U1 g: v0 X. H4 t 版面以图像充满整版，主要以图像为诉示，视觉传达直观而强烈。石灰吟文字配置压置在上下、左右或中部（边部和中心）的图像上。) t; ; y: c$ N* 3 X 满版型，给人大方、舒展的感觉。是商品广告常用的形式。 : XP7 U6 P c! o $ B4 1 I) w1 |; q. X* E. v/ F& ?2.3上下分割型) O5 ( b) I8 - |0 j 整个版面分成上下两部分，在上半部或下半部配置图片（可以是单幅或多幅），另一部分则配置文字。8 r; _0 g+ O! w- A: ?3 w 图片部分感性而有活力，而文字则理性而静止。 ; C* k) U9 X4 C1 l; f5 L+ e6 & v: T& y& ?2.4左右分割型* v0 h e3 D% Z( u2 ) b0 i 整个版面分割为左右两部分，分别配置文字和图片。! O/ E/ Y/ $ s+ U 左右两部分形成强弱对比时，造成视觉心理的不平衡。这仅是视觉习惯（左右对称）上的问题，不如上下分割型的视觉流程自然。$ eN C* p& a) s$ Yp$ l: f) u 如果将分割线虚化处理，或用文字左右重复穿插，左右图与文会变得自然和谐。 $ 2 V+ y* k/ y2 t/ N5 O. r1 |8 s8 a9 W: P+ K$ 2.5中轴型. L ( l8 9 m- e a 将图形作水平方向或垂直方向排列，文字配置在上下或左右。3 w G& A3 h# H9 Q3 s 水平排列的版面，给人稳定、安静、平和与含蓄之感。2 # A2 X7 E; k! D. D* L7 k 垂直排列的版面，给人强烈的动感。 / Z) C- 8 f* c& c ?. 3 U: S* $ m( Y1 2 a 2.6曲线型1 tR! C6 E% O/ p* a+ k7 e2 Y# l 图片和文字，排列成曲线，产生韵律与节奏的感觉。 & h3 o# t: f. _) E x skO5 L8 w) v7 U7 ; 2.7倾斜型- _2 D# M- 8 E 版面主体形象或多幅图像作倾斜编排，造成版面强烈的动感和不稳定因素，引人注目。 , M) G1 K# l/ % I* V& M4 Z- z) M1 K/ g* d6 x$ 0 n2.8对称型% z0 b+ W$ t: a! a s! * u+ CP 对称的版式，给人稳定、理性、理性的感受。; W& / O7 Z4 O r. h- j! K 对称分为绝对对称和相对对称。一般多采用相对对称手法，以避免过于严谨。. E+ n, $ P8 q! 对称一般以左右对称居多。 . GI2 g7 a1 P- c- ?$ g: p- S% 6 Y; T6 Z2.9重心型9 3 2 B, J/ e* k E* 重心型版式产生视觉焦点，使其更加突出。5 f+ _, m; j$ k9 % 有三种亚型/ x: I& X; Y. Q5 y6 m 直接以独立而轮廓分明的形象占据版面中心。4 G0 p# V# |) i 向心视觉元素向版面中心聚拢的运动。 . W( s0 S+ 3 x- s: Y 离心犹如石子投入水中，产生一圈一圈向外扩散的弧线的运动。 - ) $ X% : I/ x* J4 u6 Y9 H M# AB6 M2.10三角型1 |6 i! : c* c7 l?5 o 在圆形、矩形、三角形等基本图形中，正三角形（金字塔形）最具有安全稳定因素。 , p) D1 P; 1 d. L/ b g! u7 Z* x! Y2.11并置型; g0 X6 9 d6 E/ A) s! W% V1 将相同或不同的图片作大小相同而位置不同的重复排列。) U. * r$ O3 G/ i1 w n5 w 并置构成的版面有比较、解说的意味，给予原本复杂喧闹的版面以秩序、安静、调和与节奏感。 + Z1 O3 P; % ; T8 / t, / i- |7 g) OlZ: c ?2.12自由型& 9 H0 E6 I# * K4 7 uz 无规律的、随意的编排构成。. B- Z2 Y1 B6 r) D8 r 有活泼、轻快的感觉。 8 x5 ed, V- I* B8 f Z0 zM8 O, v9 k9 2.13四角型6 A1 % U1 p9 E) M 版面四角以及连接四角的对角线结构上编排图形。$ g( v# h4 c1 K: c+ y 给人严谨、规范的感觉。 : Cd* l) f( Z* E. L& n( l4 p3 版式设计的基本步骤) l9 _: R) C3 Y: T. n0 P第一步：确定主题（需要传达的信息）。% i! ! _2 6 O2 第二步：寻找、收集用于表达信息的素材含文字、图形图像。, v9 b2 , W+ 1 文字表达信息最直接、有效，应该简洁、贴切。- b. V: H3 f6 B d o应该根据具体需要确定视觉元素的数量和色彩（黑白、彩色色系