平面設計排版看似簡單,其實非??简炘O計師的基本功。如果知識無法活用,沒有實踐驗證,是很多的問題。 如字體、字體家族、粗細輕重、首行縮進、標點符號相對次要。小朋友和老年人的閱讀速度可能不及年輕人,字號設置得稍大。感受一下閱讀下面左右的段落文字,是不是較大的字號會讓閱讀速度變得更慢。字號越大閱讀速度也會放慢,文字的關注度增加,除了文字本身信息外,文字放大時,筆畫的細節(jié)越明顯,閱讀更為方便。平時所知的快速閱讀法,由逐字逐字的閱讀變?yōu)檫B詞閱讀。平面設計排版要考慮到受眾閱讀習慣。大號的字體更能瞬間吸引眼球,是主焦點所在,也是主要信息應該運用的,注意與此搭配的字號,主、次信息字號需要有對比。能與大字號進行搭配的是小字號,最好能對比明顯。這樣才能形成信息的主次傳遞。有些宣傳方認為文字越大,注意力效果越強,于是采用放大字體做法,這樣來輸出信息,由于沒有對比,整體版面凌亂。忽略了閱讀者感受。作為閱讀的一方,在看廣告牌、打開APP瀏覽Banner時,都會因為版面凌亂忽視這樣的信息。下圖以常見網(wǎng)店Banner為例,看上去比較常見的設計,左圖右文,排版最大的問題是右邊的文字信息過多,字體主次不太分明,造成閱讀擁擠。2、三行字體間距過于緊密,字體的字號沒有區(qū)別3、Banner傳達重要的品牌信號、且尺寸較大,傳達的信息需要有焦點,不宜輸出過多的文字。作為平面設計師,應該和文案一起結(jié)合考察,文案本身是否足夠精簡扼要?次要的文案是否可以刪掉?設計師的職責不是“美化”,而是“體驗”,把自己放在接受者的位置。1、將文字色彩進行調(diào)整,形成閱讀的主次順序,照顧到整個Banner要傳遞的主要信息——冬季新品,放大的冬字用宋體,和其他的字體相異。宋體的字型對應女性的輪廓,看上去有曲線感; 2、紅色是非常吸引眼球的顏色,因此有些次要的文字可以不需要一直用紅色,而把主題詞和引導按鈕用紅色進行處理;3、按鈕變?yōu)閯痈休^強的形狀,增加畫面的及時感。也符合這一片排版的形狀布局;6、顏色改為相對柔和的暖粉色,傳遞冬日暖陽的氣氛。背景用一些白色雪點綴,突出主題。不改變原有布局和素材的情況下,把字體排版進行調(diào)整,版面清晰、簡潔了。簡潔是正道,如果老板/甲方不喜歡,如果設計師不能給他建議,老板/甲方會跟隨舊有習俗走,如果發(fā)揮專業(yè)知識,是否走這條路憑他自己選擇,要做的是尊重對方選擇。但是,必須要提供這樣的可能性呈現(xiàn)給對方眼。行距是段落上下兩行文字的疏密程度。行距在文章中有效的引導閱讀。兩行文字之間行距太近會讓閱讀變得困難,太遠同樣也會造成問題。不同的行距構(gòu)成面的密度,也即是文章段落呈現(xiàn)的灰度。行距和行高密不可分,如字體的行高為10px,行距如果為2px,也就是行高的1/5倍,會變得太擠,不易閱讀。如果拉開行距到5px,也就是行高的1/2倍,則閱讀起來就比較舒暢,輕松。合適的行距是相對值,閱讀中,行距為行高的1/2~1倍比較合適。當行距為行高1倍,看起來行距比較寬,有些人會覺得整個段落看起來不夠緊湊,如果行距和行高相等時,段落看起來松散,讓閱讀者會有種和緩的速度。具體案例說明行高在排版中的視覺作用。家居主題的Banner設計。仔細觀察,發(fā)現(xiàn)右邊的文字閱讀起來略有點困難,這是由于行高太小而造成。1、兩行小字的行高太小,以及小字和大字彼此距離太近;2、文字的色彩沒有太多變化,不同內(nèi)容擠在一起,閱讀層次感不強;3、整體色彩有些灰暗,家居的氛圍有點暗沉(原素材需要調(diào)色處理)。Banner設計要做到色香味俱全,除了關注布局、色彩、還需要對文字以及文字間距都要精細化處理。解決這三個比較大的問題,作下面一些調(diào)整1、改變小字的行高,讓兩行小字跟隨右側(cè)的斜線條,形成呼應,并且讓小字和大字也保持距離;3、「全場8折」四個字用橙色作底,橙色是溫暖的顏色,給版式加暖,且讓文字排版多一些變化,信息層次更分明;4、大的文字采用漸變填色,比起純色平涂,帶有微微光感;5、整個畫面的色調(diào)調(diào)得更暖,配合家居的溫暖氛圍。字間距是字符間距的參數(shù)值,字間距是基礎工作。每一個文字都要設定好字間隔,太近和太遠都不利于文章的閱讀。調(diào)整字間也是及其繁瑣的工作。以「思源宋體」和「方正美黑」為例,這兩個字體形態(tài)差異很大,思源宋體的字符間距設置為0時,和方正美黑的字符間距為0時,字間距的差異也很大,方正美黑的字體間距默認就很寬,大家可以對比當方正美黑的字符間距為0時,對比思源宋體字符間距為100,其本身字間仍然是大許多。拋開字體本身間距談字符間距,意義不大。方正美黑是極端例子,但每款字體的間距的確略微差別,還是以字間距為準。行距也是影響字間距的一個很重要的因素。如果字間距大過行距,這樣的段落難以閱讀。從左到右的閱讀習慣,會被更為接近的上下兩行的文字,錯誤引導為從上到下的閱讀。所以保持字間距要小于行距,是保險做法。在海報、Banner這類宣傳品的設計中,文字通常用得比較少,也談不上形成段落,這時字間距可以放得更開,不涉及到行距。不得不說,放大的字間距顯得版式疏松、有優(yōu)雅寧靜的感覺。如果想要讓文章看起來更輕松,試著把字間距適度放大。下圖Banner設計也是看起來沒什么大問題。唯一惹眼的就是「科技互聯(lián)、引領未來」字距過寬,字距大過行距,造成閱讀時容易產(chǎn)生“科引,技領,互未,聯(lián)來”這樣的順序。并且使用的字體本身的字距也需要進一步調(diào)整,看起來兩行文字有些錯落,視覺上不夠精細。1、調(diào)整了「科技互聯(lián)、引領未來」行距和字距,字間小于行距;3、「掌握最黑技術、占領最大市場」增加字距,縮小字號,創(chuàng)造和下方英文字符截然不同的節(jié)奏感;4、文字色彩有變化,讓畫面在此不會顯得過于扁平,為了突出文字,讓下方背景的色彩更深;5、縮小左上方區(qū)塊鏈三個字,給予更多的留白空間,讓畫面不至于內(nèi)容過分飽和;6、整體的畫面進一步調(diào)整色彩飽和度處理,以及其他細節(jié)的處理,讓畫面更具沖擊力。排版是一個值得深挖的問題,越細節(jié)越難以被發(fā)現(xiàn)。如果只是潦草應對,短時間沒有大問題,但會形成盲區(qū),無形中造成的問題,讓人永遠發(fā)現(xiàn)不了,導致水平一直無法提高,設計報價也要不上去,這是最大的傷害。這兩年平面設計發(fā)展很快是因為互聯(lián)網(wǎng)漲勢飛快,但飛速發(fā)展帶來的弊端是一切都浮在表面,深度不夠。需要平面設計師深入學習,沉下心設計,才能獲娶更多業(yè)務機會。
更多歷史鏈接-閱讀公眾號菜單-《歷史發(fā)布》菜單
|