如何在设计中发明主题

【译者的话】 沟通是一切设计的实质。而在设计中,有很多客观要素在限制着我们,也使我们面临很多应战,明白这些应战会如何影响到设计是很重要的。毕竟我们是在设计,而不是在自娱自乐地画一幅水彩画。一个设计可以有很

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

在很多设计项目中我们都面临着一些“成绩”――这其实是一件挺风趣的事,由于在寻觅方法处理“成绩”的进程中自身就充溢乐趣。但假如一名设计师缺乏充足的经历来面对,这些成绩就能够变成一种真正的风险。或许,我们将它称为“设计中的应战”能够会让人觉得舒适一点。

作为一名设计师,你的应战就是要与你的读者停止视觉交流(你应该感到侥幸的是,这个世界上并没有多少任务比这更风趣)。当在设计中面对种种应战时,首先应该宁静承受,毕竟,你如今正在阅读这篇文章,不是吗?

减少选择范围

假如你叫一千个优秀的设计师各自独立去设计一个相反的项目,你就会失掉一千个各自不同但都很捧的处理方法。所以,当我们面对各种设计应战时,其实是有很多种途径去处理的。明白这些道理,我们在面对一个设计项目时,首先就要限制你的选择范围。不然,你只会将一切的工夫和精神花在如何选择上,而不是将精神放在如何对一般项目停止完善的考虑上。

限制要素

无论是哪一个设计项目,都有一些客观的要素协助我们缩窄这个选择范围,如,我们经过搜集客户的信息及意见,同时思索这个项目的目的顾客的各种要素,这些都可以使我们减少选择的范围。选择范围的缩窄并不是一件好事,由于我们经过这些限制,从而明白我们究竟需求什么元素。至多,我们可以有一个行进的方向。

四种次要的约束

在任何设计中,都有会四种次要的要素协助你减少选择的范围,这些要素使你可以尽快在设计中走上正途,这些要素包括:

  • 设计流程
  • 客户要求
  • 预算
  • 工夫

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

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

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

图 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的作品具有当今潮流的特性是由于:

  • 细线条在整个版面以一种生动的方式来填充。
  • 厚重而复杂的图像元素配上一种看起来不甚真实的颜色。
  • 标题运用特别的字体
  • 文字不成一条直线。
  • 文字明晰简明;
  • 采用一些笼统的元素,使版面发生“混乱”感。

最新案例