| 注册

如何在设计中创造主题

泛艺学苑 > UI设计 > 设计理论 >  2017-11-20 17:30:23 浏览

分享

【译者的话】 沟通是一切设计的本质。而在设计中,有很多客观因素在限制着我们,也使我们面临很多挑战,明白这些挑战会如何影响到设计是很重要的。毕竟我们是在设计,而不是在自娱自乐地画一幅水彩画。一个设计可以有很多种表现形式,但哪一种才是最适合?

在很多设计项目中我们都面临着一些“问题”――这其实是一件挺有趣的事,因为在寻找办法解决“问题”的过程中本身就充满乐趣。但如果一名设计师缺乏充足的经验来面对,这些问题就可能变成一种真正的危险。或许,我们将它称为“设计中的挑战”可能会让人感觉舒服一点。

作为一名设计师,你的挑战就是要与你的读者进行视觉交流(你应该感到幸运的是,这个世界上并没有多少工作比这更有趣)。当在设计中面对种种挑战时,首先应该平静接受,毕竟,你现在正在阅读这篇文章,不是吗?

缩小选择范围

如果你叫一千个优秀的设计师各自独立去设计一个相同的项目,你就会得到一千个各自不同但都很捧的解决办法。所以,当我们面对各种设计挑战时,其实是有很多种途径去解决的。明白这些道理,我们在面对一个设计项目时,首先就要限制你的选择范围。不然,你只会将所有的时间和精力花在如何选择上,而不是将精力放在如何对个别项目进行完善的思考上。

限制因素

无论是哪一个设计项目,都有一些客观的因素帮助我们缩窄这个选择范围,如,我们通过收集客户的信息及意见,同时考虑这个项目的目标顾客的各种因素,这些都可以使我们缩小选择的范围。选择范围的缩窄并不是一件坏事,因为我们通过这些限制,从而明白我们到底需要什么元素。至少,我们可以有一个前进的方向。

四种主要的约束

在任何设计中,都有会四种主要的因素帮助你缩小选择的范围,这些因素使你可以尽快在设计中走上正途,这些因素包括:

设计流程 客户要求 预算 时间

让我们分别看一下这些因素是如何影响到你的设计项目的。

当然,你要紧记一件事:有这么多约束因素并不是你设计一个差劲作品的借口。有很多优势的作品都只是印在廉价的纸张上,预算很少,甚至在很匆忙中做出来的。

我们自己真的在办公室里放着一块标志,上书 :

图 1 :(好 快 省 任选其中两种)

1:在开始时先想想最后的事情

最大的约束因素是,无论你在设计任何作品时,你都要考虑到,这件作品最后是要用在什么地方的。举个例子,如果它是一个报纸广告或者黄页上的广告,那你就要选择一些醒目的字体,使其能尽快传达信息。而且颜色也要有所限制(如果是印在报纸上,很可能只是黑白就行了),所选择的图片就要考虑到,对于报纸这种印刷质量不是很高的媒介来说,图片必须仍然能够有良好的表现。

但如果这个广告是要印在精美杂志上,你可以尽情选择不同的字体,也有更多的颜色选择,图片的选择范围也更大,因为精美的杂志能够有高象素的印刷(图 2 )。

如果设计作品是要在杂志的铜版纸上作高质量印刷,那约束因素就很少。你可以使用一些很精细的字体及高象素的图片,还可以应用一些很浅的渐变色调。 在这个版面上,高质量的印刷允许我们在标题上使用较浅的颜色,我们也不需要担心印刷出来的字体会隐晦不清。

图 2

报纸及电话黄页上印刷的纸张一般有吸水性,而且图像通常需要较低的线网( linescreen )数值,所以最好的做法就是限制你的字体选择,而且避免一些很精美的细节及细线,尽量确保在廉价纸张上印刷也不会使你的图像变差,避免选择一些灰色的小字体,因为线网上的细点会使它难以卒读。这些限制同样适用于其它低成本的复制,如复印或传真。

所以为了适应报纸广告,我们将副标题及字体换成了黑色,避免了上述的问题。我们还放大图像元素,将原来人物周围的文字去掉,因为如果在报纸上印刷,这些文字极有可能只是一片模糊。由于改变了设计中的一些元素,所以我们的版面也需要调整(图 3 )。

图 3

2 、客户要求

当你开始进行一项设计项目时,客户通常会对这个项目提出一些要求,这些要求会限制你的选择,也会影响到你最终的结果。比如,客户会要求你使用他们现有的标志,他们的企业颜色,并提供你一些产品的图片及产品说明文字,而且希望整个设计显得专业庄重。

下面列出了客户对一个具体的设计例子提出的要求:

版式:用于假日播影室出租的宣传单张, 8.5 x 11 英寸 ,2 折页,双色印刷 用途:作为直邮广告向旅游机构邮寄,摆放在旅游机构的宣传架上。 主要的信息:强调乡村生活及高科技的特色; 其它的信息:详细说明当地的风土人情,播音室的特色及收费。 图片要求:位置示意图,室内或室外的照片,本公司标志,其它合作机构的标志。 同时,设计用于通讯会员杂志上的黑白广告

当我们接到这样的设计任务时,应该首先将所有这些要求都出现在你的版面上,暂时不必花太多时间去理会设计好不好看,然后,我们要考虑如何将这些元素安排好位置,使所要传达的信息清晰易懂,让人看上一眼就知道你在说什么( 图 4 ) 。

当你将所有的元素都弄好之后,接下来的工作就没有这么沉闷了。你可以开始考虑字体、颜色。只有当做好前一步时,一些想法才会更加具体,如果你面对的只是一张白纸,只能是毫无头绪。

图 4

当所有元素都已经在页面上时,我们决定将那张小小的影音室作为一个视觉焦点。因为整个设计项目只允许用两种颜色,我们可以将一些图像元素变成这两种颜色。而出来的图像效果明显要比单纯的黑白效果要好得多。同时,我们觉得如果在标题背后加上一个深色底,将会使标题更加明显。我们决定将背景的形状变成天空或山的感觉。为了传达高科技信息,我们加了一个大型的卫星天线在插图上。由于在标题上使用了两种颜色,我们突出强调“ GET AWAY ”一词,而其余文字“ keep in touch. ”则重复应用天线的颜色。我们选择一种轻松有趣但仍然能够清晰阅读的字体。为了使标题与其余文字有机结合(这通常是一个挑战),我们重复将颜色及标题背景的元素应用在文字上。

结果就是,整个版面在视觉上有趣协调,而且能够清晰阅读(图 5 )。

(图 5 )

在通讯会员杂志黑白广告上,我们选择了一种优雅而且清晰的字体,这种字体挺漂亮的,也传达出相应的气息。但整个版面与上述的宣传单张相比,显得过于单调,由于缺乏对比,使到读者的眼睛难以在它身上停留(图 6 )。

(图 6 )

为了使这个广告能够与上述宣传单张最终的版面协调,我们重复应用刚才的字体及一些轻松的区域放在标题后面。为了创造了一个更强的信点,我们将标题分成两部分,通过尺寸及颜色来增强对比(图 7 )。

图7

3 ,预算是多少?

我们经常面对的另一个强有力的限制就是预算,通常由于预算的原因,使我们寻找一个设计方案成为了一种挑战。

限制并不是一件坏事,它们通常逼使我们变得更有创造力。如果你自己请不起一个摄影师或插图师帮忙,甚至连买张图片都不想,那你就得在字体或一些剪贴素材的运用上变得更有创造力。

事实上,设计一张全版报纸广告要比设计一张 2x 5 英寸 的广告要容易得多,因为对于一个全版广告 来说,由于其尺寸非常 大 ,无论你在上面说什么,或看起是否漂亮,反正它总能吸引读者的眼光。但如果我们 要 面对有很多限制的设计项目时, 虽然没有这种便宜可贪,但 却充满乐趣,因为我们要思考如何将负面的因素变成积极的因素,当你成功做到后,通常满足感也非常大。

图 8 中的广告采用了全色印刷,而且尺寸很大,因为客户愿意花更多的钱。 而图 9 及图 10 中,这间 SAMLL GUY 的小公司将她负面的客观因素转化为积极因素:公司虽小,但更有个性,价钱也比同行要廉价得多。一个低预算的设计并不意味着我们不能设计出有创意及有效的作品!

图 8

图 9

图 10

4 :期限

设计期限也有力地影响着你的设计选择,特别是一些外围因素,如图片的选择或出来是单色还是四色设计。如果客户催得很急,你就很难去拍摄一些精美的照片或作非常精细的设计。你可能会就地取材,而不是花两天的时间用 PHOTOSHOP 软件设计一张抽象画。

图 11

如果没有时间去拍摄照片,我们可以用字体、颜色及形状来讲述一个故事。在上图 11 中,一种书写体就比很多照片都能更有效传达出“ plaster ”(石灰)的信息。再采用一些粗糙的瓦片元素就能够与题目搭配。而一个巨大的连字号( & )就将两位艺术家联系起来,但同时仍能够将他们区别开来。

图 12

你或许没有时间去精心拍摄一张专业照片,但如果你有一部数码相机(就算不是专业的那种),你也可以用它拍摄的照片来作为你设计的一部分,效果通常还不错,而且也显得更特别。阿 John 用了五分钟的时间拍了上面的那幅照片,然后在 Photoshop 经过简单的剪切及加工,用于这个设计上。善于利用这些数码相机,能够使你在匆忙之中也能够做出一些有创意的作品出来(图12)。

选择样式

我们所谈的虽然是设计,但其实我们的终极目的是如何通过视觉元素进行有效的沟通及传达信息。

沟通是一切设计中最本质的原因。我们不可能去设计一个达不到任何沟通效果的设计。我们的挑战是如何控制信息以什么方式来进行沟通。所以样式的选择就决定我们的信息如果沟通。无论如何,你的选择只有两种:一种是信息模糊不清,一种是使信息更容易让人记住。

由于每一个具体的设计都有它独特的信息要传达,所以我们要尝试通过不同的方式来赋予这种信息独特的个性,在下面,我们通过一个具体的案例来阐述我们如何通过不同的样式使设计传达出不同的信息。

普通设计

图 13

图 13 的设计是保守的,缺乏想象力,也很沉闷,是一个毫无个性的设计,很难引起别人的注意力(就算一个看起来很恶心的设计也比这个设计更抢风头,当然,一个恶心的设计只能传达出另外的信息,而不是一种有效的沟通)。但很不幸,这种设计我们经常可以看到,因为他们很容易也很快就能做出来。我们不需要进行思考或想象。有些设计师将这种设计与那种专业、保守且古典的设计风格混为一谈,这可能是我们都无数次看过两者的风格,到最后,也分辨不出哪一种是毫无个性的设计,哪一种是专业低调的设计。无论如何,这种设计是缺乏激情的。

现在很多电脑上都将 Helvetica 字体作为一种默认的字体,这导致另一种后果产生:虽然 Helvetica 字体本身的结构很清晰醒目,但由于过多使用,这种字体在沟通的效果上反而日益削弱。设计师如果不想将自己闷死的话,也应该尝试其它一些更具个性的字体。

为什么说上面这种设计是一种普通的设计:

都是居中排列,缺乏想象。 它使用了 Helvetica 字体,看起来象是回到上个世纪 70 年代 没有强烈的对比 没有足够的留白空间 要点虽然清晰,但不能支持所传达的信息 企业样式的设计

图 14

图 15

这个设计给人一种企业的气息,这种设计整洁,不偏不倚,稳重,给人一种可信赖的感觉(图 14 、 15 ),但如果你一不留神,这种设计看起来就会象是上述那种缺乏个性的设计。但这种设计比上述的那种设计具有更多的创意,也具有更多的灵活性,如果你整齐有序地组织好版面,你就可以设计出一系列又整齐沟通效果又好的设计。

上面右边的设计中,虽然采用了一张较特别的插图,但整个版面给人的感觉并不会离主流太远,仍然给人一种中规中矩的感觉。

为什么说上面的设计是一种企业样式的设计?

主题鲜明,线条清晰 没有多余的元素 采用的字体仍然是主流的字体(虽然它与一些传统企业所使用的字体有很大的不同!)

就算我们将标题变得更随意及更有趣,但整洁干净的版面仍然给人一种正规的感觉(图 16 )。

图 16

客户认为上面这张奇特的狗只插图很有趣,但又过于有趣了,事实上,客户认为这种插图与他们的公司并不相称。不过设计师会很幸运地发现,就算没有那张插图,对标题的应用仍然使设计传达出一种特别的效果(图 17 )。

图 17

具冲击力的设计

图 18

图 19

要设计出具有冲击力的设计,你的主要目标是利用大胆的图像或者有创意的插图元素来抓住读者的眼光。虽然这种设计给人更强的视觉冲击力,但它仍然具有广泛的用途,无论是保守还是低调的设计,一样胜任。

在图 18 的例子中,那只狗的形象显得非常奇特及古怪,使你禁上住会仔细打量起它,你甚至还可能阅读起广告文字。一个简单的图像素材以一种富有创意的方式显示,效果与那些精美的图片一样能够引起别人的注意力。

将版面的焦点元素以一种夸张的形式来表达总是一个有趣的过程。在图 18 例子中,这只狗的形象被尽可能地放得很大。而在图 19 的例子中,厚重的黑色区域与白色区域形成的强烈对比相当吸引人,如果我们还要进一步深化设计,我们可以将狗的颜色采用一种出人意料的颜色来处理,如深褐色或橄榄色,这样处理可以使设计进一步形成更强烈的效果。

是什么使这些设计具有视觉冲击力?

超大尺寸、厚实及简单的图像 强烈的黑色与白色及较浅的颜色形成强烈对比。 标题采用有趣的字体,具有很强的“设计味”。

信息众多的设计

图 20

如果你的设计版面需要传达很多琐碎的文字信息,而且看起来显得正式专业,那我们这种办法或许对你有所帮助。你希望通过告诉别人多种多样的特色及你如何专业来达到吸引别人的目的。一个简单但精心组织的设计使读者能够轻易阅读你众多的信息。

在图 20 的例子中,尽管采用了一张有趣及欢快的图片,它仍然能给人一种实事实是的感觉,如果将这个版面用在广告上,读者仍然会认为该机构是一家严肃的企业,它所说的东西或许真的值得一读(虽然一些设计师或撰写文案的人员会认为这种版面因为有太多的文字,使到信息能够被阅读的机率极低)。

当文字过于冗长,使用一种粗壮的小标题设计,使读者可以一眼扫过就知道各自的重点。一定要记住大部分的读者都不会有兴趣阅读太多的文字。唯一的办法就是创造视觉上的对比,使读者有兴趣阅读标题及小标题,如果他们看了这些标题之后觉得感兴趣,他们就会细读。

在图 20 中,我们将标题转换成一种视觉元素,被留白空间包围着,使这个充斥文字的版面中形成一个喘息的空间。这个空间会鼓励读者继续阅读下去,否则他们看到这么多文字在上面,已经被吓跑了。

是什么使这个文字众多的版面仍显得干净及具有组织性?

文字对齐,每栏的细线简单不杂乱。 在多余的空间中只有留白空间,没有加进一些杂乱的元素。 黑色的条形区域上下重复应用,使到文字信息更加紧凑。 字体保守不张扬

包罗万有的设计

图 21

“包罗万有”一词是指那些我们在一个设计中需要涉及众多对象或项目的设计。设计这种广告其实很有趣。通过不同的图片阅读加上一些简短鲜明的文字,会吸引大部分的读者的眼光。

通过这种方法,你可以运用不同的图片及插图组合成耀眼的版面,每一个视觉元素有各自的短文配合。这种排版手法适用于宣传手册及较大型的印刷广告,因为它们都有较多的空间给你使用图片,也保证文字不会太小。由于这种设计显得轻松随意,所以文字内容我们也可以采用轻松幽默的字句(图 21 )。

如果你面对的是一个很小的版面就要特别注意,因为版面太小,图片就会失去冲击力,而且字体也可以太小,难以辨认,读起来会很不舒服。

怎样设计这种包罗万有的设计?

这个设计能够吸引人的眼光,但并没有起到最大的效果。当各种视觉元素大小都差不多的话,读者就一时不知如何开始去阅读。所以我们需要有一个起支配作用的元素。设计这种版面时必须在其中有一个比其它元素更强的东西或焦 在上面这个例子中,封闭区域的标题在这个设计中是一个强有力的元素,但如果我们对整个版面作进一步调整,效果可能会更好一点。

对比一下图 21 及图 22 两张广告。

图 22

仅仅是作了简单的调整……

在图 22 中,经过简单调整的设计通过很多不同的元素与主要插图(狗 / 星)来强调“ top dog ”这个主题。现在这个插图是最大的元素,而且插图中的狗也非常可爱,足以吸引别人的眼光。但到了这一步我们也在怀疑这张插图是否适合,因为它传达的信息并不明确。我们再进一步用更实在的插图来作为主要的视觉元素吧。

图 23

让我们再来加强一下设计效果……

在图 23 中,由于使用了一张更具冲击力的黑色狗只插图,使其更能吸引读者的眼光。也使读者有兴起去阅读周围那些五彩缤纷的图片。图片之间填充的简短文字也吸引着读者仔细阅读。

全字体设计

图 24

不要以为你在所有的设计中都一定要用到图片。一些非常不错的字体同样可以吸引读者的眼睛,并传达清晰有力的信息。字体的选择可以是那些一本正经的字体,也可以是那些具有装饰性的字体,一些具有装饰性的字体本身就可以看作是一种图像艺术。

现在有成千上万种字体可以选择(可能你的电脑里就已经装有几百种字体),可以说,你有很多种方式去让你的设计给人不同的感觉,就看你如何有效地去利用。

全字体的设计同样可以很有趣,特别是你的设计时间非常有限,预算也非常低。一旦你开始体验这种字体的设计,随着经验越来越丰富,这种全字体设计可能会成为你以后设计首选的解决方式(图 24 )。

保守的字体如何看起来具有冲击力?

一种尺寸很大的经典衬线体再加上字母靠得非常紧,同时与小字体形成很紧凑的搭配。 一种清爽的非衬线体作为正文,与衬线体形成协调的对比及搭配。

图 25

字体同样给人一种图像的感觉

当你开始要设计这种类型的设计,通过不同的字体设计你可以轻易设计不同风格的设计。在不同的设计中可大胆尝试使用一些特别的设计字体(图 25 )。

图 26

有时,你还可以将这些字体设计得非常疯狂。

在图 26 中,这些另类的字体同样适用于很多种风格的设计中,包括一些保守的设计同样适合(问题只在于你用多少或如何用它而已)。上图这个设计同时运用一种随意性很强的字体及一种传统的字体。

不必看到这些随意性很强的字体就嗤之以鼻,有时使用这种字体可以让别人知道你的公司是属于二十一世纪的。

追上潮流的设计

图 27

图28

潮流总是充满变化。而有一件奇怪的事恐怕大家都已经注意到:我们都是在数码年代来临以前长大的,那时候数码年代没有来临时,潮流的持续时间会长一点。但现在各种新技术陈出不穷,使到我们可以选择的东西越来越多。但数码年代从萌芽到现在的 20 年间,在设计领域中,变化反而不太明显。或许,现在大家都有了共识:能够清晰表达主题,能够进行有效沟通,永远是设计中的第一选择。

在今天,设计的潮流似乎倾向在设计中包括很多复杂的元素或进行复杂的装饰,使空间显得丰富及给人一种高科技感。而版面中主要图像元素则尽可能简单,份量较重。而对字体则没有以前那么尊重了,我们经常将字体放在一个不显眼的位置上,刻意表明自己不受传统的羁绊。

不要看到潮流的东西就露出鄙夷的眼神。生命中每一样东西都具有潮流的特性,如汽车,太阳眼镜,衣服,发型,音乐,建筑,电影甚至字体,都有各自的潮流风格。跟上潮流并不代表你得就向潮流低头,它只代表你是活在今天,不必对昨天的东西过份迷恋。我们知道有一些设计师还在坚持使用 Helvetica 字体,这只会让我们想起那时候流行的那些象蜂窝状的卷发。

图27及28的作品具有当今潮流的特性是因为:

细线条在整个版面以一种活泼的方式来填充。 厚重而简单的图像元素配上一种看起来不甚真实的颜色。 标题使用特别的字体 文字不成一条直线。 文字清晰简明; 采用一些抽象的元素,使版面产生“混乱”感。
分享到
 
 

咨询中心

泛艺学苑微信扫一扫
微信扫一扫

400-693-8808

加入官方微博

>