設(shè)計(jì)技巧雜談（之一）
本文由 LOGOSKY.NET網(wǎng)站設(shè)計(jì)師陳漢聰編譯，轉(zhuǎn)載請(qǐng)注明出處
文章編號(hào)：06124 2006年9月8日
【譯者的話】 為什么一張圖片比三張圖片更有力量？如何設(shè)計(jì)產(chǎn)品使用指南？如何在設(shè)計(jì)中通過各種對(duì)比產(chǎn)生層次感？如何使設(shè)計(jì)內(nèi)外統(tǒng)一協(xié)調(diào)？如何設(shè)計(jì)一個(gè)獨(dú)一無(wú)二的簽名式 LOGO ？本文繼續(xù)發(fā)揚(yáng)實(shí)用主義，對(duì)這些問題給出了解決辦法。五個(gè)設(shè)計(jì)技巧，開拓你的設(shè)計(jì)視野。
原文出處：
www.bamagazine.com封面設(shè)計(jì)：小即是多
當(dāng)你在設(shè)計(jì)時(shí)手頭上有三張照片，你會(huì)如何處理？你會(huì)將這三張照片都用上，對(duì)吧？其實(shí)沒必要！一張照片就已經(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é)校名稱。設(shè)計(jì)師越“設(shè)計(jì)”，封面就越虛弱。無(wú)論是學(xué)校信息還是所要傳達(dá)的文字信息都在這些復(fù)雜的、太多人工痕跡的元素中消失得一干二凈。封面可以說是成為“被侮辱及被損害”的對(duì)象。為什么會(huì)這樣？因?yàn)樵O(shè)計(jì)師做過頭了！解決辦法：只讓一張圖片來(lái)說話！
記住，在設(shè)計(jì)中，小即是多。學(xué)校的塔樓已經(jīng)可以傳達(dá)很多信息。簡(jiǎn)單的居中設(shè)計(jì)，就是直接讓這張照片“說話”，然后加上文字就行了。注意在上圖中，文字的背景區(qū)域并沒有橫跨整個(gè)版面，因?yàn)槲覀円寛D片由上至下都可以流動(dòng)。而上圖右，學(xué)校的主色（紫色）及褐色與樹的綠色形成吸引人的視覺效果，留意這三種顏色在色輪中的位置關(guān)系，綠色及褐色是紫色的補(bǔ)色的鄰近色，聽起來(lái)很復(fù)雜？紫色的補(bǔ)色是色輪中相隔 180 度的草綠色，而草綠色的兩邊鄰近色就是綠色及褐色（留意色輪中的線條）。我們將這種顏色關(guān)系稱之為“補(bǔ)色分割”（ Split complementary ）。
排版：文字應(yīng)該與圖片緊密配合
我們經(jīng)常會(huì)接觸到一些與電器、高科技產(chǎn)品，而設(shè)計(jì)一個(gè)描述式的版面其實(shí)充滿樂趣。
原來(lái)的設(shè)計(jì)使版面變得復(fù)雜。對(duì)于這種小型產(chǎn)品的使用指南，我們的目標(biāo)是要追求簡(jiǎn)單易讀，讓使用的人一看就知道文字是指哪一部分。但上面的設(shè)計(jì)卻使這種聯(lián)系斷裂，也使到這張說明卡片的元素呈一個(gè)平放的“ L ”型，在上圖中，圖片放在一邊，而文字說明則放在另一邊。結(jié)果就是，產(chǎn)品顯得很單薄，而頁(yè)面中間那么重要的空間卻空無(wú)一物。讀者為了看明白這張卡片，不得不來(lái)來(lái)回回仔細(xì)對(duì)照。
在修改后的版面中，產(chǎn)品顯得靠前，而且居中。我們將產(chǎn)品盡可能拉大，然后將各個(gè)要說明的部位用引線在其周圍說明。非襯線字體容易辯認(rèn)閱讀。文字對(duì)比不強(qiáng)烈，整個(gè)版面顯得干凈清爽。并不需要象原圖一樣采用數(shù)字來(lái)說明。
最底部的聯(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à)格宣傳單張，沒有人會(huì)覺得這家酒店有什么優(yōu)點(diǎn)。它的版面缺乏生氣，字里上的文字同一種字體，同一種尺寸，同一種的樣式，同一種顏色，但都迷失在白色的海洋中——雖然頁(yè)里上寫滿信息，但毫無(wú)生命力。
這種低調(diào)的設(shè)計(jì)很容易讓人忽略，但你要記住，對(duì)于酒店來(lái)說，很多顧客第一個(gè)看到的東西就是它（也可能是最后?。?。還是讓我們花點(diǎn)時(shí)間來(lái)設(shè)計(jì)，使人瞥上一眼就能知道它要說什么。
這個(gè)設(shè)計(jì)讓人看起來(lái)并不象是一家酒店，反倒象是一個(gè)電子郵件的宣傳版面，所有東西都是相同的，缺乏變化，而圖表的細(xì)線看起來(lái)就象是用鉛筆畫出來(lái)一樣，沒有層次，沒有視覺焦點(diǎn)。宣傳的對(duì)象倒是美輪美奐（見下圖），但問題是，如果這張價(jià)格牌本身不能吸引別人閱讀從而使顧客走進(jìn)這家酒店，里面再漂亮，也沒有人知道！這張平淡的單張使所有的信息都變得暗淡。
看一下我們改造后的效果：
通過字體創(chuàng)造出層次感：只需要簡(jiǎn)單的對(duì)字體、字體樣式及顏色作一些調(diào)整，就可以輕易使版面變得吸引。上圖中：
1, 此處讓人一看就知道是標(biāo)題，其字體輪廓與桌子上的擺設(shè)有共同的特征；
2 及 3 ，粗體突出主要信息，而黑和白則告訴你這是兩個(gè)不同的信息；
4 ，細(xì)體是具體的描述文字；
5 ，線條用了白色而不是黑色，線條不明顯，使整個(gè)圖表給人一種以行排列的感覺。
(點(diǎn)擊上圖看修改后大圖)
通過顏色來(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)格及主要的版式都搬到里面去。注意各種元素的比例，如綠色的使用比例及圖片的大小，具體看一下效果：
人物采用輪廓形圖片，沒有背景，使到其不規(guī)則的邊緣顯得更有活力。對(duì)一張大圖片來(lái)說，采用這種輪廓形的設(shè)計(jì)，可以加強(qiáng)圖片的力量，使圖片充滿流動(dòng)感。模糊的邊緣傳達(dá)了一種開闊及健康的氣息。留意，兩張圖片在實(shí)際應(yīng)用中都有一個(gè)直角形的部分，即圖片直接去到出血位區(qū)域。而文字無(wú)論是左對(duì)齊還是右對(duì)齊，都與這種直角區(qū)域相似。留意設(shè)計(jì)中的標(biāo)題，采用了一種非常幼細(xì)的字體，這種字體充滿清新，一如版面的風(fēng)格。兩者配合，天生一對(duì)。
簽名 LOGO ：
還有什么圖案比你自己的簽名顯得更獨(dú)一無(wú)二？它完全屬于你自己。所以當(dāng)你有一項(xiàng)業(yè)務(wù)或項(xiàng)目是需要你最終來(lái)確認(rèn)的——一個(gè)典型的例子就是公證人——那你為什么不直接用你的名字作為一個(gè) LOGO ？
一個(gè)簽名式 LOGO 很容易制作。你只需要在紙上簽個(gè)名，掃描進(jìn)電腦，然后用鋼筆工具描邊。一個(gè)獨(dú)一無(wú)二的 LOGO 就完成了?？梢韵笊蠄D一樣，將白色的 LOGO 放在灰色背景上，當(dāng)然，你也可以藝術(shù)一點(diǎn)——選擇一種您喜歡的顏色。
字體調(diào)整：我們可以通過對(duì)字體進(jìn)行恰當(dāng)?shù)恼{(diào)整及選擇來(lái)加強(qiáng)設(shè)計(jì)。在這個(gè)例子中，經(jīng)典的 Adobe Garamond 傳達(dá)了一種久遠(yuǎn)、傳統(tǒng)及權(quán)威的感覺，而粗壯的 Franklin Gothic 粗體加強(qiáng)視覺的傳達(dá)效果。因?yàn)樯鲜鲞@些都是差別很大的字體，所以為了使它們?cè)谝黄鹉軌騾f(xié)調(diào)配合，我們需要對(duì)個(gè)別字體進(jìn)行調(diào)整。在這個(gè)例子中，我們將 Franklin 縮小一些。留意在上圖名片中，白色的標(biāo)題放在灰色區(qū)域中，顯得特立獨(dú)行。
本文所用顏色數(shù)值：
