為什么一張圖片比三張圖片更有力量？如何設(shè)計(jì)產(chǎn)品使用指南？如何在設(shè)計(jì)中通過(guò)各種對(duì)比產(chǎn)生層次感？如何使設(shè)計(jì)內(nèi)外統(tǒng)一協(xié)調(diào)？如何設(shè)計(jì)一個(gè)獨(dú)一無(wú)二的簽名式 LOGO ？本文繼續(xù)發(fā)揚(yáng)實(shí)用主義，對(duì)這些問(wèn)題給出了解決辦法。五個(gè)設(shè)計(jì)技巧，開(kāi)拓你的設(shè)計(jì)視野。

封面設(shè)計(jì)：小即是多

當(dāng)你在設(shè)計(jì)時(shí)手頭上有三張照片，你會(huì)如何處理？你會(huì)將這三張照片都用上，對(duì)吧？其實(shí)沒(méi)必要！一張照片就已經(jīng)能夠使設(shè)計(jì)信息有效傳達(dá)。在這個(gè)例子中，校區(qū)里的塔樓就已經(jīng)能夠傳達(dá)出這所學(xué)校的本質(zhì)，比用上三張效果更好！標(biāo)題單獨(dú)一行，文字中的背景顏色區(qū)域靜靜地傳達(dá)出有關(guān)信息。

 

 

設(shè)計(jì)師有三張照片，但如果在版面上都用上這些照片，那你還要對(duì)這三張照片進(jìn)行剪切，然后將它們擠進(jìn)版面里。但出來(lái)的效果卻是，這三張照片在版面中的樣式很相似（相似的圖片元素及圖案），文字閱讀起來(lái)很費(fèi)力。所以，設(shè)計(jì)師又不得不將字體變得很粗，字體變粗后，又要找個(gè)地方放置學(xué)校的名字，所以在最下方設(shè)計(jì)師又加上一個(gè)紫色區(qū)域來(lái)突出學(xué)校名稱(chēng)。設(shè)計(jì)師越“設(shè)計(jì)”，封面就越虛弱。無(wú)論是學(xué)校信息還是所要傳達(dá)的文字信息都在這些復(fù)雜的、太多人工痕跡的元素中消失得一干二凈。封面可以說(shuō)是成為“被侮辱及被損害”的對(duì)象。為什么會(huì)這樣？因?yàn)樵O(shè)計(jì)師做過(guò)頭了！解決辦法：只讓一張圖片來(lái)說(shuō)話！

 

 

 

記住，在設(shè)計(jì)中，小即是多。學(xué)校的塔樓已經(jīng)可以傳達(dá)很多信息。簡(jiǎn)單的居中設(shè)計(jì)，就是直接讓這張照片“說(shuō)話”，然后加上文字就行了。注意在上圖中，文字的背景區(qū)域并沒(méi)有橫跨整個(gè)版面，因?yàn)槲覀円�讓圖片由上至下都可以流動(dòng)。而上圖右，學(xué)校的主色（紫色）及褐色與樹(shù)的綠色形成吸引人的視覺(jué)效果，留意這三種顏色在色輪中的位置關(guān)系，綠色及褐色是紫色的補(bǔ)色的鄰近色，聽(tīng)起來(lái)很復(fù)雜？紫色的補(bǔ)色是色輪中相隔 180 度的草綠色，而草綠色的兩邊鄰近色就是綠色及褐色（留意色輪中的線條）。我們將這種顏色關(guān)系稱(chēng)之為“補(bǔ)色分割”（ Split complementary ）。

排版：文字應(yīng)該與圖片緊密配合

我們經(jīng)常會(huì)接觸到一些與電器、高科技產(chǎn)品，而設(shè)計(jì)一個(gè)描述式的版面其實(shí)充滿樂(lè)趣。

 

 

原來(lái)的設(shè)計(jì)使版面變得復(fù)雜。對(duì)于這種小型產(chǎn)品的使用指南，我們的目標(biāo)是要追求簡(jiǎn)單易讀，讓使用的人一看就知道文字是指哪一部分。但上面的設(shè)計(jì)卻使這種聯(lián)系斷裂，也使到這張說(shuō)明卡片的元素呈一個(gè)平放的“ L ”型，在上圖中，圖片放在一邊，而文字說(shuō)明則放在另一邊。結(jié)果就是，產(chǎn)品顯得很單薄，而頁(yè)面中間那么重要的空間卻空無(wú)一物。讀者為了看明白這張卡片，不得不來(lái)來(lái)回回仔細(xì)對(duì)照。

 

 

在修改后的版面中，產(chǎn)品顯得靠前，而且居中。我們將產(chǎn)品盡可能拉大，然后將各個(gè)要說(shuō)明的部位用引線在其周?chē)�說(shuō)明。非襯線字體容易辯認(rèn)閱讀。文字對(duì)比不強(qiáng)烈，整個(gè)版面顯得干凈清爽。并不需要象原圖一樣采用數(shù)字來(lái)說(shuō)明。

最底部的聯(lián)系信息排成一行，呼應(yīng)產(chǎn)品的水平感。而文字都是同一種字體，只是樣式不一樣而已——用粗體和細(xì)體來(lái)形成對(duì)比。 

版面：差別產(chǎn)生層次

哈欽斯大街廣場(chǎng)酒店（ Hutchins Street Square Hotel ）是舉行會(huì)議、宴會(huì)、接待及其它活動(dòng)的理想場(chǎng)所，但如果你只是看它的這張價(jià)格宣傳單張，沒(méi)有人會(huì)覺(jué)得這家酒店有什么優(yōu)點(diǎn)。它的版面缺乏生氣，字里上的文字同一種字體，同一種尺寸，同一種的樣式，同一種顏色，但都迷失在白色的海洋中——雖然頁(yè)里上寫(xiě)滿信息，但毫無(wú)生命力。

這種低調(diào)的設(shè)計(jì)很容易讓人忽略，但你要記住，對(duì)于酒店來(lái)說(shuō)，很多顧客第一個(gè)看到的東西就是它（也可能是最后�。�。還是讓我們花點(diǎn)時(shí)間來(lái)設(shè)計(jì)，使人瞥上一眼就能知道它要說(shuō)什么。

 

 

這個(gè)設(shè)計(jì)讓人看起來(lái)并不象是一家酒店，反倒象是一個(gè)電子郵件的宣傳版面，所有東西都是相同的，缺乏變化，而圖表的細(xì)線看起來(lái)就象是用鉛筆畫(huà)出來(lái)一樣，沒(méi)有層次，沒(méi)有視覺(jué)焦點(diǎn)。宣傳的對(duì)象倒是美輪美奐（見(jiàn)下圖），但問(wèn)題是，如果這張價(jià)格牌本身不能吸引別人閱讀從而使顧客走進(jìn)這家酒店，里面再漂亮，也沒(méi)有人知道！這張平淡的單張使所有的信息都變得暗淡。

 

 

看一下我們改造后的效果：

 

 

通過(guò)字體創(chuàng)造出層次感：只需要簡(jiǎn)單的對(duì)字體、字體樣式及顏色作一些調(diào)整，就可以輕易使版面變得吸引。上圖中：

1, 此處讓人一看就知道是標(biāo)題，其字體輪廓與桌子上的擺設(shè)有共同的特征；

2 及 3 ，粗體突出主要信息，而黑和白則告訴你這是兩個(gè)不同的信息；

4 ，細(xì)體是具體的描述文字；

5 ，線條用了白色而不是黑色，線條不明顯，使整個(gè)圖表給人一種以行排列的感覺(jué)。

 

 

通過(guò)顏色來(lái)創(chuàng)造層次：深中淺三色是用吸管在這張宴會(huì)廳的圖片上取色的，我們用這三種顏色安排版面，輕易創(chuàng)造出層次感。深色用在圖表的上方，而另外兩種用來(lái)區(qū)分每一行。由于這三種顏色來(lái)自于酒店圖片，使到顏色直接與酒店產(chǎn)生了聯(lián)系。 

版面：由外到內(nèi)

要使設(shè)計(jì)的內(nèi)部與外部有著相同的風(fēng)格需要一定的技巧。怎么做？簡(jiǎn)單，將封面的字體、顏色、圖片風(fēng)格及主要的版式都搬到里面去。注意各種元素的比例，如綠色的使用比例及圖片的大小，具體看一下效果：

 

 

人物采用輪廓形圖片，沒(méi)有背景，使到其不規(guī)則的邊緣顯得更有活力。對(duì)一張大圖片來(lái)說(shuō)，采用這種輪廓形的設(shè)計(jì)，可以加強(qiáng)圖片的力量，使圖片充滿流動(dòng)感。模糊的邊緣傳達(dá)了一種開(kāi)闊及健康的氣息。留意，兩張圖片在實(shí)際應(yīng)用中都有一個(gè)直角形的部分，即圖片直接去到出血位區(qū)域。而文字無(wú)論是左對(duì)齊還是右對(duì)齊，都與這種直角區(qū)域相似。留意設(shè)計(jì)中的標(biāo)題，采用了一種非常幼細(xì)的字體，這種字體充滿清新，一如版面的風(fēng)格。兩者配合，天生一對(duì)。