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

在這里，我整理了一些在排版中值得注意的細節，和排版的小技巧，希望能夠對大家有所幫助。

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

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

選擇與頁(yè)面設計風(fēng)格不搭的字體會(huì )帶來(lái)“違和”的感覺(jué)，會(huì )改變頁(yè)面的氣質(zhì)，對信息傳遞產(chǎn)生影響。要根據頁(yè)面的風(fēng)格，去選擇與之氣質(zhì)契合的字體，如粗體厚重、細體高冷。

如右圖中，有棱角的字體與畫(huà)面搭配，會(huì )有先鋒跟潮流的感覺(jué)出現。

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

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

行間距是?#20449;c行的間距，行間距通常伴隨著(zhù)字體大小而的變化，默認行間距會(huì )稍大于字體的大小，通常的這樣看起來(lái)會(huì )比較的擁擠。正文中，將行高設置成字號的1.6~1.8倍，將會(huì )是比較舒服的，如果版面緊張，可以適當設成1.2~1.5倍。

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

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

親密性在排版中的理解，通俗的來(lái)講就是我和你近，我們的關(guān)系就密?#23567;?#22294;文排版中的間隔大小，是影響親密性的主要因素。左圖中高度一致的間隔，會(huì )讓人產(chǎn)生困惑，對各個(gè)標題、正文與圖片的關(guān)系傻傻分不清楚，嚴重影響用戶(hù)閱讀體驗。

在右圖中，我們根據親密性原則，通過(guò)間距把相關(guān)的標題正文圖片分成了一組，這樣畫(huà)面中各元素之間的關(guān)系一目了然。

通常設計的首要任務(wù)就是制造視覺(jué)焦點(diǎn)，吸引用戶(hù)的注意力。而留白能夠讓用戶(hù)盡快的尋找到所需要的信息，提高用戶(hù)體驗。但隨意的空白并不是留白，留白時(shí)應該注意元素之間的連續性。

如左圖，雖留出了大量的空白，但是元素之間沒(méi)有太多的連續性，造成了主次不分，反而分散用戶(hù)注意力。而右圖中，通過(guò)對齊和調整間距，使頁(yè)面有了視覺(jué)焦點(diǎn)，同樣是留白，就會(huì )顯得更加協(xié)調。

有時(shí)候當我們感覺(jué)到畫(huà)面空曠時(shí)，就會(huì )習慣性的添加漂浮物或相關(guān)元素來(lái)填充畫(huà)面空白。這是很常見(jiàn)的方法，但這個(gè)方法容?#35731;?#33268;畫(huà)面雜亂、失去視覺(jué)的焦點(diǎn)。

漂浮物的使用，有兩點(diǎn)需要遵循：

一是盡量的克制，要謹記添加的漂浮物只是為畫(huà)面服務(wù)，不要過(guò)多的喧賓奪主；

二是選用的漂浮物要與畫(huà)面有所關(guān)聯(lián)，一切的設計都要有合理的來(lái)源。

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

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

在平面上營(yíng)造空間感，不外乎在于近大遠小與景深模糊。營(yíng)造空間感也是為了突顯主體，制造視覺(jué)重點(diǎn)，吸引用戶(hù)的注意力。

如左圖中，兩個(gè)相同形狀大小的產(chǎn)?#20998;?#25509;疊加在一起，是沒(méi)有空間感可言的，左字右圖的平衡被完全打破了。在右圖中，我們把置于后面的產(chǎn)品進(jìn)行調小跟模糊，讓視覺(jué)的重點(diǎn)落在前面，而后面的產(chǎn)品就會(huì )被潛移默化的當成背景的一部分，從而形成畫(huà)面左字右圖的內容平衡。

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