美容院宣傳折頁冊子設(shè)計新思路

資訊頻道 - 設(shè)計技 來源:設(shè)計在線 作者:cpcool 2010-12-24

【譯者的話】當(dāng)你為一家美容院設(shè)計宣傳折頁小冊子,“漂亮”無疑是至關(guān)重要的。但漂亮的圖片并不一定會讓你產(chǎn)生漂亮的效果,除了文字及圖片要傳達出美容院的服務(wù)信息外,我們還要在整體上傳達出一家美容院那種安寧、輕松的氣息。

而在處理內(nèi)外頁時,我們有不同的注重點及設(shè)計思路。

精心挑選的圖片加上清晰字體,我們可以呈現(xiàn)一個吸引人的美容小冊子的設(shè)計。

凱莉在加州經(jīng)營一家規(guī)模不大的名叫“London Hair Fare”的美容院,主要服務(wù)項目包括面部美容及蠟乳脫毛(waxing spa) 。該店光顧者甚多,而且那些潛在的顧客對該店的服務(wù)已經(jīng)有所了解,所以她需要的宣傳冊子是屬于那種基本型的版式——一張由信紙折疊而成的宣傳冊子,能夠簡單清晰地傳達出該店的服務(wù)項目。在宣傳上并不需要刻意去“叫賣”,也無需采用直郵方式。其冊子主要通過人手派發(fā)及放置在店內(nèi)由顧客任意取閱。

向那些已經(jīng)對該店有所了解的顧客介紹服務(wù),你可能會認(rèn)為這并不是一件難事。但凱莉發(fā)現(xiàn),用文字及圖片講述一個清晰的故事其實要比想象中困難得多。我們先來看一下她自己的設(shè)計。

 

 

原來的手冊是她用40美元利用vistaprint網(wǎng)站所提供的模板生成的。原來的設(shè)計好象被很多框框束縛著,其形狀及顏色也并不吸引。而脫離模板束縛的新設(shè)計,通過漂亮的圖片及形成焦點的設(shè)計給人全新的感覺。

原設(shè)計:由虛弱的模板開始

一個空白的版式總需要一些限制,所以凱莉通過一個“預(yù)先設(shè)計好”的模板來開始她的手冊設(shè)計,但刻板的模板很快就將她的手冊設(shè)計引向一個錯誤的方向。

 

 

一塊一塊地設(shè)計:上方的這個模板初看象是一個不錯的開始。但問題是這個模板已經(jīng)反客為主地控制著你的設(shè)計。它強迫你的版面設(shè)計往一個固定的方向走去,而絲毫不理會你這樣的處理是否與你的信息配合及感覺舒服。更槽的是,那些模板元素顯得毫無意義,當(dāng)主題風(fēng)格與版式產(chǎn)生沖突時,會使整體視覺形象變得更加不堪。如這個模板所示,采用了波浪型的漸變元素與垂直的豎狀元素和一些尖銳的角位強行放在一起。

 

 

 

凱莉有很多不同的信息要加上,但這個模板有三個平均分布的空間要填充。于是她在左方的折頁空間加上“面部美容服務(wù)”文字信息,同時采用一張圖片來配合。

 

 

而中間的折頁,只有一個“脫毛”內(nèi)容。她將脫毛服務(wù)所涉及的價格表放上,然后在下方也放上一張與該服務(wù)呼應(yīng)的照片。

 

 

大功告成!由于兩個主要服務(wù)項目的信息在前面已經(jīng)用完了,所以對于第三個折頁空間,她加上了一句口號,并且用上一張大圖片來結(jié)束整個版面的設(shè)計。

原設(shè)計:太多毫無生氣的空間

由于凱莉?qū)⒆⒁饬χ饕旁谌绾螌⑦@個模板填滿,所以她忽略了在這個過程中,版面在不同的信息及元素間已經(jīng)產(chǎn)生了很多“死角”。

我們先來說一下版面中所用的圖片:

 

 

這些圖片其實都不錯,都能夠與美容及其服務(wù)相配。當(dāng)它們?nèi)缟蠄D一樣,整齊地排列及組合時,整體給人一種簡潔及舒適的氣氛,這些圖片都與主題形成聯(lián)系。但在設(shè)計中,圖片卻四處放置,給人一種凌亂的感覺,圖片間失去了聯(lián)系,從而使這些圖片的視覺吸引力大打折扣。

 

 

上圖中:
A:版面中的內(nèi)容與模板中的波浪元素產(chǎn)生沖突;
B:到處都是毫無生氣的空間。留意上圖所示,在版面中有很多毫無聯(lián)系而且又非常大的空白地方。這些空白“孤島”由文字、圖片及模板構(gòu)成。這些空間極大的削弱版面的吸引力。這些空間顯得凹凸不平,對版面上的元素產(chǎn)生了消極的擠壓。
C:波浪元素與四方形的圖片產(chǎn)生了沖突;
D:左邊的文字與邊緣接觸,但中間的文字卻又好象浮在空中。文字在排版上也有很多問題。
另外,版面中的圖片純粹只是用來“填充空間”,而不是刻意形成一種漂亮及信息溝通的視覺作用。

原設(shè)計:文字雜亂

Vistaprint網(wǎng)站提供了很多字體供使用者選擇,但如果你在設(shè)計中沒有一個清晰的目標(biāo),那字體往往只憑一下興起來選擇。造成的問題就是:字體毫無聯(lián)系,文字信息整體虛弱及不一致。

 

 

上圖中:
A:平淡及過于正式的標(biāo)題。標(biāo)題字體采用Swiss 721字體,一種類似于Helvetica的冷酷字體,這種字體只適合在華爾街使用,但并不適合用在凱莉這家充滿溫馨的小店里。雖然這種字體清晰易讀,但用在這里,只讓這個手冊象一份電子表單。

B:難以卒讀的字體。手寫體Espresso在尺寸很大時有它自己的魅力,但如果作為很小的正文使用,不要說讓人看了受罪,如果你用一部打印質(zhì)量不高的打印機來打印都可能出現(xiàn)問題。圓圈示意圖內(nèi),為了遷就模板及位置的局限,文字間還產(chǎn)生了沖撞。

 

 

 

C:其口號采用了一種“活潑”的字體。Melanie字體確實顯得很可愛,其手寫體風(fēng)格給人一種有趣亢奮的感覺,但很難與美容店中那種安靜放松的環(huán)境聯(lián)系在一起。不過其居中的字體及垂直的堆放與這個折頁空間倒是挺相配的。

D:價格表中項目名稱放在一邊,價格放在另一邊,使其中間形成一個虛弱的白色空間,整體放在折頁的中間,這其實是有點浪費空間,這里更適合放一些漂亮或強有力的信息。

這樣的“設(shè)計”效果連凱莉自己都感覺不滿意及失望,因為整個手冊的設(shè)計絲毫不能傳達她那間美容院的氣氛及信息,也不能表達出她擴展業(yè)務(wù)的夢想。

 

 

 

她在Vistaprint網(wǎng)站花了40美元設(shè)計了這本小冊子,雖然價格聽起來挺吸引人,但她得到的只是一些不能表達出真正意義的排版及雜亂的字體。更重要的是,顧客對這個手冊也不會感舉,甚至還讓人排斥。唯一的好消息是她只在這個網(wǎng)站印了25份,這起碼讓她的痛苦減輕到最少。

推倒重來:
在我們重新開始時,我們不會再被某個版式來控制我們的設(shè)計,而是首先考慮“信息溝通”。這種溝通,既可以通過文字,也可以通過視覺元素來實現(xiàn)。我們可以將兩者結(jié)合在一起。

精致的圖片:

 

 

圖片:人們往往先注意圖片然后才會閱讀文字。所以使用漂亮合適的圖片非常重要,也應(yīng)該在設(shè)計開始時就要考慮,而不是設(shè)計到一半時才去找圖片來填充。在這個設(shè)計中,我們對所使用的圖片有兩個要求:第一,它無疑要能夠傳達出凱莉這家美容店的氣氛,第二,它沒有背景或邊緣,有的只是物品及人物自然輪廓,就象上圖一樣。

清晰的字體:

 

 

 

字體:應(yīng)該選擇漂亮、清晰及充滿力量的字體,而不是其它的選擇理由。我們選擇一種灑脫及富沖擊力的手寫字體Sloop作為標(biāo)題字體,而選擇邊角柔軟的Schneidler字體作為正文字體。兩種字體都具有一種女性氣息,而且具有良好的可讀性及展示性。

“全屏”版面:

 

 

在設(shè)計內(nèi)頁版面時,我們會忘掉那些折線,而是直接將內(nèi)頁作為一個整體版面來處理。按照這種思路,版面中各種元素都能產(chǎn)生良好搭配。整個版面的設(shè)計目標(biāo)是充滿流動性,沒有四方形、尖角位,我們要的就是一種悠閑、溫馨及輕松的氣息。

圖片:我們在iStockphoto網(wǎng)站上花了幾個小時及59美元,下載了10張圖片。我們希望要找的這些圖片是能夠表達出凱莉美容店的那種特有的氛圍。

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

全部評論

暫無相關(guān)推薦