手绘效果图的排版问题

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

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

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

x
如果仅仅说草图,应该不存在排版问题,只要能记录下思考的过程,自己能看懂就可以。可是,手绘的效果图是有展示作用的,所以他还要有条理,能让别人看的懂看的明白,所以就会涉及到排版构图的问题,但是我发现不知道是这个问题并不重要还是大部分人都忽略了,无论是在书籍当中,还是网站论坛里,都很少会提到这个问题。那些介绍手绘技法的书和帖子往往都只注重技法本身,很少涉及到排版,所以特在此求教高人能介绍一些手绘的排版构图方面的经验。' ]9 K6 E) H2 i$ B0 X! Q: H6 f4 Y
工业设计排版样式(文字-图片)
1 h% S& i# `; J+ H1 Y% K: ?一、文字排版样式4 i( H& f' \/ ^  [* J
  以文字为主的排版样式。文字在排版设计中,不仅仅局限于信息传达意义上的概念,而更是一种高尚的艺术表现形式。文字已提升到启迪性和宣传性、引领人们的审美时尚的新视角。文字是任何版面的核心,也是视觉传达最直接的方式,运用经过精心处理的文字材料,完全可以制作出效果很好的版面,而不需要任何图形。
+ X& ~# a4 e  i; Q) i& ]2 [! [' ~# ~* g) ^! E, E
  1. 字体、字号3 y7 s: S" N+ ~9 x4 d& r; f# f/ Z0 l

) ^9 k7 U" q; U" d9 y! b) Y: ~$ F4 I  字体的设计、选用是排版设计的基础。中文常用的字体主要有宋体、仿宋体、黑体、楷书四种。在标题上为了达到醒目的效果,又出现了粗黑体、综艺体、琥珀体、粗圆体、细圆体以及手绘创意美术字等,在排版设计中,选择两到三种字体为最佳视觉结果。否则,会产生零乱而缺乏整体效果。在选用的这三种字体中,可考虑加粗、变细、拉长、压扁或调整行距来变化字体大小,同样能产生丰富多彩的视觉效果。
5 T% w, @8 [8 H4 S3 J0 i+ z
$ S6 t! O: b; l/ j* `/ u  字号是表示字体大小的术语。计算机字体的大小,通常采用号数制、点数制和级数的计算。点数制是世界流行计算字体的标准制度。“点”:也称磅(P)。电脑排版系统,就是用点数制来计算字号大小的,每一点等于0.35毫米。! ^6 V9 e; J& c- C7 z5 ^
9 U9 H4 K2 t1 l9 |/ y' O0 J: i
  2.字距与行距( X* T4 r8 s' l

2 @- i% u$ z0 z- U- G5 K- ?$ K  字距与行距的把握是设计师对版面的心理感受,也是设计师设计品味的直接体现。一般的行距在常规的比例应为:用字8点行距则为10点,即8:10。但对于一些特殊的版面来说,字距与行距的加宽或缩紧,更能体现主题的内涵。现代国际上流行将文字分开排列的方式,感觉疏朗清新、现代感强。因此,字距与行距不是绝对的,应根据实际情况而定。
4 `+ w9 L* ]( f
( O9 t& b% T) ^4 b  3. 编排形式
7 n# L+ u1 a$ v; q* [# d  M3 d
2 o$ H8 [6 d2 @% m( P  s# l  ^/ {  文字的编排形式多种多样,我们大致可以理解为以下几种:
1 z2 y$ i1 K9 T
9 H1 a2 ]2 R% V5 T7 h
9 y+ V. R6 h* r! ^左右齐整,横排也可竖排;左齐、右齐或聚中编排% \' J0 r; D4 U3 y( k
) v0 w0 G# P& a; A3 g
文图穿插" ^+ c7 s+ M, H* O' S
6 R  j, v0 j2 @
突出字首2 d$ N6 [. g9 Q
7 a: d7 l& r+ K7 P. \% G. \+ [
自由编排
; a- x+ B+ ?1 _, i6 |
( |* q; U5 x7 Y6 _1 N' E/ Y% }  4. 文字编排的特殊表现5 s9 j1 A5 S, ?6 I4 ~* w

2 N" b+ b3 R$ y0 |2 b3 Z4 o' ]' J5 y1 J+ x5 ^  `* d
形象字体,根据文字的意思或内容进行艺术创造的字体。
) g) E0 X2 h! D( n' N
$ O% j) s- k) R- H% n5 E
0 w2 X8 @& N, s9 V7 e: {. ^8 n7 |1 @5 U意象字体,将特定的文字个性化,直接地展示文字的内容。
1 |: _+ @3 y0 ?% j% Y9 V; Q1 M) F

, S4 ?' j$ j# U& P3 s3 \' ]图文叠印,将文字印在图片或图形的背景上。+ A4 x9 w) l' o8 Y; H# a' c

% ^# y% @+ p3 B  p& _
+ r  r' A% t  X, c3 X群组编排,将文字编排在一个具体的形状中,使其图片化。
* j' O% V# c. _2 }& N, t
6 P& r- d0 L. p$ w! E- g8 U$ j
% g( ^9 J' j* A# s! }3 H二、图片排版样式
7 Z1 u5 G* L: O* L) ?9 \' B. D  以图片为主的排版样式。图片在排版设计中,占有很大的比重,视觉冲击力比文字强85%;也有这样一说,一幅图版胜于千字。但这并非语言或文字表现力减弱了,而是说图片在视觉传达上能辅助文字,帮助理解,更可以使版面立体、真实。因为图片能具体而直接地把我们的意念高素质、高境界地表现出来,使本来物变成强而有力的诉求性画面,充满了更强烈的创造性。图片在排版设计要素中,形成了独特的性格以及吸引视觉的重要素材,视觉效果和导读效果。7 n3 g- w+ a* \% N( t
: s/ U& h. f: Q" s9 x
  1.图片的位置6 h7 t( y" J2 B# ^! A

+ ^4 Z9 y1 I' A: C7 ?* a  图片放置的位置,直接关系到版面的构图布局、版面中的左右上下及对角线的四角都是视线的焦点。在这焦点上恰到好处地安排图片,版面的视觉冲击力就会明显地表露出来。编排中有效地控制住这些点,可使版面变得清晰、简洁而富于条理性。
9 B1 N$ ]+ C0 P. ^' r4 @* O+ }5 ?  ]9 Q6 O4 W
  2.图片的面积
5 @+ }7 N: Q% Y4 l( [0 ]- L; T, D* f$ n4 a
  图版面积的大小安排,直接关系到版面的视觉传达。一般情况下,把那些重要的、吸引读者注意力的图片放大,从属的图片缩小,形成主次分明的格局,这是排版设计的基本原则。8 u* W+ K9 F& j6 |, Z3 J/ ~
! X/ Q: Y- O9 `1 u/ Q5 w
  3.图片的数量
. {; U; l6 z1 t6 }$ i
& d- m$ j1 N, U* u  图片的数量多寡,可影响到读者的阅读兴趣。如果版面只采用一张图片时,那么,其质量就决定着人们对它的印象。往往这是显示出格调高雅的视觉效果之根本保证。增加一张图片,就变为较为活跃的版面了,同时也就出现了对比的格局。图片增加到三张以上,就能营造出很热闹的版面氛围了,非常适合于普及的、热闹的和新闻性强的读物。有了多张照片,就有了浏览的余地。数量的多少,并不是设计者的随心所欲,而最重要的是根据版面的内容来精心安排。
! v1 d5 W% {2 S1 ]% z( {* }6 C
! d, E- P& A6 _8 ^+ a! n" G  4.图片的形式
, S; G& B  A7 z2 w3 U8 J# ^: N$ Y0 j: T8 o3 y. ?, |
  图片的形式主要有:0 b* w  c3 j4 x/ f6 x5 B

" }$ L& G5 X9 h4 |  方形图式5 J& f/ F. ~8 F1 H  q8 e; [% U* o
  出血图式 即图片充满整个版面而不露出边框。  u! ]/ C9 t. S- [  N; ~
  退底图式 是设计者根据版面内容所需,将图片中精选部分沿边缘裁剪。
  q; P% V( V! f& m, T  化网图式 是利用电脑技术用以减少图片的层次。! V9 |$ ]# {3 C4 H. x6 ?
  特殊图式 是将图片按照一定的形状来限定。2 D: Z1 b/ N) P+ o8 ]5 I

! Q7 ?6 q1 I4 ^  |8 [- [/ p) g  5.图片的组合( E& a5 N7 d2 @; r
5 T3 ^  b, }  Y% [# X0 g' q" I
  图片组合,就是把数张图片安排在同一版面中。它包括块状组合与散点组合。
* O9 [+ {5 d* v2 Y( @  X$ l块状组合强调了图片与图片之间的直线。垂直线和水平线的分割,文字与图片相对独立,使组合后的图片整体大方,富于理智的秩序化条理。
7 ?% }  `  H; B' v1 `0 }5 g0 c! c) c( w
  6.图片的方向" j! l6 l# t8 y1 ~0 P1 k
4 X2 S$ o- o7 m2 u. A+ r
  图片方向的强弱,可造成版面的行之有效的视觉攻势。方向感强则动势强,产生的视觉感应就强。反之则会平淡无奇。图片的方向性可通过人物的运势、视线的方向等方面的变化来获得,也可借助近景、中景和远景来达到。
3 N" ^0 ^# b8 M# I8 J( U9 z* N
0 i/ ^4 \$ j4 R6 e6 Q. I7 k  O
( Q! O/ ^2 S1 }% j0 J  _三、图形排版样式' |0 G3 F' }( z" c$ V$ o
  以图形为主的排版样式。图形可以理解为除摄影以外的一切图和形。图形以其独特的想象力、创造力及超现实的自由构造,在排版设计中展示着独特的视觉魅力。在国外,图形设计师已成为一种专门的职业。图形设计师的社会地位已伴随图形表达形式所起的社会作用,日益被人们所认同。今天,图形设计师已不再满足或停留在手绘的技巧上,电脑新科技为图形设计师们提供了广阔的表演舞台,促使图形的视觉语言变得更加丰富多彩。. D4 u6 k2 a" y3 ~

0 N; ]( J6 {7 Y$ ?  图形主要具有以下特征:图形的简洁性、夸张性、具象性、抽象性、符号性、文字性。- p7 m+ x3 |# Q+ \2 Z" r9 |( D
+ Y3 O: H) N3 E- O; g
  1.图形的简洁性2 N- d" b) ^! A' S- \) Z
- J# v% N% l" \% x4 F# s
  图形在排版设计中最直接的效果就是简洁明了,主题突出。% }3 L! g& T( A% V/ D. S3 I9 d4 _

" z+ k8 L* q( @# |. ^  2.图形的夸张性
3 Q2 i4 `$ O/ W6 n7 U' O  |
9 s1 R) q, T: z8 O6 t  夸张是设计师最常借用的一种表现手法,它将对象中的特殊和个性中美的方面进行明显的夸大,并凭借于想象,充分扩大事物的特征,造成新奇变幻的版面情趣,以此来加强版面的艺术感染力,从而加速信息传达的时效。, }1 y2 D, o) C& F" G! e9 p

6 u% }2 j. n7 a6 G2 u  3、图形的具象性4 r  j2 s' B. G7 p# W  M

3 D- N* q7 ]  |  具象性图形最大的特点在于真实地反映自然形态的美。在以人物、动物、植3、图形的具象性具象性图形最大的特点在于真实地反映自然形态的美。在以人物、动物、植物、矿物或自然环境为元素的造型中,以写实性与装饰性相结合,令人产生具体清晰、亲切生动和信任感、以反映事物的内涵和自身的艺术性去吸引和感染读者,使版面构成一目了,深得读者尤其是儿童的广泛喜爱。
3 _. l0 Q2 k; `, T8 e: _* b" ?. G9 y- x0 Q5 N: ~
  4、图形的抽象性
3 K8 y$ J6 X2 K! d, }# r+ I9 D! X0 T' r; w# Z8 @" V
  抽象性图形以简洁单纯而又鲜明的特征为主要特色。它运用几何形的点、线、面及圆、方、三角等形来构成,是规律的概括与提炼。所谓“言有尽而意无穷”,就是利用有限的形式语言所营造的空间意境,让读者的想象力去填补、去联想、去体味。这种简炼精美的图形为现代人们所喜闻乐见,其表现的前景是广阔的、深远的、无限的,而构成的版面更具有时代特色。/ I7 S6 `6 @. F; N& i" w; L5 m
$ y6 |6 ]+ a9 C' E" K
  5、图形的符号性/ ]3 ]4 W5 ]$ }2 r! |% t5 l) P, L- M
; S4 t8 }" u$ M1 E9 v
  在排版设计中,图形符号性最具代表性,它是人们把信息与某种事物相关联,然后再通过视觉感知其代表一定的事物。当这种对象被公众认同时,便成为代表这个事物的图形符号。如国徽是一种符号,它是一个国家的象征。图形符号在排版设计中最具有简洁,醒目,变化多端的视觉体验。它包含有三方面的内涵:
/ a& r. k8 S- \+ {6 ^# E
/ P0 Q* n" t+ W& H$ P; K, ]  符号的象征性( b8 l# j( z- s  C% b

* l" f' c7 z! R( w$ S, t  运用感性、含蓄、隐喻的符号,暗示和启发人们产生联想,揭示着情感内容和思想观念。! Q  _2 I, p  N  C) }

" w, f7 t3 d: Q+ ]  符号的形象性5 |1 Y$ m: n% }8 }; `( W

: ]$ H& w+ u  n* d- V% C8 T  以具体清晰的符号去表现版面内容,图形符号与内容的传达往往是相一致的,也就是说它与事物的本质联为一体。
7 P+ I+ b  i. V0 {9 ], n. k
7 h. z8 v( x5 [, t6 Y9 }  符号的指示性' g& s: I3 |" @3 u4 k( m6 J
- o( s4 D8 B$ }/ D: C
  顾名思义,这是一种命令、传达、指示性的符号。在版面构成中,经常采用此种形式,以此引领、诱导读者的视线,沿着设计师的视线流程进行阅读。! G5 Z  Q" D5 l9 q* P6 k1 x

8 A( R# r# x- D3 E' p  6、图形的文字性
1 l- F0 ]% g/ f/ `& }8 x3 `
+ w* R2 l" }$ j* {/ z6 q3 t! Q  文字的图形化特征,历来是设计师们乐此不疲的创作素材。中国历来讲究书画同源。其文字本身就具有图形之美而达到艺术境界。以图造字早在上古时期的甲骨文就开始了。至今其文字结构依然符合图形审美的构成原则。世界上的文字也不外乎象形和符号等形式。所以说,要从文字中发现可组成图形的因素实在是一件轻而易举之事。它包含有图形文字和文字图形的双层意义。
  `* v4 A4 _! X3 ~  [: g  ]$ X1 u" B& E. Q$ G; z/ G

5 f/ Y' V: F( o2 o- J1.图形文字
: m4 G4 @' s/ U/ {+ J6 A
! A2 c( H4 M. V# ~0 W7 Y  图形文字是指将文字用图形的形式来处理构成版面。这种版式在版面构成中占有重要的地位。运用重叠、放射、变形等形式在视觉上产生特殊效果,给图形文字开辟了一个新的设计领域。
" Y9 N6 \- i8 O# g+ b' Y  2.文字图形
. B9 |; O" W  [  文字图形,就是将文字作为最基本单位的点、线、面出现在设计中,使其成为排版设计的一部分,甚至整体达到图文并茂、别具一格的版面构成形式。这是一种极具趣味的构成方式,往往能起到活跃人们视线、产生生动妙趣的效果。
. P5 l4 n$ t2 t7 W* C( Q
8 D! T8 e) E$ U0 s' z6 n一、点在版面上的构成5 X) r. h2 \& `6 x
  点、线、面是构成视觉的空间的基本元素,也是排版设计上的主要语言。排版设计实际上就是如何经营好点、线、面。不管版面的内容与形式如何复杂,但最终可以简化到点、线、面上来。在平面设计家眼里,世上万物都可归纳为点、线、面、一个字母、一个页码数、可以理解为一个点;一行文字、一行空白,均可理解为一条线;数行文字与一片空白,则可理解为面。它们相互依存,相互作用,组合出各种各样的形态,构建成一个个千变万化的全新版面。: }3 j# \  d/ W* A$ K( A- D6 h
! A( {9 I7 v# U6 Q9 @1 M
  1.点在版面上的构成
& b2 D: _) S" Y; d( k! }/ U) ^  U
  点的感觉是相对的,它是由形状,方向、大小、位置等形式构成的。这种聚散的排列与组合,带给人们不同的心理感应。点可以成为画龙点睛之“点”,和其他视觉设计要素相比,形成画面的中心,也可以和其他形态组合,起着平衡画面轻重,填补一定的空间,点缀和活跃画面气氛的作用;还可以组合起来,成为一种肌理或其他要素,衬托画面主体。) f+ h! \: }8 e) y( M& Y: u5 c
& J  z8 A9 x7 k! ?! j1 M( U: D
  2.线在版面上的构成
, ^; o1 I6 q; O4 o" l0 d' @1 j$ R, n6 @) K3 J$ A
  线游离于点与形之间,具有位置、长度、宽度、方向、形状和性格。直线和曲线是决定版面形象的基本要素。每一种线都有它自己独特的个性与情感存在着。将各种不同的线运用到版面设计中去,就会获得各种不同的效果。所以说,设计者能善于运用它,就等于拥有一个最得力的工具。+ S- G5 V3 Z* Q) Z* B% _/ @. \
& m- ^# M4 C" o& E: o- u( e
  线从理论上讲,是点的发展和延伸。线的性质在编排设计中是多样性的。在许多应用性的设计中,文字构成的线,往往占据着画面的主要位置,成为设计者处理的主要对象。线也可以构成各种装饰要素,以及各种形态的外轮廓,它们起着界定、分隔画面各种形象的作用。 作为设计要素,线在设计中的影响力大于点。线要求在视觉上占有更大的空间,它们的延伸带来了一种动势。线可以串联各种视觉要素,可以分割画面和图像文字,可以使画面充满动感,也可以在最大程度上稳定画面。
6 e, d: F" X% _! q( T4 V& {$ M* V& _4 K
  3.面在版面上的构成, W; E& o4 s: U/ s1 E& `; G. P- H
. o- V; P! f" s- g, H3 B- C  I
  面在空间上占有的面积最多,因而在视觉上要比点、线来得强烈、实在,具有鲜明的个性特征。面可分成几何形和自由形两大类。因此,在排版设计时要把握相互间整体的和谐,才能产生具有美感的视觉形式。在现实的排版设计中,面的表现也包容了各种色彩、肌理等方面的变化,同时面的形状和边缘对面的性质也有着很大的影响,在不同的情况下会使面的形象产生极多的变化。在整个基本视觉要素中,面的视觉影响力最大,它们在画面上往往是举足轻重的。! ?' ?5 c' G$ n( B; F4 v
精华推荐
换一换

发表评论1

手绘效果图的排版问题
拓者推荐
  • CCD-华润889㎡公寓样板间
  • CCD--580㎡福州建总雍湾
  • 苏州绿城凤起潮鸣售楼处会所
  • 【杭州站】户型优化总监内训课
  • 【杭州站】同城获客实操
  • CCD-华润 CCBD 889㎡设计方案
  • 【召禾设计]天际江景超大平层方案
  • 【WSD世尊】建发·云启玉诸
  • CCD-华润玺宸上院中叠样板间
  • CCD-武汉绿城外滩玫瑰园别墅
  • 2025拓者年费+案例Vip会员说明!
  • 【 拓者年费--CAD图纸】
  • 【 拓者年费--户型方案】
  • 【 拓者年费--豪宅视频】
  • 【 拓者年费--灵感图库】