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

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

版式的設(shè)計(jì)

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

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

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

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

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

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

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

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

這樣，從關(guān)系上就都確定了。

接下來我們?nèi)ゼ右悦阑脠D形元素叫突出的地方更突出，9點(diǎn)可以理解成5號(hào)。

標(biāo)題是最要突出的，我們可以利用“圖形”叫他分的更加分明，比如：

這個(gè)位置我加以輔助大標(biāo)題和小標(biāo)的位置比較空，那么我就加英文來彌補(bǔ)。

但是注意不能搶了次標(biāo)題，所以我把英文的顏色比較靠后，小標(biāo)題作為第二突出點(diǎn)。

網(wǎng)格拿掉我們看下效果，在進(jìn)行細(xì)節(jié)處理。

看一下，我們通過網(wǎng)格和一些處理，把他們的關(guān)系都確定出來了。

這樣從外觀上先做到美觀。至于在細(xì)節(jié)和創(chuàng)意方面，就要加以廣告元素。

我們考慮利用視覺元素還是生活元素。廣告元素=視覺元素生活元素

“視覺元素”就是矢量素材，“生活元素”就是生活中的真實(shí)圖片。

現(xiàn)在看來版式可以了，但很平平，沒有叫人眼前一亮。是因?yàn)闆]有主要的“傳達(dá)目的”。

例如我們宣傳的是：服務(wù)行業(yè)，那么就要體現(xiàn)：賣點(diǎn)是什么?!

現(xiàn)在就要加以創(chuàng)意了，這個(gè)其實(shí)才是最關(guān)鍵的地方。

先前的就是版式設(shè)計(jì)的基本功，也就是我說的美工這塊。

這樣就有了亮點(diǎn)，這個(gè)我們可以利用“夸張”或“對(duì)比”的方法去點(diǎn)綴，充分體現(xiàn)圖片帶來的視覺感受。像畫冊(cè)。

其實(shí)，如果真的掌握了這個(gè)，排名片、傳單、畫冊(cè)都是一樣應(yīng)用。

我們把他變成畫冊(cè)，大家看一下，畫冊(cè)的表現(xiàn)是一樣的。

其實(shí)，關(guān)系和基本美工方面都是通的，如果在細(xì)節(jié)方面就要注意“文字與文字”的排列組合了。我們做一組看看。

我們?cè)偌?xì)化一下。就是文字直接的組合很重要了，組合基本就是利用黃金分割來做。

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

注意空間，我們看這里，在這個(gè)圖的右下方，加了兩個(gè)小色塊。

有時(shí)候，必要的要加這些小元素，叫版面看起來更靈活、不呆板。還要不搶主體，給人帶來視覺上的.聯(lián)想。

字體的應(yīng)用

字體的應(yīng)用，要看實(shí)際需要。比如在“標(biāo)志設(shè)計(jì)”中和“版式設(shè)計(jì)”中的應(yīng)用是不一樣的，所起到的作用也不一樣。

主要是在版式中的應(yīng)用，如果是在標(biāo)志中應(yīng)用的話，說話就更大了，完全不同的概念。

我們想一下包裝中的“文字設(shè)計(jì)”，在包裝中主要是體現(xiàn)產(chǎn)品和食欲。我主要是用擬物或擬人的手法來設(shè)計(jì)。

比如“豆”這個(gè)字，如果是傳達(dá)產(chǎn)品，我們可以把文字里溶入豆子的元素，如果是情感我們可以溶入人物表情。

如果是兒童食品，我們應(yīng)該如何來設(shè)計(jì)。如果是我的話，我會(huì)把這個(gè)字體設(shè)計(jì)的卡通、活潑。

如果是大部分消費(fèi)群體的話，就會(huì)設(shè)計(jì)的以豆子自身為主。設(shè)計(jì)中我們要把握好是“直接表現(xiàn)”還是“間接表現(xiàn)”。

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

上面的豆是傲氣所發(fā)，很不錯(cuò)，但是需要加工。

我把這個(gè)豆子里面的口子，改動(dòng)了一下，這就是所謂的“擬人化”。

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

總之，在包裝中我們就掌握這兩點(diǎn)?！皵M物”“擬人”，具體要配合“構(gòu)成學(xué)”來設(shè)計(jì)。

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

其實(shí)，無論做什么，美觀就會(huì)和諧，只要搭配和諧了，就美觀。而靈魂是最難得的。

我看大家做標(biāo)志很少，好像都是做版式設(shè)計(jì)多些，那我們還是看看在版式中的應(yīng)用吧。

版式中，我的手段主要是靠字體、大小、顏色、特效，配合感情色彩，再加上廣告中重點(diǎn)傳達(dá)的。

因?yàn)橹袊奈淖质怯兄髦^賓，和動(dòng)詞、形容詞、名詞的，我們把握好這些就可以把文字應(yīng)用好。

其實(shí)每句話中，都有一個(gè)重點(diǎn)，比如：麻辣燙1元瘋狂熱賣，這句話里，我們應(yīng)該重點(diǎn)推哪個(gè)呀。

看到“瘋狂”，是很吸引人的一個(gè)動(dòng)詞。你自己就會(huì)去看，到底是什么瘋狂了。

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

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

因?yàn)榘媸皆O(shè)計(jì)中內(nèi)容不可能是一個(gè)，用顏色來劃分是最好的，如果加上引導(dǎo)線和框架就更好了。

我們細(xì)化

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

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

同一個(gè)內(nèi)容中一定要想辦法突出一個(gè)來，這就是所謂內(nèi)容中的主次。

好了接下來，我們看下字體之間的搭配，這個(gè)一般主要是應(yīng)用在畫冊(cè)和標(biāo)題組合上。

(

這個(gè)組合其實(shí)形式是好的，只是不夠精致，我來重新打出來我們做幾組不同的形式。

這一組文字我們?nèi)绾翁幚?，方法其?shí)很多，先要確定重點(diǎn)，再?zèng)Q定組合形式。

記住如果一旦形式確定了，那么后面所有的版式風(fēng)格就等于確定了，也就是我們說的利用重復(fù)達(dá)到統(tǒng)一。

這個(gè)是一個(gè)橫向組合形式：

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

我們?cè)诳矗@樣就協(xié)調(diào)了很多：

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

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

上面的標(biāo)題有了正文，我們?nèi)绾稳ズ蜆?biāo)題搭配：

配圖加上，這樣就是一種形式了，其實(shí)我們可以再細(xì)化。

我們換一種形式。標(biāo)題形式組合換一個(gè)我們來看下感覺：

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

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

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

我簡單的畫個(gè)線，就可以了。大的橫的線太厚重了，不能用情感體現(xiàn)主題。

線的感情還是比較微妙的，哪怕是輔助，帶來的視覺感受是截然不同的。

(這個(gè)是“少”的思路)

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

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

寬的評(píng)價(jià)：你這個(gè)排的，我還是會(huì)說NO。

給的建議：正文的內(nèi)容太散，不如把行距拉近。