對齊方式之拓展 上

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

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

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

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