設(shè)計師談版式的設(shè)計和字體的應(yīng)用

資訊頻道 - 設(shè)計技 來源:站酷 作者:cpcool 2011-01-16

做東西前是要手畫畫的,然后有個定位,接下來就是在軟件里的應(yīng)用了。

如果把東西從外觀上先做的美觀,通常是利用軟件里的網(wǎng)格。網(wǎng)格可以幫助我們把各種關(guān)系做的很平衡、整齊,達到視覺上的美感。

比如,從標題到次標題,再到正文。我先把格局框架做個規(guī)劃。我自己會用矩形把大體的位置先都規(guī)劃出來。


 



按照規(guī)劃,把先前考慮的元素放進去。


 

 


接下來細化主次,按照主次把標題和次標題、正文分化出來。先是利用大小和字體去區(qū)分。

 


 



如果文字內(nèi)容是主體,那么不要在乎圖片,他只是個輔助。

先把文字的關(guān)系都安排好。正文的文字一般是9個點,最小可以用到6。這樣,大小分明看著才精致美觀。

最終調(diào)整好版式關(guān)系


 

 



這樣,從關(guān)系上就都確定了。
接下來我們?nèi)ゼ右悦阑,利用圖形元素叫突出的地方更突出,9點可以理解成5號。
標題是最要突出的,我們可以利用”圖形“叫他分的更加分明,比如:


 

 



這個位置我加以輔助大標題和小標的位置比較空,那么我就加英文來彌補。
但是注意不能搶了次標題,所以我把英文的顏色比較靠后,小標題作為第二突出點。
網(wǎng)格拿掉我們看下效果,在進行細節(jié)處理。

看一下,我們通過網(wǎng)格和一些處理,把他們的關(guān)系都確定出來了。
這樣從外觀上先做到美觀。至于在細節(jié)和創(chuàng)意方面,就要加以廣告元素。

我們考慮利用視覺元素還是生活元素。廣告元素=視覺元素+生活元素
”視覺元素“就是矢量素材,”生活元素“就是生活中的真實圖片。

現(xiàn)在看來版式可以了,但很平平,沒有叫人眼前一亮。是因為沒有主要的”傳達目的“。
例如我們宣傳的是:服務(wù)行業(yè),那么就要體現(xiàn):賣點是什么?!

現(xiàn)在就要加以創(chuàng)意了,這個其實才是最關(guān)鍵的地方。
先前的就是版式設(shè)計的基本功,也就是我說的美工這塊。

例如:我們宣傳的是一個樓盤或者一個品牌。我隨便找個素材放進去,看一下。

這樣就有了亮點,這個我們可以利用”夸張“或”對比“的方法去點綴,充分體現(xiàn)圖片帶來的視覺感受。像畫冊。
其實,如果真的掌握了這個,排名片、傳單、畫冊都是一樣應(yīng)用。

我們把他變成畫冊,大家看一下,畫冊的表現(xiàn)是一樣的。
其實,關(guān)系和基本美工方面都是通的,如果在細節(jié)方面就要注意”文字與文字“的排列組合了。我們做一組看看。


 

 



我們再細化一下。就是文字直接的組合很重要了,組合基本就是利用黃金分割來做。


 

 



我們看一下,風(fēng)格就更加細膩了。


  


注意空間,我們看這里,在這個圖的右下方,加了兩個小色塊。
有時候,必要的要加這些小元素,叫版面看起來更靈活、不呆板。還要不搶主體,給人帶來視覺上的聯(lián)想。

字體的應(yīng)用

字體的應(yīng)用,要看實際需要。比如在“標志設(shè)計”中和“版式設(shè)計”中的應(yīng)用是不一樣的,所起到的作用也不一樣。
主要是在版式中的應(yīng)用,如果是在標志中應(yīng)用的話,說話就更大了,完全不同的概念。

我們想一下包裝中的“文字設(shè)計”,在包裝中主要是體現(xiàn)產(chǎn)品和食欲。我主要是用擬物或擬人的手法來設(shè)計。
比如“豆”這個字,如果是傳達產(chǎn)品,我們可以把文字里溶入豆子的元素,如果是情感我們可以溶入人物表情。

如果是兒童食品,我們應(yīng)該如何來設(shè)計。如果是我的話,我會把這個字體設(shè)計的卡通、活潑。
如果是大部分消費群體的話,就會設(shè)計的以豆子自身為主。設(shè)計中我們要把握好是“直接表現(xiàn)”還是“間接表現(xiàn)”。


 

 


 

這樣就能分化出是“具象”還是“抽象”。文字一般都是要求可讀性高,易于識別。



 

 



上面的豆是傲氣所發(fā),很不錯,但是需要加工。
我把這個豆子里面的口子,改動了一下,這就是所謂的“擬人化”。

老年我們一般采用書寫體,或者是工整的字體最好;比如行楷、書體、隸書。

  


總之,在包裝中我們就掌握這兩點。“擬物”“擬人”,具體要配合“構(gòu)成學(xué)”來設(shè)計。

要采用工整的、易懂的、識別性高的,就是比較正規(guī)的。但不是絕對的。

其實,無論做什么,美觀就會和諧,只要搭配和諧了,就美觀。而靈魂是最難得的。
我看大家做標志很少,好像都是做版式設(shè)計多些,那我們還是看看在版式中的應(yīng)用吧。

版式中,我的手段主要是靠字體、大小、顏色、特效,配合感情色彩,再加上廣告中重點傳達的。
因為中國的文字是有主謂賓,和動詞、形容詞、名詞的,我們把握好這些就可以把文字應(yīng)用好。

其實每句話中,都有一個重點,比如 :麻辣燙1元瘋狂熱賣,這句話里,我們應(yīng)該重點推哪個呀。

看到“瘋狂”,是很吸引人的一個動詞。你自己就會去看,到底是什么瘋狂了。

這個文章中,這兩個字,會起到叫你從頭看到尾的心理。那么你的設(shè)計就有價值了。


  


而突出重點的辦法,可以用顏色、字體、大小、描邊等,來體現(xiàn)。如何在一個版式中做分化呢,我們繼續(xù)來看。


 

 


因為版式設(shè)計中內(nèi)容不可能是一個,用顏色來劃分是最好的 ,如果加上引導(dǎo)線和框架就更好了。

我們細化


 

 



我們看,我把兩個同樣的,下面加上色塊以后就分化很明顯了。

再細化一下,內(nèi)容上在吸引一下,這個要充分去理解軟件中的功能。


 

同一個內(nèi)容中一定要想辦法突出一個來,這就是所謂內(nèi)容中的主次。
好了接下來,我們看下字體之間的搭配,這個一般主要是應(yīng)用在畫冊和標題組合上。



 

 

這個組合其實形式是好的,只是不夠精致,我來重新打出來我們做幾組不同的形式。



 

 

這一組文字我們?nèi)绾翁幚,方法其實很多,先要確定重點,再決定組合形式。
記住如果一旦形式確定了,那么后面所有的版式風(fēng)格就等于確定了,也就是我們說的利用重復(fù)達到統(tǒng)一。

這個是一個橫向組合形式:


 



如果我們加以細化,就靠字體和變化了,確定了主體的字體,小字部分貌似很不協(xié)調(diào),不能搭配大字,我們修正小字部分。

我們在看,這樣就協(xié)調(diào)了很多:


  



(這個是“想錢想瘋了的Z”做的,看英文部分,還蠻有感覺的。)


 

 



接下來就是利用輔助元素了,我加了一段正文我們看下:


 

 


上面的標題有了正文,我們?nèi)绾稳ズ蜆祟}搭配:


 

 

配圖加上,這樣就是一種形式了,其實我們可以再細化。

我們換一種形式。標題形式組合換一個我們來看下感覺:


 

 

我們看下,昨天還有人問這個問題,說左上角會不會空蕩啊,這種情況下我們?nèi)绾翁幚怼?/span>

其實這種情況下,多半是自己先前沒有構(gòu)架好,如果是橫著組合不就沒事了。

既然已經(jīng)這樣了,我們想想辦法,夢想是美好了。我們可以來個線的柔美來當(dāng)輔助彌補下:


 


我簡單的畫個線,就可以了。大的橫的線太厚重了,不能用情感體現(xiàn)主題。
線的感情還是比較微妙的,哪怕是輔助,帶來的視覺感受是截然不同的。

(這個是“魚少”的思路)


 

 

寬的建議:你如果那樣做的話,在橫線里面加些字就可以了。

(“想錢想瘋了的Z”的思路)


 

 寬的評價:你這個排的,我還是會說NO。
給的建議:正文的內(nèi)容太散,不如把行距拉近。

我會這樣排:


 


留空,會給人感覺很舒適,寬松,大方。



 

 


寬的評價:在版式上沒有問題的,但是我的意見是上面標題組合部分不夠醒目。

(群中酷友提問中)


  



我會這樣處理一下,因為正題版式都體現(xiàn)了一個秀氣。
如果硬是把中山兩字,加重會影響整個畫面,所以我就用輔助元素來突出他。



 

 

后記:本文轉(zhuǎn)自一年前站酷文章,文章雖老,但有用的東西不老,創(chuàng)意性文章不會隨時間的消去而失去其意義,這是編輯轉(zhuǎn)這篇文章的真義。希望對看到這篇文章的朋友有所收獲

 

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

全部評論

暫無相關(guān)推薦