手绘效果图的排版问题

2014-11-26/ 图像资料下载/ 待处理/ 只看大图 阅读模式
仅供分享不做任何商业用途,版权归原作者所有,谢谢配合。

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册

x
如果仅仅说草图,应该不存在排版问题,只要能记录下思考的过程,自己能看懂就可以。可是,手绘的效果图是有展示作用的,所以他还要有条理,能让别人看的懂看的明白,所以就会涉及到排版构图的问题,但是我发现不知道是这个问题并不重要还是大部分人都忽略了,无论是在书籍当中,还是网站论坛里,都很少会提到这个问题。那些介绍手绘技法的书和帖子往往都只注重技法本身,很少涉及到排版,所以特在此求教高人能介绍一些手绘的排版构图方面的经验。
6 R% p: s- t& Y  [- ?% h工业设计排版样式(文字-图片)
9 P( _; X( R  E一、文字排版样式. s0 g5 g: F$ H; p+ }
  以文字为主的排版样式。文字在排版设计中,不仅仅局限于信息传达意义上的概念,而更是一种高尚的艺术表现形式。文字已提升到启迪性和宣传性、引领人们的审美时尚的新视角。文字是任何版面的核心,也是视觉传达最直接的方式,运用经过精心处理的文字材料,完全可以制作出效果很好的版面,而不需要任何图形。
: B5 D) h, i/ R( F  ?3 _* z" W' g4 i9 `2 g4 @' v
  1. 字体、字号" }4 U& U  R" x* I* |9 b3 |
; ?  O7 B$ \+ s/ N- @6 r! u
  字体的设计、选用是排版设计的基础。中文常用的字体主要有宋体、仿宋体、黑体、楷书四种。在标题上为了达到醒目的效果,又出现了粗黑体、综艺体、琥珀体、粗圆体、细圆体以及手绘创意美术字等,在排版设计中,选择两到三种字体为最佳视觉结果。否则,会产生零乱而缺乏整体效果。在选用的这三种字体中,可考虑加粗、变细、拉长、压扁或调整行距来变化字体大小,同样能产生丰富多彩的视觉效果。' G4 g. x, u' j" j8 K& `

2 h: v! [! i2 P$ P  字号是表示字体大小的术语。计算机字体的大小,通常采用号数制、点数制和级数的计算。点数制是世界流行计算字体的标准制度。“点”:也称磅(P)。电脑排版系统,就是用点数制来计算字号大小的,每一点等于0.35毫米。
9 U0 i: T. \3 Z$ H+ i; f$ R( J' {- L
  2.字距与行距
: S# U3 y; {. K& r, p& F: E& d' l2 M- X  C- Q! y; o8 J
  字距与行距的把握是设计师对版面的心理感受,也是设计师设计品味的直接体现。一般的行距在常规的比例应为:用字8点行距则为10点,即8:10。但对于一些特殊的版面来说,字距与行距的加宽或缩紧,更能体现主题的内涵。现代国际上流行将文字分开排列的方式,感觉疏朗清新、现代感强。因此,字距与行距不是绝对的,应根据实际情况而定。5 D6 D1 e; c7 u: B; R
+ z$ ?* a4 m$ j
  3. 编排形式# Y# D+ c$ e# a) |; H+ ~
: x, O  t7 E( Q, v! K: E) s; y# k
  文字的编排形式多种多样,我们大致可以理解为以下几种:' |- O& }, x# x. l% C/ i

2 f. z& l" d( E' m; s& ]8 o% a
. n/ _/ h- I1 S, E/ t, h左右齐整,横排也可竖排;左齐、右齐或聚中编排, f8 L8 h# O5 i+ w
$ [+ A; {1 |1 d+ o* `. Q0 E
文图穿插
! a, U+ D# _4 `! ]! F# Z, s  T6 X/ ~- L0 O
突出字首
2 g* A, W, b/ V6 c: y
7 P4 j+ y0 d* S5 }& d自由编排; b$ ]' Q4 o9 t/ [2 P

! L( A" z+ B& y! }& i( G% V: U) ]& [0 p  4. 文字编排的特殊表现
( m8 n" K# K3 D) K3 r3 o0 {8 B; Y6 z& M1 q3 R

. w! r$ M& v$ B形象字体,根据文字的意思或内容进行艺术创造的字体。7 F- ^- K- n. D) L
- Q) O& [, d3 K

4 @7 X* k1 U( q4 g6 x3 l  G意象字体,将特定的文字个性化,直接地展示文字的内容。3 I! d+ t0 q( @1 a0 E( V

$ D% F! h9 N2 u! d$ z5 b; o4 [) P0 b; `5 I, T$ r" E
图文叠印,将文字印在图片或图形的背景上。
# o/ n) Y4 A# O% I' Q- c) D/ U$ P
% s- v2 C: H! N6 u3 u" d
  @) P! J" C: s) D7 H$ q: z; Y' w群组编排,将文字编排在一个具体的形状中,使其图片化。, X+ b6 Q0 K" B" Y9 R" N! _1 F

7 U) l$ T" r  g  H; Y0 C. V: l7 d  m- M: g0 c; w. m( x+ B
二、图片排版样式$ M8 k& X6 l9 k( m$ H  h- F  ^$ ]$ j2 K
  以图片为主的排版样式。图片在排版设计中,占有很大的比重,视觉冲击力比文字强85%;也有这样一说,一幅图版胜于千字。但这并非语言或文字表现力减弱了,而是说图片在视觉传达上能辅助文字,帮助理解,更可以使版面立体、真实。因为图片能具体而直接地把我们的意念高素质、高境界地表现出来,使本来物变成强而有力的诉求性画面,充满了更强烈的创造性。图片在排版设计要素中,形成了独特的性格以及吸引视觉的重要素材,视觉效果和导读效果。  E$ m+ ~, Y8 t* D6 y+ d
2 g# N8 H5 f' ~) q; U8 K
  1.图片的位置/ w+ b* P# `0 V7 A7 v4 W4 ~
! P5 T4 N: N; h7 h8 }
  图片放置的位置,直接关系到版面的构图布局、版面中的左右上下及对角线的四角都是视线的焦点。在这焦点上恰到好处地安排图片,版面的视觉冲击力就会明显地表露出来。编排中有效地控制住这些点,可使版面变得清晰、简洁而富于条理性。  R: V1 ]! ~# u5 E' l' ~
+ {+ x' s: x6 J) `- E
  2.图片的面积7 n, x  K! X+ \

3 m3 O- g2 h8 w  图版面积的大小安排,直接关系到版面的视觉传达。一般情况下,把那些重要的、吸引读者注意力的图片放大,从属的图片缩小,形成主次分明的格局,这是排版设计的基本原则。2 q4 @$ d5 Z2 ]( c# z

, s! c. Y2 \2 \/ Y# c: _5 R  3.图片的数量
, F% m! d% f! ~9 F2 c  X
6 S0 s* t% r6 L2 ~( X+ s  图片的数量多寡,可影响到读者的阅读兴趣。如果版面只采用一张图片时,那么,其质量就决定着人们对它的印象。往往这是显示出格调高雅的视觉效果之根本保证。增加一张图片,就变为较为活跃的版面了,同时也就出现了对比的格局。图片增加到三张以上,就能营造出很热闹的版面氛围了,非常适合于普及的、热闹的和新闻性强的读物。有了多张照片,就有了浏览的余地。数量的多少,并不是设计者的随心所欲,而最重要的是根据版面的内容来精心安排。6 z- }4 P; B9 K$ Q) d7 D

3 N4 J9 O3 k* Q8 P: N' \$ P  4.图片的形式& Y) J( j4 U- L/ {
; _+ |1 G; X/ [+ m6 z- v7 V, y* K+ F
  图片的形式主要有:2 \4 c3 H, G% ?; k% l2 U: r7 h# f
8 A- r! M2 c. t2 l
  方形图式
  x6 c+ ~! ^8 _  N  出血图式 即图片充满整个版面而不露出边框。% v: _9 S6 P" q  I9 O1 N6 d
  退底图式 是设计者根据版面内容所需,将图片中精选部分沿边缘裁剪。. k0 ~6 T! s: Z3 \
  化网图式 是利用电脑技术用以减少图片的层次。
: _0 Z: l. o$ K+ t9 L  特殊图式 是将图片按照一定的形状来限定。# a8 j) |& T! h+ O

( Z$ n( X0 C* ]( o+ l! P. |8 t  5.图片的组合
0 v' A" C! M6 e" }* y) e
& d2 v( v8 E5 Z& E  图片组合,就是把数张图片安排在同一版面中。它包括块状组合与散点组合。
8 X7 ]7 T; s9 [* T+ k块状组合强调了图片与图片之间的直线。垂直线和水平线的分割,文字与图片相对独立,使组合后的图片整体大方,富于理智的秩序化条理。
2 T4 _1 |8 e' Q* o, w/ [
, B% [& T" G6 T  e  6.图片的方向
9 w5 n- I0 Z0 t! Y, {) U5 C8 \8 l+ R+ r# M  o) e8 M
  图片方向的强弱,可造成版面的行之有效的视觉攻势。方向感强则动势强,产生的视觉感应就强。反之则会平淡无奇。图片的方向性可通过人物的运势、视线的方向等方面的变化来获得,也可借助近景、中景和远景来达到。
* b3 x  u7 h2 j7 k8 h  x' j1 l$ o3 W" Q" P- {/ {  |

7 I" p* T" b4 ]1 w三、图形排版样式
; Q; ^8 B  z  ^  以图形为主的排版样式。图形可以理解为除摄影以外的一切图和形。图形以其独特的想象力、创造力及超现实的自由构造,在排版设计中展示着独特的视觉魅力。在国外,图形设计师已成为一种专门的职业。图形设计师的社会地位已伴随图形表达形式所起的社会作用,日益被人们所认同。今天,图形设计师已不再满足或停留在手绘的技巧上,电脑新科技为图形设计师们提供了广阔的表演舞台,促使图形的视觉语言变得更加丰富多彩。5 Y! |# a& o7 I' r9 |8 S

1 D4 z; S4 w# T+ c# @3 C  图形主要具有以下特征:图形的简洁性、夸张性、具象性、抽象性、符号性、文字性。* A  B3 a/ W0 q' I$ V6 m
$ G) Z5 {9 k7 \: z
  1.图形的简洁性
+ u) l: x( Z! D7 r6 d. j. _8 i5 Z, {
) v' \- _  ?4 M2 Y! e! L  图形在排版设计中最直接的效果就是简洁明了,主题突出。. v; t3 M* f# h/ S  h
$ r, K) g6 _: Q4 ~3 |( v2 C
  2.图形的夸张性
  I7 w2 L" u  x! \/ ]/ J/ U
9 k1 [0 w* o# H  夸张是设计师最常借用的一种表现手法,它将对象中的特殊和个性中美的方面进行明显的夸大,并凭借于想象,充分扩大事物的特征,造成新奇变幻的版面情趣,以此来加强版面的艺术感染力,从而加速信息传达的时效。' I, B/ q. D4 z: a8 Q  y

2 k: P+ ^: V1 {2 l  3、图形的具象性8 u$ K( i. L- i" R
6 r2 E. z! s# H- p( ]; X0 K6 ?
  具象性图形最大的特点在于真实地反映自然形态的美。在以人物、动物、植3、图形的具象性具象性图形最大的特点在于真实地反映自然形态的美。在以人物、动物、植物、矿物或自然环境为元素的造型中,以写实性与装饰性相结合,令人产生具体清晰、亲切生动和信任感、以反映事物的内涵和自身的艺术性去吸引和感染读者,使版面构成一目了,深得读者尤其是儿童的广泛喜爱。$ z: F9 L9 _8 u" O1 o6 G, W& l
; R9 v. G" z' U8 z! T
  4、图形的抽象性  U* ~5 a/ s( u! G8 i

; F+ j- q* s% L2 X  ?4 t7 I  抽象性图形以简洁单纯而又鲜明的特征为主要特色。它运用几何形的点、线、面及圆、方、三角等形来构成,是规律的概括与提炼。所谓“言有尽而意无穷”,就是利用有限的形式语言所营造的空间意境,让读者的想象力去填补、去联想、去体味。这种简炼精美的图形为现代人们所喜闻乐见,其表现的前景是广阔的、深远的、无限的,而构成的版面更具有时代特色。! N2 R+ h" A3 l$ V) g- @
4 ~, e$ V) ?& @( r
  5、图形的符号性8 q& z! h" e( y( E: Y; I
, Y: x' w. s4 C0 i! e5 p
  在排版设计中,图形符号性最具代表性,它是人们把信息与某种事物相关联,然后再通过视觉感知其代表一定的事物。当这种对象被公众认同时,便成为代表这个事物的图形符号。如国徽是一种符号,它是一个国家的象征。图形符号在排版设计中最具有简洁,醒目,变化多端的视觉体验。它包含有三方面的内涵:
  ~/ k4 z2 b7 z4 ?1 G8 F$ l
1 Y) q7 j5 Z6 `4 r0 s+ ]! B3 a  符号的象征性
7 [7 ?, H4 V  p* c5 c5 M4 a# X/ _: O' b$ o* d* `/ Y% I
  运用感性、含蓄、隐喻的符号,暗示和启发人们产生联想,揭示着情感内容和思想观念。
. d. `! ^! {/ S2 J& W3 [8 O& o8 n, i9 y* j4 ]0 y! F2 [7 d6 F
  符号的形象性$ e8 U/ _4 V, R7 g2 z

* q% N' V* f' u3 a- E  以具体清晰的符号去表现版面内容,图形符号与内容的传达往往是相一致的,也就是说它与事物的本质联为一体。8 }, W1 p, q6 E) L/ v) x. W

8 a. X& I0 M- g, B$ C+ j4 S. p  符号的指示性
) z2 X1 Z' A& c2 [- q
2 N  M1 T; H) b/ s1 F0 Z) t* R7 H  顾名思义,这是一种命令、传达、指示性的符号。在版面构成中,经常采用此种形式,以此引领、诱导读者的视线,沿着设计师的视线流程进行阅读。: {4 k+ n2 R  ?  a

# q; l. s! [9 |" k, b3 j, L  S  6、图形的文字性7 Q8 y4 g2 {# }8 l' n8 t, d% h
5 w* h6 Q! v4 d0 l2 {. O
  文字的图形化特征,历来是设计师们乐此不疲的创作素材。中国历来讲究书画同源。其文字本身就具有图形之美而达到艺术境界。以图造字早在上古时期的甲骨文就开始了。至今其文字结构依然符合图形审美的构成原则。世界上的文字也不外乎象形和符号等形式。所以说,要从文字中发现可组成图形的因素实在是一件轻而易举之事。它包含有图形文字和文字图形的双层意义。
: Y$ f, |4 v, k9 m/ z" F7 Z+ C. o) F
* G' J. k3 d6 l7 l7 W" c+ k2 F: G
3 D$ w5 \; S1 i  @! l' [1.图形文字
% e( h+ \  I/ t; z
" K# A5 b: s: `* q6 q) }1 u& o4 K  图形文字是指将文字用图形的形式来处理构成版面。这种版式在版面构成中占有重要的地位。运用重叠、放射、变形等形式在视觉上产生特殊效果,给图形文字开辟了一个新的设计领域。5 w2 ?+ U/ {$ @  [$ c' m
  2.文字图形
8 G8 l$ l" s) t! d  文字图形,就是将文字作为最基本单位的点、线、面出现在设计中,使其成为排版设计的一部分,甚至整体达到图文并茂、别具一格的版面构成形式。这是一种极具趣味的构成方式,往往能起到活跃人们视线、产生生动妙趣的效果。$ J, l& n$ w0 r0 o- `0 V' O9 S
6 ^: r% \7 F$ c9 w; G' G$ ~# H
一、点在版面上的构成$ `1 I3 {# M- q0 ~1 i" O
  点、线、面是构成视觉的空间的基本元素,也是排版设计上的主要语言。排版设计实际上就是如何经营好点、线、面。不管版面的内容与形式如何复杂,但最终可以简化到点、线、面上来。在平面设计家眼里,世上万物都可归纳为点、线、面、一个字母、一个页码数、可以理解为一个点;一行文字、一行空白,均可理解为一条线;数行文字与一片空白,则可理解为面。它们相互依存,相互作用,组合出各种各样的形态,构建成一个个千变万化的全新版面。
, t* x  G$ i- X" p0 f1 @8 Z
& P4 \9 ]: |' P. ?  1.点在版面上的构成  l0 Z( B( ?9 W$ a

: Y, p. g6 z! b$ [  点的感觉是相对的,它是由形状,方向、大小、位置等形式构成的。这种聚散的排列与组合,带给人们不同的心理感应。点可以成为画龙点睛之“点”,和其他视觉设计要素相比,形成画面的中心,也可以和其他形态组合,起着平衡画面轻重,填补一定的空间,点缀和活跃画面气氛的作用;还可以组合起来,成为一种肌理或其他要素,衬托画面主体。/ \: d7 d: u# p$ u. J/ B% n9 J
4 S+ J: Q- O; O' U# }/ P
  2.线在版面上的构成
8 V5 z9 Z. ], ]
/ C. \4 @' `* O7 T8 E  线游离于点与形之间,具有位置、长度、宽度、方向、形状和性格。直线和曲线是决定版面形象的基本要素。每一种线都有它自己独特的个性与情感存在着。将各种不同的线运用到版面设计中去,就会获得各种不同的效果。所以说,设计者能善于运用它,就等于拥有一个最得力的工具。. c! `; ^* A' J! U; i* B+ m

& ~2 l9 D# M# r. h( g6 z  线从理论上讲,是点的发展和延伸。线的性质在编排设计中是多样性的。在许多应用性的设计中,文字构成的线,往往占据着画面的主要位置,成为设计者处理的主要对象。线也可以构成各种装饰要素,以及各种形态的外轮廓,它们起着界定、分隔画面各种形象的作用。 作为设计要素,线在设计中的影响力大于点。线要求在视觉上占有更大的空间,它们的延伸带来了一种动势。线可以串联各种视觉要素,可以分割画面和图像文字,可以使画面充满动感,也可以在最大程度上稳定画面。
# X4 n1 n. `' G7 m9 H' c# W8 V; O1 b/ T# y% Z# f
  3.面在版面上的构成
3 J' Y; t; I* Y: J0 P. Z/ l& V
  面在空间上占有的面积最多,因而在视觉上要比点、线来得强烈、实在,具有鲜明的个性特征。面可分成几何形和自由形两大类。因此,在排版设计时要把握相互间整体的和谐,才能产生具有美感的视觉形式。在现实的排版设计中,面的表现也包容了各种色彩、肌理等方面的变化,同时面的形状和边缘对面的性质也有着很大的影响,在不同的情况下会使面的形象产生极多的变化。在整个基本视觉要素中,面的视觉影响力最大,它们在画面上往往是举足轻重的。1 E/ F4 _- t" z
精华推荐
换一换

发表评论1

手绘效果图的排版问题
拓者推荐
  • CCD 南山香格里拉酒店
  • CCD-华润温州云玺800户型方案
  • 上海岳蒙--A8空间高级定制
  • 唐忠汉新作 融创如东
  • CCD-钟山高尔夫酒店日本餐厅
  • 拓者年费会员,十大福利!
  • 第五季优秀作品集 07菲拉设计!
  • 第五季优秀作品集 06SKH设计!
  • 第五季作品集 03盘石设计!
  • 拓者第五季作品集 01岳蒙设计!