對(duì)齊方式之拓展 上

對(duì)齊方式之拓展上案例分析我們可以拿常見(jiàn)的網(wǎng)店Banner設(shè)計(jì)為例來(lái)說(shuō)明排版中的誤區(qū)，這是一個(gè)看上去比較常見(jiàn)的設(shè)計(jì)，左圖右文，排版最大的問(wèn)題就是右邊的文字信息過(guò)多，字體主次不太分明，造成閱讀擁擠。下面我們逐條分析作品中的問(wèn)題：1）字體顏色單一，且飽和度極高，容易讓人視覺(jué)疲勞2）三行字體間距過(guò)于緊密，字體的字號(hào)沒(méi)有區(qū)別

3）Banner雖說(shuō)是一個(gè)非常重要的傳達(dá)重要品牌信號(hào)、推廣信息的圖片，且大部分尺寸都較大，但是其中傳達(dá)的信息也需要有一個(gè)重要焦點(diǎn)，而不宜輸出過(guò)多的文字。作為平面設(shè)計(jì)師，我認(rèn)為也應(yīng)該和文案一起結(jié)合考察，文案本身是否足夠精簡(jiǎn)扼要？次要的文案是否可以刪掉？設(shè)計(jì)師的職責(zé)并不是“美化”，而是“體驗(yàn)”，把自己放在接受者的位置，你愿意對(duì)方一次性就輸出這么多信息給你嗎？還是想慢慢一步步接受后再深入了解？于是可以我們做下面的調(diào)整：1）將文字的色彩進(jìn)行調(diào)整，形成閱讀的主次順序，照顧到整個(gè)Banner要傳遞的主要信息——冬季新品，放大的冬字才用宋體，和其他的字體相異。宋體的字型對(duì)應(yīng)女性的輪廓，看上去更具曲線(xiàn)感。2）紅色是非常吸引眼球的顏色，因此有些次要的文字可以不需要一直用紅色，而把主題詞和引導(dǎo)按鈕用紅色進(jìn)行處理。3）按鈕變?yōu)閯?dòng)感較強(qiáng)的形狀，這樣能增加畫(huà)面的及時(shí)感。也符合這一片排版的形狀布局。4）行距之間拉開(kāi)差距，字體大小對(duì)比明顯5）刪掉沒(méi)那么重要的傳遞品牌價(jià)值的文案，在這里，集中傳達(dá)一個(gè)信息就足夠了6）顏色改為相對(duì)柔和的暖粉色，傳遞冬日暖陽(yáng)的氣氛。背景用了一些白色的雪作為點(diǎn)綴，突出主題。在不改變?cè)胁季趾退夭牡那闆r下，我們把字體排版進(jìn)行了調(diào)整，版面就清晰、簡(jiǎn)潔了許多。也許很多人會(huì)說(shuō)：簡(jiǎn)潔當(dāng)然是正道，但是老板/甲方不喜歡??！我對(duì)于這樣的問(wèn)題也常常會(huì)遇到，老板/甲方也是人，人當(dāng)然會(huì)分種類(lèi)，人也會(huì)失策，會(huì)有自身的局限性……如果設(shè)計(jì)師不能給他建議，他當(dāng)然會(huì)跟隨舊有習(xí)俗走，如果我們能發(fā)揮專(zhuān)業(yè)知識(shí)，帶他來(lái)到新的路，是否走這條路全憑他自己選擇，我們要做的就是尊重對(duì)方的選擇。但是，我們必須要提供這樣的可能性呈現(xiàn)到對(duì)方眼前。行距：相對(duì)的距離行距是段落上下兩行文字的疏密程度。行距在文章中的作用是有效的引導(dǎo)閱讀。兩行文字之間的行距太近會(huì)讓閱讀變得困難，而離得太遠(yuǎn)同樣也會(huì)造成問(wèn)題。行距和形成平面構(gòu)成種的「面」這個(gè)元素是分不開(kāi)的，不同的行距構(gòu)成面的密度，也即是文章段落呈現(xiàn)的灰度。行距和行高又是緊密不可分割的，比如字體的行高為10px，那么行距如果為2px，也就是行高的1/5倍，就會(huì)變得太擠，不易閱讀。如果我們拉開(kāi)行距到5px，也就是行高的1/2倍，則閱讀起來(lái)就比較舒暢，輕松。所以合適的行距是一個(gè)相對(duì)值，根據(jù)我的經(jīng)驗(yàn)，文章的閱讀中，行距為行高的1/2~1倍都算是舒適的。當(dāng)行距為行高的1倍，看起來(lái)行距是比較寬，有些人會(huì)覺(jué)得整個(gè)段落看起來(lái)不夠緊湊，但我個(gè)人感覺(jué)如果行距和行高相等時(shí)，段落看起來(lái)松散，讓閱讀者會(huì)有種和緩的速度。比如我個(gè)人就比較傾向喜歡閱讀這一比例的文字段落。

除了和行高本身有關(guān)，行距與字間距也有著不小的關(guān)聯(lián)。等談到字間距的時(shí)候我們還會(huì)細(xì)講。案例分析下面還是以一個(gè)具體的案例來(lái)說(shuō)明行高在排版中的視覺(jué)作用。這是一個(gè)家居主題的Banner設(shè)計(jì)，也許初看上去并沒(méi)有什么問(wèn)題（設(shè)計(jì)的問(wèn)題大都是通過(guò)對(duì)比才會(huì)發(fā)現(xiàn)的）。仔細(xì)看過(guò)后，我們會(huì)發(fā)現(xiàn)右邊的文字閱讀起來(lái)略有點(diǎn)困難，這是由于行高太小而造成的。

逐條分析一下Banner中比較顯著的視覺(jué)問(wèn)題：1）兩行小字的行高太小，以及小字和大字彼此距離太近2）文字的色彩沒(méi)有太多變化，不同的內(nèi)容全部擠在一起，閱讀起來(lái)層次感不強(qiáng)3）整體色彩有些灰暗，家居的氛圍有點(diǎn)暗沉（原素材需要調(diào)色處理）Banner設(shè)計(jì)要做到色香味俱全，除了關(guān)注布局、色彩、還需要對(duì)文字以及文字間距都要精細(xì)化處理。為了解決這三個(gè)比較大的問(wèn)題，我們作了下面一些調(diào)整：1）改變小字的行高，讓兩行小字跟隨右側(cè)的斜線(xiàn)條，形成呼應(yīng)，并且讓小字和大字也保持距離2）整體文字稍微縮小，給整個(gè)版面以呼吸的空間。3）「全場(chǎng)8折」四個(gè)字用橙