版式设计-如何创造视觉冲击力

一个平面设计主要有三种目的:1,引起别人的注意;2,给人留下深刻的视觉印象;3,信息沟通。

要达到前面两种目的,最好的办法就是视觉冲击力。你的设计及版面会决定别人观看你的作品时间的长短,只有别人的注意力在你的作品中停留的时间较长,信息才能有效沟通。如果你的作品不能引起别人的注意,其它一切都是无意义的。

尺寸

字体、图片及各种设计元素的尺寸决定了你的作品是否具有冲击力。尺寸的使用技巧就是我们必须在设计中产生强对比。如果一个元素仅仅比其它元素大一点,并不会有什么效果出来。

在下面这个设计中,图片及标题的尺寸是这个设计中具有冲击力的一个决定元素。部分标题文字尺寸较小,使我们在对比中能够更直观感觉大的元素。

时钟的图片通过剪切后作为背景,而且放得很大,而没有剪切的时钟图片则放在前面,这种设计比简单地放上一个时钟的效果要好很多。记住,当我们对一件大家都熟悉的物品进行剪切时,人们在观看时会在脑海里将被剪切掉的部分自己补充上,这种视觉惯性对于我们设计来说是一个有利的因素,使我们可以设计出一些“看不见的空间”。虽然只是一个黑白设计,但冲击力非常强烈。

很显然,下面的设计中插图非常简洁,而且插图元素非常大,虽然仅是一个黑白的低预算设计,但却非常吸引人的视线。

我们说过,“尺寸”的意思并非说一定要很大,如下面这个报纸的半页广告,你很难忽略它。原因恰恰时它的元素尺寸非常小,这仍然是一种强对比的设计——大面积的留白空间与小元素形成强烈对比。


将元素变大,也意味着让它更有力量,可以将一些平淡无奇的元素变得吸引人。在下面这个例子中,虽然只是以文字为主,但却一点都不枯燥,虽然在背景中我们将名称放得很大,甚至超出了版面,但读者仍然知道它的意思,因为黄色的大标题已经点明了它的全称。而且文字呈角度摆放,同样传达了一种很强的冲击力。

一种大面积的单色以简单的形状出现时,可以很快吸引读者的眼光。对比来自于灯泡的插图及小尺寸的文字,使到图片看起来更大。我们在脑海中会将插图超出边缘的部分自动补上,也进一步强化了图片的大尺寸印象。

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


下面这个版面是上述设计的另一种变化,改变了尺寸中元素的对比比例。一般来说,装饰元素通常都较小,传达一种精致的效果,但在下面这个例子中,装饰元素放得很大,使到这个装饰元素让人无法忽略。记住,我们不仅仅要考虑创造冲击力时的尺寸,而且也有尺寸之间的对比。大面积的留白空间包围着一张小的肖像图片,使到它与其它广告排在一起时仍然能够突围而出。

下面的设计中,大尺寸的黑色标题统领着整个版面,与插图及LOGO形成强烈对比。没有绝对的大和小,只有在对比中才能有相对的大和小,而大标题及结束文字都是一样大(We deliver是结束文字)

颜色

最强烈的颜色冲击力来自它出乎意料及极端的运用。一张照片如果本身拍摄得很华丽,当然也能够说是有冲击力的,但却让人难以兴奋。由于科技的发展,现在我们在视觉上已经越来越能适应一些出乎意料的颜色运用,而且各种软件的出现也使我们可以轻易做到这一点,所以在处理颜色照片时,完全可以大胆一点,或许你会有惊奇的发现。

但你要记住,颜色不仅仅指“五彩缤纷的颜色”。黑与白同样是一种颜色。

下面这个例子中,由于颜色的特殊运用使到一张普通的硬照变成充满设计气息的图片。

标题文字采用蓝色,作为一种冷色,在这个设计中显得较为低调。如果我们标题的颜色用的是一种暧色(如红色),则标题将会过于强烈,导致与焦点元素的图片产生冲突。

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

强烈的颜色组合使下面这个画廓的小册子封面设计传达了一种当代艺术的感觉。低调的背景与明亮的颜色搭配,并没有形成互相冲突,而是加强了前方颜色的表达。我们或许可以在这些明亮的颜色中选择一种颜色作为画廊名称文字的颜色,但这样会分散焦点的表达,所以画廊的名称我们采用了一种较低调的颜色。

一张四色设计的海报并不一定就得采用很多种颜色来设计。在下面的设计中,我们将原本是一张黑白的照片在PHOTOSHOP中加上一些颜色,然后突出标题即可。

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

意料之外的设计

在很多设计中,我们所看到的第一张图片或者第一个视觉元素通常是我们已经预料到的,如你在看一个有关烹饪的广告,你已经在脑海里估计会看到食物的照片;你在看一张有关旅游的广告,你已经知道肯定会有一些风景照在里面,这是我们通常想到的东西。但我们是否可以思考一下,如何让人感到出乎意料?

你或许会应用一些特殊的字体,或者使用一些很另类的图片而不是通常那种大路货色的图片。或者你应用一些特殊的方法来让一张普通的图片显出另外的特色,反正,就是尽量避免按别人的习惯思维去设计,这种思路如果能够准确应用,理所当然能够获得很好的吸引效果。

这并不意味着你要惊世骇俗。只是意味着在设计中,你偶尔有与众不同的一两步就已经足够。出来的效果仍然会显得端庄沉稳,但至少不会沉闷。

下面这种宣传目的很明确的单张中使用了一些我们能够预期的元素:Helvetica/Aria字体,居中排版,水池中一个可爱的男孩。要改变,就要对每一个可以预期元素进行调整。

在下面这张相同的单张设计中,我们改变了字体,让它们显得更活泼一些。我们去掉那张男孩图片,换上一张具有欢乐气息的图片,并放在一个显眼的小背景中。而整个版面仍然是居中排版,三个主要的元素仍然清晰可见。


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

在下面这个封面设计中,我们说这些是可以预期的设计,无论是字体还是排版,都已经被过度使用了。并不是说这种字体不漂亮,这种黑体作为封面,显得清晰有力,但问题是,当这些字体被用过了无数次作为封面后,它已经越来越缺乏活力了。

而下面的封面设计则给我们另外的感觉,一个女性的肖像,经过处理后呈现一种高科技的感觉,传达了一种复杂及想象的气息。就算一个读者并不明白轮廓中元素运用的具体含义,但都会从图片感知到与标题相符的信息:创造性。

下面这个设计中使用了一些基本的元素来处理页面,出来的结果也是一种被过度使用的版式,居中设计,大标题,大图片。

而在这个设计中,我们将标题的尺寸减小,我们改变字体的样式,选择一种比较活泼的手写体字体,更能配合标题原本的意思。背景采用一种较深的颜色,配合上椭圆形的线条,更能传达出优雅的含义。

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

当我们谈到网吧时,我们都期望在设计中无论是标志还是其它元素都能传达出一种高科技的潮流,但在这个城市中(圣达菲市)是一个传统与现代都融合在一起的地方,标志给人一种岩石雕刻的感觉,我们采用的是一种近似石头颜色的背景。字体刻意采用一种古怪的字体,传达了该城市曾经的混乱及无序。但大面积的留白空间还是给人一种当代的感觉。与该城市的气质非常配合。

在这个私家学校的广告中,通常我们期望看到的是一个小孩在黑板上写着一些"6 x 48 ="之类的文字或一群仪态优雅的学生。

随着广告的深入,我们开始加入一些意料之外的元素。黑板上的图片让他们感到惊讶,虽然小孩的图片并没有改变。

视觉关联

所谓视觉关联,是我们在设计中经常使用的一种手法,当我们将各个元素以某种形式取得联系时,视觉效果会很有趣,图片本身也显得更能吸引人。

你可以将表面两种毫无关系的元素联系起来,比如一个强盗与一支铅笔,或者你会将文字与图片以某种形式联系起来。

在设计中所使用的图片并非一定要非常精致优雅,事实上,一些简单基至看起来有点粗糙的图片同样具有很强的吸引力。有些文字本身与插图的联系已经很紧密。如下面这个设计中,乐队名称已经可以用很直观的视觉元素来传达,有时候,最明显的解决方案就是最好的方案,不一定每次都独辟蹊径。我们直接将名称有一种直观的图片元素来表达即可,而且图片尺寸很大,很显眼,已经具有相当大的吸引力。

对于表现一些很普通的主题,我们用一只老鼠来代表网站,通过改变其影子形成有趣的视觉效果。

对于葡萄酒的广告中,我们使用了下面的图片,奇特的插图使人一眼难忘:

胆子大一些

很多设计项目中,无论是客户还是设计师,大都表现相当保守,因为我们要考虑到市场的接受程度。但偏离正常的轨道其实可以让你的设计获得更好的效果。尝试一些不常用的字体,一些特别的版面尺寸,或者一些奇特的图片。当面对某个具体的设计时,你可以写下一些我们常见的解决办法,如字体选择,图片选择及印刷的版面大小,纸张颜色等。然后再来决定其中那一些是你可以尝试改变的。如果你胆子够大,肯定会爱上这种游戏。

如下面在设计一张邀请函时,你首先想的是张纸会是8.5 x 11英寸 吧,或者对折的尺寸,但你为什么不尝试一下设计一张又高又窄的邀请函?你不但使设计显得更独特,而且印刷费用还比以前低了很多,一举两得,何乐而不为?

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

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



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,293评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,604评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,958评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,729评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,719评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,630评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,000评论 3 397
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,665评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,909评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,646评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,726评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,400评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,986评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,959评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,996评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,481评论 2 342

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,727评论 1 92
  • 以下摘自微信公众号 研习社 1.怎样才能不被素材绑架 设计师要准确透彻的理解想要传达的信息,才能合理的利用素材来提...
    葡萄紫耶阅读 1,322评论 0 3
  • 本文介绍了我们如何将一张单色卡名变成充满视觉吸引力的设计 科尔是一个大忙人。他是四重奏乐队的其中一名成员,而他自己...
    木梓设计阅读 831评论 25 5
  • 我以一轮明月为聘 聘君一世 许你形影相随 可好? 我以一江秋水为聘 聘君一人 许你此生不弃 可好? 我以一厢初心为...
    灰猫的旅行阅读 483评论 4 1
  • 粤江二月三月来 千树万树朱花开 花开叶不在 花红叶不绿 是他们的真实写照 街道一角 大路两边 木棉花开了 红红火火...
    笑忘书风铃草阅读 247评论 0 0