排版中不可忽視的基礎(chǔ)細(xì)節(jié)

2018-12-17 1546 0

圖文排版是個(gè)老生常談的話題,每一個(gè)設(shè)計(jì)師都具備圖文排版的能力。雖然工作中幾乎天天都在排版,對(duì)于排版似乎是信手拈來,然而就是這樣的信手拈來,卻會(huì)讓不少初中級(jí)的設(shè)計(jì)師忽視掉很多排版的細(xì)節(jié),做起設(shè)計(jì)來也毫無(wú)章法。

這里我整理了一些在排版中不可忽視的基礎(chǔ)細(xì)節(jié),以及排版的小技巧,希望能夠?qū)Υ蠹矣兴鶐椭?/p>


 

一、保證文字的可讀性

在頁(yè)面中,文字是重要的信息來源,所以保證可讀性,是文字排版中首要考慮的事情。影響文字可讀性的因素很多,但在眾多問題中,流暢的閱讀排版是保障可讀性的基礎(chǔ)。在排版中控制好文本的長(zhǎng)度、字距、行距、段落與對(duì)齊方式,就能夠有效的提高可讀性。


 

二、文字與背景需要清晰區(qū)分

循白紙黑字、黑紙白字的原則,在深色的背景上采用亮色的字體一般能保證可讀性。字體過細(xì)、背景與文字對(duì)比度不夠、文字透明度過高都會(huì)造成文字與背景融為一體,存在諸如此類的問題都要針對(duì)性的去調(diào)整。


 

三、選擇風(fēng)格合適的字體

選擇與頁(yè)面設(shè)計(jì)風(fēng)格不搭的字體會(huì)帶來“違和”的感覺,會(huì)改變頁(yè)面的氣質(zhì),對(duì)信息傳遞產(chǎn)生影響。要根據(jù)頁(yè)面的風(fēng)格,去選擇與之氣質(zhì)契合的字體,如粗體厚重、細(xì)體高冷,如右圖中,棱角分明的字體會(huì)有先鋒跟潮流的感覺等等。


 

四、控制字體類型數(shù)量

除了選擇風(fēng)格合適的字體,也要控制字體類型數(shù)量。通常單個(gè)頁(yè)面內(nèi)字體類型數(shù)量最好不超過3種。因?yàn)樽煮w種類太多會(huì)讓頁(yè)面風(fēng)格極其難統(tǒng)一,也容易出現(xiàn)上文所說的字體與頁(yè)面風(fēng)格不搭。雖說字體類型數(shù)量沒有非要控制在3種以內(nèi),但太多的字體類型可控性很差也容易造成視覺干擾


 

五、統(tǒng)一的對(duì)齊方式

統(tǒng)一的對(duì)齊會(huì)讓文字排版井然有序,閱讀起來會(huì)非常流暢。多種對(duì)齊方式,會(huì)是使頁(yè)面混亂不堪。除了文本之間要保持統(tǒng)一的對(duì)齊方式之外,正文要盡量保持兩端對(duì)齊,這會(huì)關(guān)系到頁(yè)面是否整潔。


 

六、控制行間距

行間距是行與行間的間距,行間距通常伴隨著字體大小而的變化,默認(rèn)行間距會(huì)稍大于字體的大小,通常的這樣看起來會(huì)比較的擁擠,可以根據(jù)頁(yè)面實(shí)際情況去考慮增加間距,增加文字的呼吸感。


 

七、控制字間距

新手排版時(shí),有時(shí)候會(huì)因?yàn)槲谋緝?nèi)容過長(zhǎng),而版式又受限,會(huì)去選擇壓縮字符間距的方式來達(dá)到控制文本長(zhǎng)度的目的。其實(shí)這是一個(gè)容易被忽略的錯(cuò)誤,字間距過于擁擠會(huì)降低文字的可讀性。


 

八、控制行長(zhǎng)

單行文字如果包含的字?jǐn)?shù)太多,文本內(nèi)容將會(huì)很難閱讀,一是閱讀的時(shí)候會(huì)難以換行,二是容易造成閱讀疲勞。合理的行長(zhǎng)會(huì)使用戶在行間跳轉(zhuǎn)時(shí)比較輕松,反之則會(huì)使閱讀成為一種負(fù)擔(dān)。


 

九、圖文排版的親密性

親密性在排版中的理解,通俗的來講就是我和你近,我們的關(guān)系就密切。圖文排版的間隔大小,就是影響親密性的主要因素。左圖中一致的間隔,就會(huì)讓人產(chǎn)生困惑,對(duì)各個(gè)標(biāo)題、正文與圖片的中關(guān)系傻傻分不清楚,嚴(yán)重影響用戶閱讀體驗(yàn)。在右圖中,我們通過調(diào)整間距,把相關(guān)的標(biāo)題正文圖片分成了一組,這樣元素之間的關(guān)系一目了然。


 

十、留白

通常設(shè)計(jì)的首要任務(wù)就是制造視覺焦點(diǎn),吸引用戶的注意力。而留白能夠讓用戶盡快的尋找到所需要的信息,提高用戶體驗(yàn)。但也不要為了留白而一味留白,應(yīng)該注意元素之間的連續(xù)性。如左圖,雖留出了大量的留白,但是元素之間沒有太多的連續(xù)性,造成了主次不分,分散用戶注意力。而右圖通過對(duì)齊和調(diào)整間距的方式,使頁(yè)面有了視覺焦點(diǎn),同樣是留白,就會(huì)顯得更加協(xié)調(diào)。

 


 

十一、點(diǎn)綴元素的使用

有時(shí)候當(dāng)我們感覺到畫面空曠時(shí),就會(huì)習(xí)慣性的添加漂浮物或相關(guān)元素來填充畫面空白。這是很常見的方法,但是這個(gè)方法容易導(dǎo)致畫面雜亂、失去視覺的焦點(diǎn)。漂浮物的使用,有兩點(diǎn)需要遵循,一是盡量的克制,添加的漂浮物只是為畫面服務(wù),不要過多的喧賓奪主;二是選用的漂浮物要與畫面有所關(guān)聯(lián),一切的設(shè)計(jì)都要有合理的來源。


 

十二、幾何填充

除了添加漂浮物,我們還可以選擇用點(diǎn)、線或者色塊等幾何形狀,去填充影響版面平衡的空白。當(dāng)我們的畫面,排版中出現(xiàn)了一塊比較突兀的空白,而且我們沒有辦法通過變換版式的方法改變的時(shí)候,可以考慮選用這個(gè)方式去掩蓋這個(gè)問題。


 

十三、底紋文字的應(yīng)用

當(dāng)頁(yè)面又顯得單調(diào),而我們又要做一個(gè)簡(jiǎn)潔的設(shè)計(jì)時(shí),選擇添加點(diǎn)綴或者漂浮物就會(huì)顯得不合時(shí)宜。這時(shí)候我們?cè)趺礃硬拍茏尞嬅尕S富起來呢,很簡(jiǎn)單,添加底紋文字。就是在背景上增加相關(guān)的英文單或文字,處理的時(shí)候需要注意顏色要淡,需要與背景有較好的融合而且要與文案錯(cuò)開,不然會(huì)影響文字識(shí)別性。底紋文字的應(yīng)用,好處在于保持畫面簡(jiǎn)潔的同時(shí)又能豐富畫面。


 

十四、頁(yè)面空間感

在平面上營(yíng)造空間感,不外乎在于近大遠(yuǎn)小與景深模糊。營(yíng)造空間感也是為了突顯主體,制造視覺重點(diǎn),吸引用戶的注意力。如左圖中,兩個(gè)形狀大小的產(chǎn)品直接疊加在一起,是沒有空間感可言的,左字右圖的平衡被完全打破壞了。我們?cè)谟覉D中把置于后面的產(chǎn)品進(jìn)行調(diào)小跟模糊,讓視覺的重點(diǎn)落在前面,而后面的產(chǎn)品就被會(huì)潛移默化的當(dāng)初背景的一部分,從而形成畫面左字右圖的內(nèi)容平衡。


 

結(jié)語(yǔ)

諸如此類還有許多,就不一一提起來說,看似普通常規(guī)的圖文排版,其實(shí)涵蓋的內(nèi)容是很廣的??偠灾幚砗妹恳惶幬⑿〉募?xì)節(jié),可以讓更好的提升設(shè)計(jì)品質(zhì)。
 


27
評(píng)論區(qū)(0)
正在加載評(píng)論...