设计之家 > 靈感 > 平面設計 > 設計理論 >

如何在設計中創造主題

作者:陳漢聰編譯 來源:LOGOSKY.NET 時間:2009-10-16

【譯者的話】 溝通是一切設計的本質。而在設計中,有很多客觀因素在限制著我們,也使我們面臨很多挑戰,明白這些挑戰會如何影響到設計是很重要的。畢竟我們是在設計,而不是在自娛自樂地畫一幅水彩畫。一個設計可以有很多種表現形式,但哪一種才是最適合?

在很多設計項目中我們都面臨著一些“問題”――這其實是一件挺有趣的事,因為在尋找辦法解決“問題”的過程中本身就充滿樂趣。但如果一名設計師缺乏充足的經驗來面對,這些問題就可能變成一種真正的危險。或許,我們將它稱為“設計中的挑戰”可能會讓人感覺舒服一點。

作為一名設計師,你的挑戰就是要與你的讀者進行視覺交流(你應該感到幸運的是,這個世界上并沒有多少工作比這更有趣)。當在設計中面對種種挑戰時,首先應該平靜接受,畢竟,你現在正在閱讀這篇文章,不是嗎?

縮小選擇范圍

如果你叫一千個優秀的設計師各自獨立去設計一個相同的項目,你就會得到一千個各自不同但都很捧的解決辦法。所以,當我們面對各種設計挑戰時,其實是有很多種途徑去解決的。明白這些道理,我們在面對一個設計項目時,首先就要限制你的選擇范圍。不然,你只會將所有的時間和精力花在如何選擇上,而不是將精力放在如何對個別項目進行完善的思考上。

限制因素

無論是哪一個設計項目,都有一些客觀的因素幫助我們縮窄這個選擇范圍,如,我們通過收集客戶的信息及意見,同時考慮這個項目的目標顧客的各種因素,這些都可以使我們縮小選擇的范圍。選擇范圍的縮窄并不是一件壞事,因為我們通過這些限制,從而明白我們到底需要什么元素。至少,我們可以有一個前進的方向。

四種主要的約束

在任何設計中,都有會四種主要的因素幫助你縮小選擇的范圍,這些因素使你可以盡快在設計中走上正途,這些因素包括:

  • 設計流程
  • 客戶要求
  • 預算
  • 時間

讓我們分別看一下這些因素是如何影響到你的設計項目的。

當然,你要緊記一件事:有這么多約束因素并不是你設計一個差勁作品的借口。有很多優勢的作品都只是印在廉價的紙張上,預算很少,甚至在很匆忙中做出來的。

我們自己真的在辦公室里放著一塊標志,上書 :

圖 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的作品具有當今潮流的特性是因為:

  • 細線條在整個版面以一種活潑的方式來填充。
  • 厚重而簡單的圖像元素配上一種看起來不甚真實的顏色。
  • 標題使用特別的字體
  • 文字不成一條直線。
  • 文字清晰簡明;
  • 采用一些抽象的元素,使版面產生“混亂”感。
标签:

相關文章:

推薦設計

最新文章