版式設(shè)計—平面設(shè)計技巧 Ⅱ(國外翻譯)

資訊頻道 - 設(shè)計技 來源:中國印前網(wǎng) 作者:cpcool 2011-01-13

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

封面設(shè)計:小即是多

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

 

 

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

 

 

 

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

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

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

 

 

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

 

 

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

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

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

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

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

 

 

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

 

 

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

 

 

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

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

2 及 3 ,粗體突出主要信息,而黑和白則告訴你這是兩個不同的信息;

4 ,細體是具體的描述文字;

5 ,線條用了白色而不是黑色,線條不明顯,使整個圖表給人一種以行排列的感覺。

 

 

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

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

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

 

 

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

聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見及觀點。

全部評論

暫無相關(guān)推薦