无论是什么设计，首先是它必须能够引起别人的注意，也意味着它必须有某种视觉冲击力，否则没有人会有耐性看下去。本文从几个因素来讨论如何通过从尺寸变化、颜色运用及对比来使你的设计给人留下深刻的印象。本文共两页。 一个平面设计主要有三种目的： 1 ，引起别人的注意； 2 ，给人留下深刻的视觉印象； 3 ，信息沟通。 , B( F( j* ~6 n! `* R
' ]6 L' ^6 k, h/ @1 E
要达到前面两种目的，最好的办法就是视觉冲击力。$ M% K: E0 ?5 r. B. \) ^

) Q& t% e9 o4 B$ x6 Q4 {& y你的设计及版面会决定别人观看你的作品时间的长短，只有别人的注意力在你的作品中停留的时间较长，信息才能有效沟通。如果你的作品不能引起别人的注意，其它一切都是无意义的。
  |2 C0 {9 \( G6 {" y9 `. Q+ B2 D9 i, P) y7 }
字体、图片及各种设计元素的尺寸决定了你的作品是否具有冲击力。尺寸的使用技巧就是我们必须在设计中产生强对比。如果一个元素仅仅比其它元素大一点，并不会有什么效果出来。$ Q! v5 n- C; n* Q' y! w

" l. m1 v0 ^- w+ ^# I在下面这个设计中，图片及标题的尺寸是这个设计中具有冲击力的一个决定元素。部分标题文字尺寸较小，使我们在对比中能够更直观感觉大的元素。 9 Y& E$ i/ W/ S7 J6 u1 q* u

' h9 o8 M1 q" f9 c) e5 P时钟的图片通过剪切后作为背景，而且放得很大，而没有剪切的时钟图片则放在前面，这种设计比简单地放上一个时钟的效果要好很多。记住，当我们对一件大家都熟悉的物品进行剪切时，人们在观看时会在脑海里将被剪切掉的部分自己补充上，这种视觉惯性对于我们设计来说是一个有利的因素，使我们可以设计出一些“看不见的空间”。% g% K% `" [& d; b! y1 e8 u

7 \' Z/ x& M) L# }) \- e  Q虽然只是一个黑白设计，但冲击力非常强烈。
$ i3 S( b! m# J8 h  E, r; a0 I4 ~' u

1.jpg (40.84 KB)

2008-6-18 09:40

* [2 t) I. u8 V, W很显然，下面的设计中插图非常简洁，而且插图元素非常大，虽然仅是一个黑白的低预算设计，但却非常吸引人的视线。4 U1 E, ]# }3 I( _5 ~8 z9 z

2.jpg (33.55 KB)

2008-6-18 09:40

7 b& a( B( ~) y. w6 b$ _- t我们说过，“尺寸”的意思并非说一定要很大，如下面这个报纸的半页广告，你很难忽略它。原因恰恰时它的元素尺寸非常小，这仍然是一种强对比的设计——大面积的留白空间与小元素形成强烈对比。& {* W: o' S9 O/ F' C$ S8 j$ o/ q2 X+ s

3.jpg (14.49 KB)

2008-6-18 09:40

, |) [7 H# A1 _
* c( Z  i  W  t0 R
将元素变大，也意味着让它更有力量，可以将一些平淡无奇的元素变得吸引人。在下面这个例子中，虽然只是以文字为主，但却一点都不枯燥，虽然在背景中我们将名称放得很大，甚至超出了版面，但读者仍然知道它的意思，因为黄色的大标题已经点明了它的全称。而且文字呈角度摆放，同样传达了一种很强的冲击力。
4 b1 a& R5 ?) m: Q# I

4.jpg (48.61 KB)

2008-6-18 09:40

# L" t" W1 C1 ?0 S8 g3 f" Y) x
一种大面积的单色以简单的形状出现时，可以很快吸引读者的眼光。对比来自于灯泡的插图及小尺寸的文字，使到图片看起来更大。我们在脑海中会将插图超出边缘的部分自动补上，也进一步强化了图片的大尺寸印象。) H2 C0 z3 P' V; J9 a) d. G

5.jpg (37.19 KB)

2008-6-18 09:40

下面这个为一家出版社所设计的版面中，一个尺寸非常大的装饰元素与一张很大的肖像图片形成吸引人的视觉焦点，同时传达了一种 16 世纪的氛围。由于文字很小，所以装饰元素与文字一起与整个版面仍然形成了对比。" Q/ q8 C6 C& E0 e

6.jpg (43.11 KB)

2008-6-18 09:42

1 I/ b  ?8 q: T5 c0 j* g9 m
下面这个版面是上述设计的另一种变化，改变了尺寸中元素的对比比例。一般来说，装饰元素通常都较小，传达一种精致的效果，但在下面这个例子中，装饰元素放得很大，使到这个装饰元素让人无法忽略。记住，我们不仅仅要考虑创造冲击力时的尺寸，而且也有尺寸之间的对比。大面积的留白空间包围着一张小的肖像图片，使到它与其它广告排在一起时仍然能够突围而出。
' B3 I8 v; f) [+ q1 {

7.jpg (35.1 KB)

2008-6-18 09:42

5 O: i: s& _- `. P; D下面的设计中，大尺寸的黑色标题统领着整个版面，与插图及 LOGO 形成强烈对比。没有绝对的大和小，只有在对比中才能有相对的大和小，而大标题及结束文字都是一样大（ We deliver 是结束文字）
/ f4 K+ r+ y0 k+ i

8.jpg (48.79 KB)

2008-6-18 09:42

2 c. n4 A% R8 d* d颜色 最强烈的颜色冲击力来自它出乎意料及极端的运用。一张照片如果本身拍摄得很华丽，当然也能够说是有冲击力的，但却让人难以兴奋。由于科技的发展，现在我们在视觉上已经越来越能适应一些出乎意料的颜色运用，而且各种软件的出现也使我们可以轻易做到这一点，所以在处理颜色照片时，完全可以大胆一点，或许你会有惊奇的发现。
1 Y3 v- x; l  |/ _: S+ H2 [0 H# A! t
但你要记住，颜色不仅仅指“五彩缤纷的颜色”。黑与白同样是一种颜色。* O& d* [' V$ z1 h
下面这个例子中，由于颜色的特殊运用使到一张普通的硬照变成充满设计气息的图片。  7 o9 e4 R+ A, L5 F2 j% N. l
标题文字采用蓝色，作为一种冷色，在这个设计中显得较为低调。如果我们标题的颜色用的是一种暧色（如红色），则标题将会过于强烈，导致与焦点元素的图片产生冲突。+ d; ?( F: ^* w5 G1 \8 y5 R

9.jpg (47.32 KB)

2008-6-18 09:42

颜色的运用可以是既保守又引人注目。事实上，这种颜色的运用产生的效果要比通常的全色设计更能吸引别人的注意力。在下面这个例子中，紫色及黑色合成的背景使你的视觉由上至下穿越，同时与白色的标题形成强烈的对比。如果你能在脑海中想象我们在这个设计中使用更多颜色设计，你或许会看到焦点元素与这个设计并不一样，眼睛的视线也会不同，而且更重要的是，在视觉上的冲击力也不会这么强烈，虽然它们运用了更多的颜色来设计。) H, Q( ?+ y4 P8 X# R$ Z6 l' W

10.jpg (35.92 KB)

2008-6-18 09:45

) T. S# N, y) A+ h3 I* C) k
强烈的颜色组合使下面这个画廓的小册子封面设计传达了一种当代艺术的感觉。低调的背景与明亮的颜色搭配，并没有形成互相冲突，而是加强了前方颜色的表达。我们或许可以在这些明亮的颜色中选择一种颜色作为画廊名称文字的颜色，但这样会分散焦点的表达，所以画廊的名称我们采用了一种较低调的颜色。
0 F! v3 m; A: u1 B4 e* [9 s. y. @

11.jpg (19.06 KB)

2008-6-18 09:45

8 x8 a! m9 E1 o0 W一张四色设计的海报并不一定就得采用很多种颜色来设计。在下面的设计中，我们将原本是一张黑白的照片在 PHOTOSHOP 中加上一些颜色，然后突出标题即可。
7 x" S7 W- y' b

12.jpg (46.71 KB)

2008-6-18 09:45

7 Q2 \/ U0 y" n% y, H  K
暧色通常显得充满活力，也更显眼，所以暧色的元素并不需要做过多的处理就已经可以让它们轻易传达信息。在实践中，难处在于，你只是加多一点颜色，但却要你的客户支付双色印刷的价钱。客户通常会认为：“如果我花多点钱印多一种颜色，那这种颜色最好用多点！”这个时候，你必须充满自信地告诉你的客户：只是增加一点颜色会显得更有力量，并能形成更强烈的对比，也显得更有意味深长，会让卡片的主人显得更有品味！7 ?6 H- o2 w: r9 I6 a8 L

13.jpg (20.01 KB)

2008-6-18 09:45

意料之外的设计
4 h) p% u3 Q0 z* d在很多设计中，我们所看到的第一张图片或者第一个视觉元素通常是我们已经预料到的，如你在看一个有关烹饪的广告，你已经在脑海里估计会看到食物的照片；你在看一张有关旅游的广告，你已经知道肯定会有一些风景照在里面，这是我们通常想到的东西。但我们是否可以思考一下，如何让人感到出乎意料？& D! ~5 m' Z9 s+ G
你或许会应用一些特殊的字体，或者使用一些很另类的图片而不是通常那种大路货色的图片。或者你应用一些特殊的方法来让一张普通的图片显出另外的特色，反正，就是尽量避免按别人的习惯思维去设计，这种思路如果能够准确应用，理所当然能够获得很好的吸引效果。
9 L; K# a& \2 _- e这并不意味着你要惊世骇俗。只是意味着在设计中，你偶尔有与众不同的一两步就已经足够。出来的效果仍然会显得端庄沉稳，但至少不会沉闷。
1 e3 c" a8 P7 ^4 t下面这种宣传目的很明确的单张中使用了一些我们能够预期的元素： Helvetica/Aria 字体，居中排版，水池中一个可爱的男孩。要改变，就要对每一个可以预期元素进行调整。. E9 q. }7 E, K& }/ T% U; A

14.jpg (37.05 KB)

2008-6-18 09:47

; P' @( D8 W3 O- m1 ?; {在下面这张相同的单张设计中，我们改变了字体，让它们显得更活泼一些。我们去掉那张男孩图片，换上一张具有欢乐气息的图片，并放在一个显眼的小背景中。而整个版面仍然是居中排版，三个主要的元素仍然清晰可见。
. M- E/ {( N  y; y' l

15.jpg (44.11 KB)

2008-6-18 09:47

而在下面的设计中，由于那张插图在最能吸引人注意的元素，所以我们直接将它作为焦点元素。当然，这也意味着我们要对其它的文字内容进行调整，以配合调整后的层次感。我们重复利用那个多角形的颜色及线条，在下方作为其它文字的背景。整个排版并不是严格的居中排版。0 l  @" G. Y% {; s

16.jpg (48.33 KB)

2008-6-18 09:50

- x; p" q" M' B- Z) U9 a1 C2 w在下面这个封面设计中，我们说这些是可以预期的设计，无论是字体还是排版，都已经被过度使用了。并不是说这种字体不漂亮，这种黑体作为封面，显得清晰有力，但问题是，当这些字体被用过了无数次作为封面后，它已经越来越缺乏活力了。& `8 \1 c8 u* `2 t

17.jpg (31.22 KB)

2008-6-18 09:50

8 G' s; c* c! V: ?' w8 M* t
而下面的封面设计则给我们另外的感觉，一个女性的肖像，经过处理后呈现一种高科技的感觉，传达了一种复杂及想象的气息。就算一个读者并不明白轮廓中元素运用的具体含义，但都会从图片感知到与标题相符的信息：创造性。 ! K+ @2 f4 [6 o' [0 I

18.jpg (35.23 KB)

2008-6-18 09:50

. G% C5 W, a' S2 H  H
下面这个设计中使用了一些基本的元素来处理页面，出来的结果也是一种被过度使用的版式，居中设计，大标题，大图片。3 X) R: N/ c# s  Z3 b

19.jpg (37.67 KB)

2008-6-18 09:50

4 o1 ]  {/ @; p* L: x/ B0 M- I
而在这个设计中，我们将标题的尺寸减小，我们改变字体的样式，选择一种比较活泼的手写体字体，更能配合标题原本的意思。背景采用一种较深的颜色，配合上椭圆形的线条，更能传达出优雅的含义。
1 n, @7 ]# j% J" q$ Q

20.jpg (44.5 KB)

2008-6-18 09:50

下面这个歌剧纪念品的广告中，包含了几个意外元素。巴黎的铁塔虽然普通，但这个角度下的铁塔却很少见，而且铁塔的顶尖部分是形成了 Paris 这个词中的“ i “。使用的字体也很有特色，颜色充满活力，有大量的留白空间。而关键句子设计成一条漂亮的河流状，而超出边缘部分的黑色椭圆形区域也强化了空间的元限。
( _) d+ ?, u* g' n- k* M: l

21.jpg (25.02 KB)

2008-6-18 09:52

7 @6 T/ l0 l$ T* l当我们谈到网吧时，我们都期望在设计中无论是标志还是其它元素都能传达出一种高科技的潮流，但在这个城市中（圣达菲市）是一个传统与现代都融合在一起的地方，标志给人一种岩石雕刻的感觉，我们采用的是一种近似石头颜色的背景。字体刻意采用一种古怪的字体，传达了该城市曾经的混乱及无序。但大面积的留白空间还是给人一种当代的感觉。与该城市的气质非常配合。
7 v+ Z- b0 Y% Q* u1 |- E& z8 H

22.jpg (18.25 KB)

2008-6-18 09:52

2 U/ u+ t! o' R6 @: d在这个私家学校的广告中，通常我们期望看到的是一个小孩在黑板上写着一些 "6 x 48 =" 之类的文字或一群仪态优雅的学生。  M5 W( B4 q0 z' n7 u: g

23.jpg (44.71 KB)

2008-6-18 09:52

7 t0 ]1 }7 Z2 Q随着广告的深入，我们开始加入一些意料之外的元素。黑板上的图片让他们感到惊讶，虽然小孩的图片并没有改变。) ]% e0 h7 x7 K& R

24.jpg (49.32 KB)

2008-6-18 09:52

视觉关联
3 c5 ^5 M( @" u0 {0 \所谓视觉关联，是我们在设计中经常使用的一种手法，当我们将各个元素以某种形式取得联系时，视觉效果会很有趣，图片本身也显得更能吸引人。7 A& Y0 q& A. o4 k) k! E; r( k
你可以将表面两种毫无关系的元素联系起来，比如一个强盗与一支铅笔，或者你会将文字与图片以某种形式联系起来。 在设计中所使用的图片并非一定要非常精致优雅，事实上，一些简单基至看起来有点粗糙的图片同样具有很强的吸引力。有些文字本身与插图的联系已经很紧密。如下面这个设计中，乐队名称已经可以用很直观的视觉元素来传达，有时候，最明显的解决方案就是最好的方案，不一定每次都独辟蹊径。我们直接将名称有一种直观的图片元素来表达即可，而且图片尺寸很大，很显眼，已经具有相当大的吸引力。
2 w( ^3 S2 A0 U, q$ Y

25.jpg (27.17 KB)

2008-6-18 09:55

8 F5 F( P* Y* X
对于表现一些很普通的主题，我们用一只老鼠来代表网站，通过改变其影子形成有趣的视觉效果。
* @. [2 L2 Z! o  n' l" L; s

26.jpg (12.21 KB)

2008-6-18 09:55

1 P1 ~. I, H3 ~, ^3 P对于葡萄酒的广告中，我们使用了下面的图片，奇特的插图使人一眼难忘：
3 h) P) f7 I  \! G) \- P. S

27.jpg (26.62 KB)

2008-6-18 09:55

# q- E9 w3 g) ]  U) `
胆子大一些很多设计项目中，无论是客户还是设计师，大都表现相当保守，因为我们要考虑到市场的接受程度。但偏离正常的轨道其实可以让你的设计获得更好的效果。尝试一些不常用的字体，一些特别的版面尺寸，或者一些奇特的图片。当面对某个具体的设计时，你可以写下一些我们常见的解决办法，如字体选择，图片选择及印刷的版面大小，纸张颜色等。然后再来决定其中那一些是你可以尝试改变的。如果你胆子够大，肯定会爱上这种游戏。& @" T! x6 h9 _  ~* H
如下面在设计一张邀请函时，你首先想的是张纸会是 8.5 x 11 英寸 吧，或者对折的尺寸，但你为什么不尝试一下设计一张又高又窄的邀请函？你不但使设计显得更独特，而且印刷费用还比以前低了很多，一举两得，何乐而不为？. T9 U2 z  q, K- X0 _7 Z

28.jpg (15.36 KB)

2008-6-18 09:55

& g5 W' R1 m1 U6 k5 K在设计中不一定要将什么东西都设计得很大才可以显示出自己的力量，其实将某些元素设计得非常小，同样有这种魔力。如下面这个设计中，极简单的文字及文字字体很小，都是出乎人们的意料，与大面积的留白空间形成对比。在一些拥挤混乱的报纸中做广告，这种设计更有效果，人人都巴不得将版面填满，毕竟都花不不少钱，但在这些广告中只有你的广告才显得开阔，人们的注意力很自然会留意你的存在，极简单的设计象是一扇窗户，人们在拥护的空间中需要透一口气！& L. A9 D4 C+ k7 f

29.jpg (14.32 KB)

2008-6-18 09:55

, J- e5 `/ P) F
你要设计一张宣传单张？不一定要将版面做成竖形，为什么不尝试一下横向的版面？或者尝试一下将横向的版面再切掉一半。留意下面这个设计，图片及文字都有部分被切掉，但你的眼睛还是会将它们找回来，结果是，你使用了更少的面积，却获得更大的视觉冲击力，因为被切去部分的文字本身已经能够引起足够多的注意。
# t; Q- z4 @, _4 e$ L7 R

30.jpg (11.63 KB)

2008-6-18 09:55

1.第一副图,如果图片靠近文字的边缘,没有虚化的话,这副作品会显的很僵,很硬,请告诉大家.
2 e# r( v: D$ v3 A: u, a$ O9 {4 D1 P7 y: x" ^/ @$ f
2.有装饰画的那张, ".......大面积的留白空间包围着一张小的肖像图片，使到它与其它广告排在一起时仍然能够突围而出。
& h7 Q, W3 Q" U6 U0 L7 P, W1 a) r3 T+ q9 A4 l7 `6 l
首先,画变小,装饰元素变大,这张画面并不具备冲击力,,装饰元素放大,显得很碎,显得画面缺泛凝聚力,因为这不是任何一个元素放大变小就可以的,有的元素是适合放大,有的元素只适合变小.
1 `9 Z  @- `2 }3 x! {# H要表达画面第一要素的时候,其他任何元素都应该弱于它,不能成为其干扰,显然,现在装饰元素已经干扰了第一视觉要素. )
8 z8 c0 [0 `2 e/ i3 w, T/ x: D7 u" l% s  E
3.黄色色调人脸的那张.设计的好坏我们先不说它, 就你的话"题文字采用蓝色，作为一种冷色，在这个设计中显得较为低调。如果我们标题的颜色用的是一种暧色（如红色），则标题将会过于强烈，导致与焦点元素的图片产生冲突。" ?* Q+ B; S$ B, `
% i( z# w3 [  _
这副画面文字用兰色,属于冷色,没错,因为人物是暖色,文字用冷色是为了对比人物,使他们处于不同的空间平面层次,更衬托人物,如果采用暖色,就变成和人物处于同一空间平面,缺泛了层次,突出不了第一视觉要素(人物),不是与焦点元素冲突,是混淆.
9 W) B# H+ b% ^3 z- u, M1 ~- i0 g  @& |; g
4.紧跟着下面一张,"紫色及黑色合成的背景使你的视觉由上至下穿越",不是因为"紫色及黑色合成的背景使你的视觉由上至下穿越",紫色换成其他任何一种颜色都行(只要和黑色在明度上有差别),这样讲的意思,并不是颜色导致了视觉的穿越流程,而是"形".....

发完了.大家好好用心看看啊!

讲得非常透彻，学习了！

很受启发啊，谢谢楼主

HOHO~！学习好多东西~！

谢谢谢谢谢谢