创造视觉冲击力

2016-02-19 14:58 27 1 收藏

下面是个简单易学的创造视觉冲击力教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - 视觉 】

无论是什么设计,首先是它必须能够引起别人的注意,也意味着它必须有某种视觉冲击力,否则没有人会有耐性看下去。本文从几个因素来讨论如何通过从尺寸变化、颜色运用及对比来使你的设计给人留下深刻的印象。

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

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

尺寸

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

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

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

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

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

意料之外的设计

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

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

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

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

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

来源:https://www.tulaoshi.com/n/20160219/1608454.html

延伸阅读
拍出超强冲击力大片   怎样拍出这样有视觉冲击力的照片? 技巧一:引导线的运用 构图其中一项非常有用的技巧便是引导线,只要我们找出物体的线条,然后利用线条一直延伸到照片的一部分,那么我们的目光便会不其然被带到该主体。照片中的柱便是一个很好的例子,你是否被吸引到看着建筑物的顶部呢? 技巧二:利...
标签: PS PS教程
个人非常喜欢漫画风格。漫画风格字体效果用途广泛、视觉冲击力佳,而且非常可爱。本文将教你如何打造有趣的漫画字体效果。学会之后可以根据自己的喜好,使用恰当的漫画风字体和主题来达成自己的设计。 第一步工作,背景打造。使用两种蓝色(#1c80fc 以及 #1252a0)来创建线性渐变。滤镜-像素化-彩色半调(CS6是 滤镜库 素描 半调图...
PS插件Camera Raw让画面色彩更加具有视觉冲击力   照片的色彩太过平淡会削弱照片的表现力,为了使画面的色彩更加具有视觉冲击力,TuLaoShi.com可以利用Camera Raw中HSL/灰度对颜色进行独立调整的功能,来加强画面中的部分区域色彩,使画面呈现出强烈的冷暖色对比,由此来打造出具有感染力的风景照。 1、打开文件 ...
标签: 设计
本文深入介绍了图片在办公用品识别设计中如何应用、如何设计具有冲击力的封面、剖析 NIKE 网页的构图及制作吸引人的立式日历,并介绍了图片的延伸技巧以便创造一个区域来应用文字,希望对你有所启发,使你在实际设计中获得更多灵感。 一、办公用品设计 Logo 有着强烈的象征意味,但有时它又不能充分表达出真实的东西。在某些时候,与其设计一...
标签: PS PS教程
今天这篇海报的视觉冲击力特别带劲,运用了红色、黑色和白色,形成强烈的色彩反差,加上酷炫的光效和张力十足的人物素材,震撼力Max!11月第一天,练个手,给自己开个好头吧! 点击下载素材包和PSD : http://yunpan.cn/c3e4xCkTbHgIe  访问密码 4a47 最终效果: 新建一个800*1200像素的文档,背景色为白色。打开素材包...

经验教程

186

收藏

59
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部