
版式设计概述
版式设计概述! y9 H9 J5 G# Y" r
版式设计是现代设计艺术的重要组成部分,是视觉传达的重要手段,表面上看,它是一种关于编排的学问;实际上,它不仅是一种技能,更是技术与艺术的高度统一。版式设计是现代设计家必须具备艺术修养和技术知识。
2 D5 o/ K( Z" J4 F/ m; X9 q1.1 版式设计的定义+ g9 @, L2 ]" v" a `6 S$ n( q
版式[format] -指书刊等的版面格式, x+ }. B6 y, B7 O" S' _) n
版面-(报刊、书籍的一)整页, u6 Z# ]5 T! U. o5 c
所谓版式设计,就是在版面上,将有限的视觉元素进行有机的排列组合。
m* t* R- C" O$ R9 @ 将理性思维,个性化地表现出来;一种具有个人风格和艺术特色的视觉传送方式。
3 K5 z, e/ I( ?" T1 V0 ]+ F, d 传达信息,同时,也产生感官上的美感。& Z) V3 z9 J3 Z& s3 s6 {$ B
版式设计的范围,涉及到报纸、刊物、书籍(画册)、产品样本、挂历、招贴画、唱片封套和网页页面等平面设计各个领域。
& G3 S, Q8 i" \6 h1.2 版式设计的原则( K3 T5 E S4 S: T8 K9 [# s, x
让观看者在享受美感的同时,接受作者想要传达的信息。
0 S$ X. [9 |3 D6 J7 T( | 1、主题鲜明突出
* X2 d$ u" H: C( Q0 U8 q 版式设计的最终目的是使版面产生清晰的条理性,用悦目的组织来更好地突出主题,达到最佳诉求效果。
N* i6 t. B$ j 按照主从关系的顺序,使放大的主体形象视觉中心,以此表达主题思想。# f. y' O% r8 U, n# z; E
将文案中的多种信息作整体编排设计,有助于主体形象的建立。
0 Y, v/ T# ~7 K 在主体形象四周增加空白量,使被强调的主体形象更加鲜明突出。
4 [) W/ j- a9 l' d3 \% W* D# F 2、形式与内容统一
+ r/ Z& L) n1 F. S 版式设计的前提-版式所追求的完美形式必须符合主题的思想内容。/ R; j4 g( w3 u Q/ {
通过完美、新颖的形式,来表达主题。
8 i0 p" u9 B% P/ ~; w 没有文字的版面,最难设计。, |6 w; A9 l; W2 l( M
3、强化整体布局
0 `) o8 B; ]9 P5 J+ ~ 强化整体布局-将版面的各种编排要素在编排结构及色彩上作整体设计。
, X9 B4 K- F8 i/ h: e 加强整体的结构组织和方向视觉秩序。如水平结构、垂直结构、斜向结构、曲线结构。( F! K' B: R2 U; z% T. b
加强文案的集合性。将文案中的多种信息合成块状,使版面具有条理性。/ e! _- N4 r) h% M; k& K
加强展开页的整体性,无论是产品目录的展开嶡版,还是跨页版,均为同一视线下展示,因此,加强整体性可获得更良好的视觉效果。
# j, D7 G0 S3 t- ^( R! z3 J4 a2 版式的基本类型
0 V; X+ }( y( _ 骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型和四角型等13种。
' e- c$ G" e+ A# Z5 U2.1 骨格型
+ x5 H& x+ q& G( d+ u6 d 规范的、理性的分割方法。4 a$ S0 `& H8 p: s& u3 \& ]6 r
常见的骨格有-竖向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。1 Q) J: V$ V' p: D3 p# u
图片和文字的编排上,严格按照骨格比例进行编排配置,给人以严谨、和谐、理性的美。% g# J$ w8 `: }4 i3 c% p4 a
骨格经过相互混合后的版式,既理性有条理,又活泼而具有弹性。
8 U0 \6 e3 J9 `" F# m8 k2.2 满版型3 b& S0 v' g) j' b0 Z# X5 u' F& t
版面以图像充满整版,主要以图像为诉示,视觉传达直观而强烈。文字配置压置在上下、左右或中部(边部和中心)的图像上。, i) b H' _0 S W7 Y! ~
满版型,给人大方、舒展的感觉。是商品广告常用的形式。 # E, ^$ d+ M, W% Y) I: X
2.3 上下分割型' L6 m3 X) B+ K0 \+ } S
整个版面分成上下两部分,在上半部或下半部配置图片(可以是单幅或多幅),另一部分则配置文字。
: Q# s5 I; V d# _/ O 图片部分感性而有活力,而文字则理性而静止。 - |# V* C6 {% a8 {
2.4 左右分割型: Z. x+ V u3 m0 b8 a
整个版面分割为左右两部分,分别配置文字和图片。
5 Y& Z8 c4 q) _9 l 左右两部分形成强弱对比时,造成视觉心理的不平衡。这仅是视觉习惯(左右对称)上的问题,不如上下分割型的视觉流程自然。- \- Z9 J( O, g
如果将分割线虚化处理,或用文字左右重复穿插,左右图与文会变得自然和谐。 6 f1 K" P3 R3 t [$ e
2.5 中轴型. i9 q. |# {/ | q7 v
将图形作水平方向或垂直方向排列,文字配置在上下或左右。" z: B* l5 W9 F8 M' r$ _, J
水平排列的版面,给人稳定、安静、平和与含蓄之感。! T+ m7 L% {# v1 P! n
垂直排列的版面,给人强烈的动感。
8 t$ Z% L8 \; B c0 s! j2.6 曲线型
8 X2 L) `4 f. t1 z- F 图片和文字,排列成曲线,产生韵律与节奏的感觉。 6 ]3 n/ x2 [ I* v* u& n. q: o
2.7 倾斜型
* h! J& e9 A$ u 版面主体形象或多幅图像作倾斜编排,造成版面强烈的动感和不稳定因素,引人注目。
2 _; t+ @# R+ [6 X- G" I* i2.8 对称型0 y8 ]# Y5 r& B, |$ c
对称的版式,给人稳定、理性、理性的感受。# Y9 |: M1 i+ j% g+ X: t7 {4 S
对称分为-绝对对称和相对对称。一般多采用相对对称手法,以避免过于严谨。
. C* _" T8 ~1 b& W 对称一般以左右对称居多。 7 [4 q2 f: F* N X9 s W8 I
2.9 重心型
, \2 L5 z3 U N 重心型版式产生视觉焦点,使其更加突出。
+ @7 e9 W* S$ x* v; X 有三种亚型
\; x7 W; F" N) M- [1 d1 b/ [" B+ ] 直接以独立而轮廓分明的形象占据版面中心。
( N/ l: k, g: I6 k7 Z9 w 向心-视觉元素向版面中心聚拢的运动。+ [: _3 v: G% w P( d8 h0 r
离心-犹如石子投入水中,产生一圈一圈向外扩散的弧线的运动。 5 a, P4 G2 \$ |( p b% ^1 [6 `: f* [
2.10 三角型
, K5 R, p: T# @4 `% l6 J 在圆形、矩形、三角形等基本图形中,正三角形(金字塔形)最具有安全稳定因素。 # E3 r* r2 n- {6 v3 O
2.11 并置型' y4 ^1 X0 M2 C7 ]8 v" i
将相同或不同的图片作大小相同而位置不同的重复排列。8 P0 z$ g; ^+ g: _, W$ }
并置构成的版面有比较、解说的意味,给予原本复杂喧闹的版面以秩序、安静、调和与节奏感。 ( ~% z+ R9 f* @7 Y2 U+ n# t) \
2.12 自由型0 ~: d8 b, `! n% g& @: e
无规律的、随意的编排构成。
" ]8 [1 w) \5 }+ B 有活泼、轻快的感觉。 : w0 N/ W! E6 Q
2.13 四角型
. y3 D; U! i. w9 h4 z 版面四角以及连接四角的对角线结构上编排图形。6 D+ ^" O1 J4 y/ ~' F: L
给人严谨、规范的感觉。
) G; B3 y7 V8 J, {% U" x3 版式设计的基本步骤- x2 r. ~& |' ] t3 ]8 V( L
第一步:确定主题(需要传达的信息)。5 O4 c W0 a B# _) z
第二步:寻找、收集用于表达信息的素材-含文字、图形图像。6 q2 O8 r: x8 A2 R; U/ B
文字表达信息最直接、有效,应该简洁、贴切。* G" n/ v$ B% j! ]+ x
应该根据具体需要确定视觉元素的数量和色彩(黑白、彩色-色系)。
% ~: u8 Q t& K# h; u* c; I 第三步:确定版面视觉元素的布局(类型)。
) S$ i6 q6 X# p! `+ X. Y 第四步:使用图形图像处理软件进行制作。