圖文排版基礎(chǔ)解決方案

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

　　在這里，我整理了一些在排版中值得注意的細(xì)節(jié)，和排版的小技巧，希望能夠?qū)Υ蠹矣兴鶐椭?/p>

　　一、保證文字的可讀性

　　在頁(yè)面中，文字是重要的信息來(lái)源，所以保證可讀性，是文字排版中首要考慮的事情。影響文字可讀性的因素很多，但在眾多問(wèn)題中，流暢的閱讀排版是保障可讀性的基礎(chǔ)。在排版中控制好文本的長(zhǎng)度、字距、行距、段落與對(duì)齊方式，就能夠有效的提高可讀性。左圖中，文字成為了畫(huà)面的裝飾元素，忽視了文字本身所承載的信息;而在右圖中，文字是一種功能，用來(lái)傳遞信息。

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

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

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

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

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

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

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

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

　　六、控制行間距

　　行間距是行與行的間距，行間距通常伴隨著字體大小而的變化，默認(rèn)行間距會(huì)稍大于字體的大小，通常的這樣看起來(lái)會(huì)比較的擁擠。正文中，將行高設(shè)置成字號(hào)的1.6~1.8倍，將會(huì)是比較舒服的，如果版面緊張，可以適當(dāng)設(shè)成1.2~1.5倍。

　　七、控制字間距

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

　　八、控制行長(zhǎng)與字?jǐn)?shù)

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

　　九、圖文排版的親密性

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

　　十、留白

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

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

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

　　十二、幾何填充

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

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

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

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

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

　　結(jié)語(yǔ)

　　諸如此類(lèi)還有許多，就不一一提起來(lái)說(shuō)，看似普通常規(guī)的圖文排版，其實(shí)涵蓋的內(nèi)容是很廣的?？偠灾?，處理好每一處微小的細(xì)節(jié)，可以更好的提升設(shè)計(jì)品質(zhì)。