手绘效果图的排版问题

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

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

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

x
如果仅仅说草图,应该不存在排版问题,只要能记录下思考的过程,自己能看懂就可以。可是,手绘的效果图是有展示作用的,所以他还要有条理,能让别人看的懂看的明白,所以就会涉及到排版构图的问题,但是我发现不知道是这个问题并不重要还是大部分人都忽略了,无论是在书籍当中,还是网站论坛里,都很少会提到这个问题。那些介绍手绘技法的书和帖子往往都只注重技法本身,很少涉及到排版,所以特在此求教高人能介绍一些手绘的排版构图方面的经验。
# ?' Y6 _* E* s8 z5 n* [工业设计排版样式(文字-图片)5 ~. P2 a$ a1 Z" L
一、文字排版样式
7 R3 ]# r- X; L" i* G: B/ ~  以文字为主的排版样式。文字在排版设计中,不仅仅局限于信息传达意义上的概念,而更是一种高尚的艺术表现形式。文字已提升到启迪性和宣传性、引领人们的审美时尚的新视角。文字是任何版面的核心,也是视觉传达最直接的方式,运用经过精心处理的文字材料,完全可以制作出效果很好的版面,而不需要任何图形。
: N& i, N5 u  O" e2 d9 r6 b5 |' B; F8 P3 e2 j) d
  1. 字体、字号
) |2 F5 A* F. V$ E( |9 b3 @7 z+ t6 w3 ]1 d7 W3 z, U- Y4 h
  字体的设计、选用是排版设计的基础。中文常用的字体主要有宋体、仿宋体、黑体、楷书四种。在标题上为了达到醒目的效果,又出现了粗黑体、综艺体、琥珀体、粗圆体、细圆体以及手绘创意美术字等,在排版设计中,选择两到三种字体为最佳视觉结果。否则,会产生零乱而缺乏整体效果。在选用的这三种字体中,可考虑加粗、变细、拉长、压扁或调整行距来变化字体大小,同样能产生丰富多彩的视觉效果。! H: o$ C4 I8 V9 W0 S6 {9 D
$ a1 o1 r9 K  z  [
  字号是表示字体大小的术语。计算机字体的大小,通常采用号数制、点数制和级数的计算。点数制是世界流行计算字体的标准制度。“点”:也称磅(P)。电脑排版系统,就是用点数制来计算字号大小的,每一点等于0.35毫米。6 y) Y; C: y" _% L

: C) G& [) J' c( S: e  2.字距与行距
0 p3 D9 O) x1 f6 u6 H" m
) o7 Z& ~/ {% ^7 H9 s3 S  字距与行距的把握是设计师对版面的心理感受,也是设计师设计品味的直接体现。一般的行距在常规的比例应为:用字8点行距则为10点,即8:10。但对于一些特殊的版面来说,字距与行距的加宽或缩紧,更能体现主题的内涵。现代国际上流行将文字分开排列的方式,感觉疏朗清新、现代感强。因此,字距与行距不是绝对的,应根据实际情况而定。
# J4 f/ Y9 e3 T4 T3 Q& S& r: u, d0 f1 |- d
  3. 编排形式9 p0 U4 {( y% ?! q
; `* p9 y: v; O! R' _
  文字的编排形式多种多样,我们大致可以理解为以下几种:% v5 e- y) u8 y/ B4 ^5 C. ~2 ?# y; u

. z4 ^4 o6 A) P  W) ?% ?
" p( m; A" R6 O" @8 [  X左右齐整,横排也可竖排;左齐、右齐或聚中编排4 E# |8 T6 l$ N% c: f) |/ C( R
: I4 e8 S6 |  z( D9 I% a
文图穿插
, Q( L1 ], {, T4 w7 B* A4 U3 O3 j) `! I* J; X
突出字首
' G% L8 u9 m% F5 p) q4 i7 G+ F$ p: I- x1 w5 g' }4 Z
自由编排3 q+ n! @; {" c, o( N

0 q6 l0 S/ f/ |2 l) y  4. 文字编排的特殊表现
2 D# ]5 b4 @. I4 i) [. f# W+ V7 ^' i

) L) [% o; p0 ^, M2 O5 T6 t  X形象字体,根据文字的意思或内容进行艺术创造的字体。2 P, ~- v6 @# ~$ I. a
6 j; o/ m* l3 A* N* o

9 d) L" K0 H3 t# }! }意象字体,将特定的文字个性化,直接地展示文字的内容。
; i1 ^/ {4 o5 l. X8 o- @: G
0 H* ]6 Z4 G5 m: ^3 v0 j
2 m+ o8 V$ z8 Q9 x0 A* H9 a图文叠印,将文字印在图片或图形的背景上。
) m+ Z4 R) C2 q. j$ u; o- m' n5 R8 h' c9 M% E

& G2 Q6 Z; T% @$ u9 P7 Y群组编排,将文字编排在一个具体的形状中,使其图片化。  j. S! z5 ~) w  G
2 r$ e( R  r2 I; A5 t

1 c! ~- A9 H, J! @( R$ h2 s二、图片排版样式
4 b3 c( ]9 U3 E6 |0 C' ], T1 p  以图片为主的排版样式。图片在排版设计中,占有很大的比重,视觉冲击力比文字强85%;也有这样一说,一幅图版胜于千字。但这并非语言或文字表现力减弱了,而是说图片在视觉传达上能辅助文字,帮助理解,更可以使版面立体、真实。因为图片能具体而直接地把我们的意念高素质、高境界地表现出来,使本来物变成强而有力的诉求性画面,充满了更强烈的创造性。图片在排版设计要素中,形成了独特的性格以及吸引视觉的重要素材,视觉效果和导读效果。
' L/ _% c; [) F4 P& x
/ F8 |, s# m" j/ ^* a0 _  1.图片的位置: j) b+ B, w5 ]
2 ~& k6 b! B4 P. A2 Y
  图片放置的位置,直接关系到版面的构图布局、版面中的左右上下及对角线的四角都是视线的焦点。在这焦点上恰到好处地安排图片,版面的视觉冲击力就会明显地表露出来。编排中有效地控制住这些点,可使版面变得清晰、简洁而富于条理性。
5 s3 p2 U4 m- B
% x) B* J3 v  O$ q3 F  2.图片的面积
1 }8 N3 C) @" o8 y% i! T% k% M6 |4 P5 J8 f6 o
  图版面积的大小安排,直接关系到版面的视觉传达。一般情况下,把那些重要的、吸引读者注意力的图片放大,从属的图片缩小,形成主次分明的格局,这是排版设计的基本原则。
* @/ n* U5 a( L6 m7 m! J- u  {. i% g. @* z" n
  3.图片的数量
+ @. A) Z1 @' _- l- n' {& y$ L: N
4 D& p8 p& ]7 v3 v+ g4 s  图片的数量多寡,可影响到读者的阅读兴趣。如果版面只采用一张图片时,那么,其质量就决定着人们对它的印象。往往这是显示出格调高雅的视觉效果之根本保证。增加一张图片,就变为较为活跃的版面了,同时也就出现了对比的格局。图片增加到三张以上,就能营造出很热闹的版面氛围了,非常适合于普及的、热闹的和新闻性强的读物。有了多张照片,就有了浏览的余地。数量的多少,并不是设计者的随心所欲,而最重要的是根据版面的内容来精心安排。
. L8 G$ j' }* T" c" j
3 V0 _5 g6 w) Z& t* f% ], @" R  4.图片的形式' Q3 w" j: H+ Y. j) b; F
- f& }* B0 m* F! i4 N) s8 c- X5 A
  图片的形式主要有:
8 e; G2 u9 C) d" b/ |3 {
8 G9 `! W2 d! T6 |( ^/ H! O8 A  方形图式
% C+ u5 I6 f$ v, B. z1 r8 h8 {  出血图式 即图片充满整个版面而不露出边框。
1 @/ J! W+ F( b0 `: O2 G  E  退底图式 是设计者根据版面内容所需,将图片中精选部分沿边缘裁剪。
. }/ A3 n% ^8 t& X9 j1 c  化网图式 是利用电脑技术用以减少图片的层次。  `/ J  W) a1 C$ q
  特殊图式 是将图片按照一定的形状来限定。% V% V! i+ r3 {4 Q* E
% B! N# u7 i$ m
  5.图片的组合3 N  L/ H4 c/ G$ i" w0 a0 P5 x$ |

. {. z/ d8 y/ m6 _) F9 j: i  图片组合,就是把数张图片安排在同一版面中。它包括块状组合与散点组合。
9 [7 a" n3 s2 ]7 D: G' u块状组合强调了图片与图片之间的直线。垂直线和水平线的分割,文字与图片相对独立,使组合后的图片整体大方,富于理智的秩序化条理。
& \# P3 j4 I) J8 o# u, B5 \
, c3 C! r$ u: j8 x1 q5 [* r  6.图片的方向
6 H4 i3 L4 |' J7 p6 O- w
8 `% _* y- g& n; ^  图片方向的强弱,可造成版面的行之有效的视觉攻势。方向感强则动势强,产生的视觉感应就强。反之则会平淡无奇。图片的方向性可通过人物的运势、视线的方向等方面的变化来获得,也可借助近景、中景和远景来达到。
7 _( Q7 M; Z- W$ v9 r
, F$ Y* x0 s* }! S5 t+ }) X9 {, I8 p3 W& Z7 Q' o
三、图形排版样式2 ]3 G. X( P, g$ o/ f
  以图形为主的排版样式。图形可以理解为除摄影以外的一切图和形。图形以其独特的想象力、创造力及超现实的自由构造,在排版设计中展示着独特的视觉魅力。在国外,图形设计师已成为一种专门的职业。图形设计师的社会地位已伴随图形表达形式所起的社会作用,日益被人们所认同。今天,图形设计师已不再满足或停留在手绘的技巧上,电脑新科技为图形设计师们提供了广阔的表演舞台,促使图形的视觉语言变得更加丰富多彩。
7 R" r& X( N8 z" N% `: K" G  i" \4 L$ X- t" N3 c) s
  图形主要具有以下特征:图形的简洁性、夸张性、具象性、抽象性、符号性、文字性。
! s  P. Q8 M! o* E& E
: c' A( D) u2 ~, I# ^7 C7 n  1.图形的简洁性, r$ w$ i# I0 C  x) b
, n5 Z- B4 Y& J9 ]8 B3 H
  图形在排版设计中最直接的效果就是简洁明了,主题突出。
2 }! f  G8 j% p+ G2 k/ ^8 B* u- l: x$ d* c- H% R0 ]
  2.图形的夸张性
( W' _; o$ k$ n3 c% r4 a
8 A# m5 i9 p9 n9 \2 x8 b# ]  夸张是设计师最常借用的一种表现手法,它将对象中的特殊和个性中美的方面进行明显的夸大,并凭借于想象,充分扩大事物的特征,造成新奇变幻的版面情趣,以此来加强版面的艺术感染力,从而加速信息传达的时效。
! H$ I3 ?  a  D2 Z2 D- W/ r) F2 U1 @' i9 c
  3、图形的具象性
2 ?. o. {. o; W2 o- s
* v. ?, Z( }3 L3 s  具象性图形最大的特点在于真实地反映自然形态的美。在以人物、动物、植3、图形的具象性具象性图形最大的特点在于真实地反映自然形态的美。在以人物、动物、植物、矿物或自然环境为元素的造型中,以写实性与装饰性相结合,令人产生具体清晰、亲切生动和信任感、以反映事物的内涵和自身的艺术性去吸引和感染读者,使版面构成一目了,深得读者尤其是儿童的广泛喜爱。
; @+ \. b/ m/ O; ]& v0 _0 s3 e& \/ h+ J7 O4 X6 k
  4、图形的抽象性' |9 |6 `6 [/ k9 n# T

' Y2 S( A$ t' z! e5 p  [  抽象性图形以简洁单纯而又鲜明的特征为主要特色。它运用几何形的点、线、面及圆、方、三角等形来构成,是规律的概括与提炼。所谓“言有尽而意无穷”,就是利用有限的形式语言所营造的空间意境,让读者的想象力去填补、去联想、去体味。这种简炼精美的图形为现代人们所喜闻乐见,其表现的前景是广阔的、深远的、无限的,而构成的版面更具有时代特色。
$ E2 m) j3 A) [. z! w% |" }9 }6 _" m' _9 A
  5、图形的符号性% ?' |% S7 R6 `6 z0 Q6 }

: ]2 C, z# ?* O  在排版设计中,图形符号性最具代表性,它是人们把信息与某种事物相关联,然后再通过视觉感知其代表一定的事物。当这种对象被公众认同时,便成为代表这个事物的图形符号。如国徽是一种符号,它是一个国家的象征。图形符号在排版设计中最具有简洁,醒目,变化多端的视觉体验。它包含有三方面的内涵:+ _/ U9 @' I7 e0 X' r

$ H: }! F- X3 D3 e6 c  符号的象征性' V& O( E! P* H/ s8 _0 Q( _/ S+ h2 p  R

4 v, j* }3 d! G8 i2 b1 N0 G  运用感性、含蓄、隐喻的符号,暗示和启发人们产生联想,揭示着情感内容和思想观念。- w- T' A8 g0 q- h7 @' b9 X

2 |  M( {) S6 p7 \- L2 N  符号的形象性
" J/ b& o3 t7 q0 \; X# [& G& w) P! x% n* s1 R3 u
  以具体清晰的符号去表现版面内容,图形符号与内容的传达往往是相一致的,也就是说它与事物的本质联为一体。
# k. K# x6 N; |' c& w
) c% l7 ]6 r# q& b# ^  符号的指示性
+ V4 P% X7 S6 v+ _7 {# D+ U7 Z9 }; S
  顾名思义,这是一种命令、传达、指示性的符号。在版面构成中,经常采用此种形式,以此引领、诱导读者的视线,沿着设计师的视线流程进行阅读。& E, t  a# `, C. {5 r
, f# P% W7 k8 Z/ m
  6、图形的文字性
. _* c7 F$ \, S/ C9 v$ w/ }1 y# Z$ I% f7 {" ^  @% Z
  文字的图形化特征,历来是设计师们乐此不疲的创作素材。中国历来讲究书画同源。其文字本身就具有图形之美而达到艺术境界。以图造字早在上古时期的甲骨文就开始了。至今其文字结构依然符合图形审美的构成原则。世界上的文字也不外乎象形和符号等形式。所以说,要从文字中发现可组成图形的因素实在是一件轻而易举之事。它包含有图形文字和文字图形的双层意义。% u" u6 O2 s" ~9 T
. b0 _% P, s9 t) d3 ^& y0 \

$ L# _" m: ]) U- M9 W6 V& m1.图形文字
: O* u8 v  e; D" R) W( O
# I; D/ `6 U9 A( f  图形文字是指将文字用图形的形式来处理构成版面。这种版式在版面构成中占有重要的地位。运用重叠、放射、变形等形式在视觉上产生特殊效果,给图形文字开辟了一个新的设计领域。
/ A# g; N) [  @4 u9 g  2.文字图形
% {* o, o$ u" e' t1 T: @  文字图形,就是将文字作为最基本单位的点、线、面出现在设计中,使其成为排版设计的一部分,甚至整体达到图文并茂、别具一格的版面构成形式。这是一种极具趣味的构成方式,往往能起到活跃人们视线、产生生动妙趣的效果。5 n& |, ?2 ~5 Z% c+ ^* M$ e' p
8 y( Q! G  n% S4 n9 K$ h
一、点在版面上的构成
4 e# b2 n4 o! C0 N' C1 D  g& C  点、线、面是构成视觉的空间的基本元素,也是排版设计上的主要语言。排版设计实际上就是如何经营好点、线、面。不管版面的内容与形式如何复杂,但最终可以简化到点、线、面上来。在平面设计家眼里,世上万物都可归纳为点、线、面、一个字母、一个页码数、可以理解为一个点;一行文字、一行空白,均可理解为一条线;数行文字与一片空白,则可理解为面。它们相互依存,相互作用,组合出各种各样的形态,构建成一个个千变万化的全新版面。- v4 O, D5 z' p# W
6 R5 n* s( t3 e3 f. Z7 M
  1.点在版面上的构成
2 c; @0 g/ X. I0 t
- I0 [  ]: O; M/ R  点的感觉是相对的,它是由形状,方向、大小、位置等形式构成的。这种聚散的排列与组合,带给人们不同的心理感应。点可以成为画龙点睛之“点”,和其他视觉设计要素相比,形成画面的中心,也可以和其他形态组合,起着平衡画面轻重,填补一定的空间,点缀和活跃画面气氛的作用;还可以组合起来,成为一种肌理或其他要素,衬托画面主体。# u# w. s0 w: ?" g

1 C, C. r3 c$ ]: w2 }$ d4 l/ ]  2.线在版面上的构成
- J1 @) V0 m# {& `: L2 P! Q8 W0 `2 j( k
  线游离于点与形之间,具有位置、长度、宽度、方向、形状和性格。直线和曲线是决定版面形象的基本要素。每一种线都有它自己独特的个性与情感存在着。将各种不同的线运用到版面设计中去,就会获得各种不同的效果。所以说,设计者能善于运用它,就等于拥有一个最得力的工具。3 r; R3 ^4 u; m: P6 ~/ u

- E8 f* o+ d, P# f% ^* ]7 R( |  线从理论上讲,是点的发展和延伸。线的性质在编排设计中是多样性的。在许多应用性的设计中,文字构成的线,往往占据着画面的主要位置,成为设计者处理的主要对象。线也可以构成各种装饰要素,以及各种形态的外轮廓,它们起着界定、分隔画面各种形象的作用。 作为设计要素,线在设计中的影响力大于点。线要求在视觉上占有更大的空间,它们的延伸带来了一种动势。线可以串联各种视觉要素,可以分割画面和图像文字,可以使画面充满动感,也可以在最大程度上稳定画面。
& @8 ], p2 _! W5 C( _6 O
! N7 V* y6 [, U  3.面在版面上的构成
2 `" W; M, [3 ?- s1 {) k- P0 K2 d+ }+ z6 J0 P, {$ z. }" g  c
  面在空间上占有的面积最多,因而在视觉上要比点、线来得强烈、实在,具有鲜明的个性特征。面可分成几何形和自由形两大类。因此,在排版设计时要把握相互间整体的和谐,才能产生具有美感的视觉形式。在现实的排版设计中,面的表现也包容了各种色彩、肌理等方面的变化,同时面的形状和边缘对面的性质也有着很大的影响,在不同的情况下会使面的形象产生极多的变化。在整个基本视觉要素中,面的视觉影响力最大,它们在画面上往往是举足轻重的。
# W" B) l7 `8 T$ f
精华推荐
换一换

发表评论1

手绘效果图的排版问题
拓者推荐
  • 【广州站】设计师创业课
  • 【广州站】收纳设计思维训练营
  • 【广州站】户型优化总监内训课
  • 【广州站】 风水丨设计与签单课
  • 【广州站】获客实操训练营
  • 2025拓者年费+案例Vip会员说明!
  • 【 拓者年费--CAD图纸】
  • 【 拓者年费--户型方案】
  • 【 拓者年费--豪宅视频】
  • 【 拓者年费--灵感图库】