1.介紹品牌與板式的關(guān)系以及版式的重要性

    一個(gè)牌子為什么能打造出品牌感，傳達(dá)溝通是必不可少的，如何溝通，取決于畫面中圖像文字的表達(dá)，如何傳達(dá)到位，這是我們今天要探討的問題。

表達(dá)有很多種形式，直接的，含蓄的，交錯(cuò)的。我們可以把表達(dá)理解為版式，在版式里，我們能夠通過各式各樣的效果去展現(xiàn)形式。

2.版式的重要性，在一個(gè)頁面中，我們?cè)撊绾稳ズ饬恐匾?/span>

    作為一個(gè)設(shè)計(jì)師，在我們的工作中，要做到一個(gè)首要的事情-并非自我滿足。在設(shè)計(jì)過程中，我們會(huì)用到基礎(chǔ)字體作文字說明，也會(huì)用到起修飾效果的文字，從而進(jìn)行編排，使畫面有沖擊力，帶有設(shè)計(jì)感。在此過程中，可能我們會(huì)用難以看懂的藝術(shù)字體進(jìn)行編排；無論什么都想作為重點(diǎn)進(jìn)行強(qiáng)調(diào)；加入自己喜歡的色調(diào)進(jìn)行修飾。并沒有想到畫面中如果這樣展示，會(huì)給瀏覽中的人帶來視覺困擾，過于自我為中心的設(shè)計(jì)無形之中會(huì)給受眾人群帶來負(fù)擔(dān)和壓力。設(shè)計(jì)是有自己的規(guī)則的，如果要避免這種狀況發(fā)生，就要遵循規(guī)則：將信息變成圖表化，分好主次展開利益點(diǎn)，著重說明。解決視覺負(fù)擔(dān)為受眾人群著想，把畫面當(dāng)作一個(gè)互動(dòng)的窗口，與他們溝通。

    在看到畫面的第一時(shí)間，雖然受眾人群來自于不同職業(yè)不同領(lǐng)域，但其實(shí)對(duì)于第一眼看到的外觀，感受大多都一致。是否吸引，是否第一眼就看到了利益點(diǎn)，如果是，那就說明我們達(dá)到了易讀性的基礎(chǔ)。如何展現(xiàn)個(gè)性化的表現(xiàn)，在個(gè)性化中做到規(guī)范性，是接下來我們要做的事情。

3.版式的基本定律

    第一步，字體決定了畫面的印象及易讀性。字面較大，寬度較廣又稱為收縮處較小的文字，判讀性較高，可以降低錯(cuò)誤率。當(dāng)同樣大小的文字放在一處時(shí)，字面較廣的字體就會(huì)凸顯出來。

    第二步，統(tǒng)一符號(hào)和文字高度會(huì)更協(xié)調(diào)美觀，不同的字體他們的符號(hào)展示也會(huì)不同，我們可以試一下進(jìn)行調(diào)試，除此之外，還可以用豎線、斜線、矩形來突出對(duì)比，進(jìn)行強(qiáng)調(diào)。

    第三步，在一段長文中，文字大小，行距，字距，行寬，間距也同樣重要，可以制造段落的強(qiáng)弱感，一般來說，適當(dāng)?shù)男芯鄳?yīng)該為文字大小的0.5—1倍左右。因?yàn)樾袑掃^大會(huì)降低文字的可讀性。不能用空白鍵作為間距，要用文字欄細(xì)心調(diào)整。為了使標(biāo)題架構(gòu)明確化，可以凸顯副標(biāo)題，用·表明，當(dāng)副標(biāo)題過多時(shí)，就可以用?表明，凸顯強(qiáng)弱對(duì)比。分欄功能的好處在于可以提高可讀性又可節(jié)省頁面空間，畫面具有靈活性，不再是簡單的按要點(diǎn)排版。

    第四步，豐富畫面不能少了色彩。組合相似色相的顏色時(shí)，需要注意明度差異。

之外，不能過度依賴色彩帶來的視覺感受，同時(shí)加入文字效果，會(huì)豐富許多，文字的粗細(xì)度，加入背景或底紋，能更加凸顯出質(zhì)感，凸出重要性。

右一的信息雖然是按照?qǐng)D為一邊，字為一邊。但顏色與產(chǎn)品融為了一體，凸顯不出產(chǎn)品的質(zhì)感，字的節(jié)奏感不強(qiáng)烈，LOGO與文字融為一體，無法吸引人群。

左一相對(duì)右一來說，注重了明暗關(guān)系，文字的排版有對(duì)比，節(jié)奏強(qiáng)烈，字與字的間距也有不同，如果做系列海報(bào)，也能按照規(guī)律快速且優(yōu)質(zhì)的做出來。

4.電商輕版式概念，在個(gè)性中找到規(guī)范

    針對(duì)以上所說的那些點(diǎn)，結(jié)合到電商，主圖、banner、推廣圖，在這一些圖片中，我們要找到相似性與不同性，是很容易達(dá)到的。規(guī)范是讓畫面得到統(tǒng)一，有規(guī)律，有節(jié)奏是我們的必需品。

1-1網(wǎng)格排版規(guī)范性

1-2畫面中的規(guī)范性

    一個(gè)頁面是否嚴(yán)謹(jǐn)，我們可以在畫面中找到一定的規(guī)律性，如字與字中的間距是按倍數(shù)，有比例排列的。

    在主題里，思想創(chuàng)意的碰撞，在規(guī)矩中突破。讓畫面更加鮮活。方中有圓，圓中帶方，才是應(yīng)該大家注意的。

而在印刷物以及頁面上，網(wǎng)格排版系統(tǒng)已經(jīng)相對(duì)成熟。但在電商領(lǐng)域的某些也十分重要的渠道中，網(wǎng)格排版的應(yīng)用常常會(huì)被設(shè)計(jì)師們忽略，尤其是在接觸品牌類的項(xiàng)目時(shí)候，在推廣圖，主圖，鉆展等投放引流性質(zhì)的地方，會(huì)將品牌原有的板式系統(tǒng)給忽略掉。而恰恰是這些渠道，成為新客戶在線上了解品牌的第一道窗口。如果這些位置失去了品牌調(diào)性，那對(duì)客戶的印象將會(huì)產(chǎn)生不好的影響。

    品牌感，在絕大多數(shù)情況下，不是品牌自身給予出來的，而是需要通過客戶的感知與認(rèn)識(shí)去培養(yǎng)出來的。而設(shè)計(jì)師，在品牌傳播的過程中，所做的，則是穩(wěn)固品牌調(diào)性工作。雖然，一百個(gè)人眼中，會(huì)有一百個(gè)哈姆雷特，但只要品牌調(diào)性得到充分的規(guī)范，細(xì)化到每個(gè)客戶可以觸及到的地方，那這一百個(gè)哈姆雷特，也不會(huì)相差的太遙遠(yuǎn)。進(jìn)而，用戶群體也會(huì)精準(zhǔn)化，更加有歸屬感。

    所以，我們要將網(wǎng)格系統(tǒng)細(xì)化到每一處。而運(yùn)用在小范圍的板式網(wǎng)格系統(tǒng)，我稱它為輕板式系統(tǒng)。相對(duì)頁面和印刷物的網(wǎng)格系統(tǒng)，更加簡潔簡單。但不可以因?yàn)楹唵味鲆暋⑤p板式系統(tǒng)認(rèn)真設(shè)置到位，并且執(zhí)行下去，不要放過任何一個(gè)樹立品牌調(diào)性的空間。

板式無小事，細(xì)節(jié)定成敗。