魯婉卓

關(guān)鍵詞 排版；美學(xué)；新媒體；平面設(shè)計(jì)

中圖分類號(hào) G2 文獻(xiàn)標(biāo)識(shí)碼 A 文章編號(hào) 2096-0360（2021）14-0025-05

新媒體是在互聯(lián)網(wǎng)的大時(shí)代背景下由數(shù)字科技催生的新型媒介形式，也可以說是基于互聯(lián)網(wǎng)的一種媒介傳播與交流的環(huán)境。它的出現(xiàn)改變了傳統(tǒng)意義上的媒體溝通方式，為媒介交互提供了更多的可能性。新媒體與傳統(tǒng)媒體發(fā)布渠道的不同，在版面呈現(xiàn)效果上也就自然的發(fā)生了變化。微信公眾號(hào)是新媒體發(fā)展的典型產(chǎn)物，以它的制作方式為例。

1 微信公眾號(hào)圖文排版的作用與意義

當(dāng)今快節(jié)奏的生活方式使得人們終日忙忙碌碌，很少有人能夠耐下心來認(rèn)真閱讀一篇文章，對(duì)于沒有經(jīng)過精心排版的微信文章，就會(huì)使人們喪失對(duì)這篇推送內(nèi)容的閱讀興趣。這就體現(xiàn)了排版的重要性：

第一，它不僅僅是給人們帶來視覺上的美觀享受，更是為了緩解沒有經(jīng)過排版處理，冗長(zhǎng)的文章給讀者帶來的巨大的信息及閱讀壓力。

第二，即使沒有讀完整篇推文，但依舊能夠讓讀者迅速了解推文里的重要信息，比如展覽的展覽時(shí)間、展覽地點(diǎn)。

第三，利用圖文混排的排版方式，讓讀者在閱讀大段文字時(shí)可以利用圖片在視覺上進(jìn)行短暫的休息。

第四，以長(zhǎng)圖的表現(xiàn)形式，易傳播、易保存，也便于發(fā)布，在制作中可以嵌入豐富的內(nèi)容，同樣的也提高了設(shè)計(jì)師的制作時(shí)間成本。長(zhǎng)圖的形式的產(chǎn)生，更符合移動(dòng)設(shè)備下滑的閱讀習(xí)慣，優(yōu)化閱讀體驗(yàn)。

2 微信公眾號(hào)排版構(gòu)成元素

一篇微信公眾號(hào)推文由文字、圖片（包括繪畫、攝影等）、顏色三大元素構(gòu)成，即在有限的空間內(nèi)，設(shè)計(jì)師通過一定的設(shè)計(jì)制作軟件、技術(shù)手段及審美表達(dá)，將已有的文字內(nèi)容和圖片等元素有機(jī)的結(jié)合，并進(jìn)行合理的編排，從而達(dá)到一定的視覺效果[ 1 ]。

3 “微故宮”官方微信公眾號(hào)推文中表現(xiàn)的圖文美學(xué)

3.1 文字

文字作為排版中最直接的信息傳達(dá)元素，在設(shè)計(jì)中主要包括文字字體、字號(hào)大小及字體顏色等?，F(xiàn)如今的排版設(shè)計(jì)都是通過電腦軟件完成制作，在設(shè)計(jì)制作時(shí)有多種字體庫(kù)供設(shè)計(jì)師選擇文字字體。設(shè)計(jì)師可以根據(jù)制作的主題內(nèi)容、主題風(fēng)格選擇不同的字體，且根據(jù)不同的組合，以此達(dá)到不同的視覺效果。例如根據(jù)插畫類圖片，文字可以選擇輕松活潑的卡通類字體；涉及歷史文化主題的，可以選用楷體、隸書等書法字體。在進(jìn)行排版設(shè)計(jì)時(shí)，合理地安排文字字號(hào)可以有效地傳達(dá)信息內(nèi)容并且達(dá)到良好的排版效果。如果文字?jǐn)?shù)量過多，文字字號(hào)偏小，會(huì)導(dǎo)致整個(gè)版面看起來內(nèi)容過多，過于擁擠，令讀者產(chǎn)生視覺壓力；相反的如果文字?jǐn)?shù)量過少，文字字號(hào)偏大，從視覺上來看整個(gè)版面給人過于空洞的感覺。這就要求設(shè)計(jì)師在實(shí)際設(shè)計(jì)中，要根據(jù)實(shí)際情況準(zhǔn)確地把握文字字號(hào)，做到主次區(qū)分，并且根據(jù)文字的數(shù)量及時(shí)地進(jìn)行字號(hào)調(diào)整，使得版面整體看起來簡(jiǎn)潔、整齊且無閱讀壓力。文字的顏色也是版面設(shè)計(jì)中的一項(xiàng)重要視覺體現(xiàn)，它既是情感的表現(xiàn)，如綠色代表希望、活力，紅色代表熱情、正義，藍(lán)色代表純凈、理智等，設(shè)計(jì)師可以根據(jù)制作內(nèi)容主題來進(jìn)行色彩的選擇；也是讀者從視覺上區(qū)分文字主要、次要信息的關(guān)鍵，如標(biāo)題與正文的區(qū)分，正文與引用之間的區(qū)分。

根據(jù)“微故宮”以往的推文中，對(duì)文字的具體排版方式做如下總結(jié)：

1）文字字號(hào)：對(duì)于移動(dòng)設(shè)備來說，它的顯示受到一定的限制，如果采用過于大的字號(hào)，會(huì)給人感覺整篇內(nèi)容特別滿，且有些呆板，太小的字體不利于閱讀，所以“微故宮”正文文字采用14px。需要重點(diǎn)強(qiáng)調(diào)的文字，如文章小標(biāo)題或是展覽時(shí)間、展覽地點(diǎn)、文化知識(shí)等信息時(shí)，可適當(dāng)選擇偏大1～2字號(hào)，使得內(nèi)容顯示更為突出，方便讀者閱讀及快速獲取關(guān)鍵信息。

2）文字字體：微信推文需在微信公眾平臺(tái)中制作，其在字體的選擇上受到一定的限制，更多的是使用默認(rèn)字體。而如果將文字制作在圖片中，文字字體在設(shè)計(jì)軟件中則擁有更多的選擇空間，并根據(jù)制作主題選擇適合的字體。

3）文字顏色：“微故宮”推文文字顏色主要采用黑色，而對(duì)于文章標(biāo)題、圖片說明和需要強(qiáng)調(diào)的內(nèi)容通過改變字體的顏色，一是從視覺上進(jìn)行內(nèi)容的區(qū)分，二是通過顏色的變化以此來突出重點(diǎn)信息。提到故宮，大眾首先想到的是紅墻黃瓦，“微故宮”采用建筑色的視覺效果，在需要強(qiáng)調(diào)的文字內(nèi)容上，多采用暗金色或紅色作為推文的主要色調(diào)。同時(shí)也會(huì)根據(jù)不同的推文內(nèi)容，在文字的顏色上也會(huì)做出相應(yīng)的調(diào)整。例如展覽類的推文，會(huì)根據(jù)展覽的展廳色或者是海報(bào)的主體色調(diào)整字體的顏色。文字的顏色通?？刂圃?種之內(nèi)，這樣使得整篇推文視覺效果統(tǒng)一的同時(shí)不會(huì)使讀者產(chǎn)生眼花繚亂之感。同時(shí)文字的顏色在使用時(shí)切勿采用飽和度過高的顏色，過于鮮艷的顏色除了會(huì)顯得比較廉價(jià)低俗外也容易讓人產(chǎn)生審美疲勞。

例如2020年9月舉辦的“丹宸永固——紫禁城建成六百年”展覽，在制作推文中展覽時(shí)間線時(shí)，分別根據(jù)實(shí)際三個(gè)展廳的金色、紅色、綠色主題色，制作與之相對(duì)應(yīng)的時(shí)間線，并且根據(jù)三個(gè)主題色更換主要文字信息的文字顏色。讀者在閱讀文章時(shí)可以通過顏色的變化清楚的分辨出時(shí)間所屬的單元，也可以使讀者在線上看推文與線下觀展時(shí)，起到互相聯(lián)動(dòng)的作用。

2017年4月推送的看展攻略，為了使讀者更容易區(qū)分看展路線，在視覺上利用顏色做分區(qū)，這是通過視覺幫助讀者區(qū)分路線簡(jiǎn)單又直觀的一種方法。

4）對(duì)齊方式：在紙質(zhì)書籍或期刊雜志中，段落之間一般不使用空行做間隙，而是使用兩個(gè)字符的縮進(jìn)形式進(jìn)行段落與段落之間的區(qū)分。微信推文通過移動(dòng)設(shè)備來進(jìn)行觀看，“微故宮”文字排版前期主要以左對(duì)齊和居中對(duì)齊為主。左對(duì)齊格式不需要首行縮進(jìn)，利用空行做分段，起到區(qū)分段 落的同時(shí)緩解大段的文字給讀者帶來的視覺壓力和閱讀壓力。而居中對(duì)齊方式一般使用在推文的開始、結(jié)尾或是文字以詩(shī)歌的形式出現(xiàn)時(shí)，例如展覽類的推文，文章結(jié)束后需再次強(qiáng)調(diào)展覽時(shí)間和展覽地點(diǎn)使用了居中對(duì)齊方式。隨著排版制作需求與審美的不斷變化，“微故宮”后期采用兩端對(duì)齊方式更為頻繁。兩端對(duì)齊可以調(diào)整文字的水平間距，使文字左右兩邊均勻的分布在頁(yè)面之間，在視覺上使得文字左右側(cè)統(tǒng)一處于同一條垂直線上，這樣使排版顯得更為整齊舒服。

5）頁(yè)邊距：“微故宮”采用傳統(tǒng)媒體—書籍的排版版式，在頁(yè)面的左右兩邊留出一定的規(guī)范邊距，增加了排版設(shè)計(jì)美觀性的同時(shí)也使得讀者的視線始終保持在同一區(qū)域，也提升了讀者的閱讀體驗(yàn)。

6）文字間距：一般在文章標(biāo)題和文章正文字?jǐn)?shù)比較少得情況的下會(huì)調(diào)整文字間距，文字之間保持一定的間距，避免文字過于擁擠。

3.2 圖片

圖片是推文排版設(shè)計(jì)中最直接的視覺體現(xiàn)，讀者點(diǎn)開一條公眾號(hào)推文，首先做出判斷的是圖片優(yōu)美與否。與文字相比，圖片同樣占據(jù)不可或缺的位置。圖片能夠打破視覺的單調(diào)性，如果通篇都是文字，難免會(huì)讓人覺得枯燥乏味，而通過一些配圖來調(diào)節(jié)視線，讓人不容易產(chǎn)生疲勞。同時(shí)也可以對(duì)文字內(nèi)容加以補(bǔ)充，便于讀者對(duì)文字內(nèi)容的理解和加深印象。文字、圖片、色彩三元素在制作使用時(shí)應(yīng)與主題內(nèi)容保持風(fēng)格一致，在視覺上三元素既要做到相互統(tǒng)一，又要保留各元素的特點(diǎn)，在常態(tài)中尋求新的突破點(diǎn)，以此形成一個(gè)完整、獨(dú)特的排版設(shè)計(jì)。

根據(jù)以往“微故宮”發(fā)布的推文，圖片大致可以分為以下幾類：

1）文物圖片在使用時(shí)，會(huì)出現(xiàn)如下幾種情況，根據(jù)不同的問題，在制作中采用不同的解決方法：

一是文物灰暗，對(duì)這類文物圖片就要進(jìn)行簡(jiǎn)單的調(diào)色。通過調(diào)整圖片的色相飽和度、曝光度、色階、亮度以及對(duì)比度等使文物看起來更加明亮且更具有視覺感。

二是文物圖片背景過于復(fù)雜。文物圖片由于拍攝時(shí)間的不同，在背景、色彩呈現(xiàn)上都存在一些差異。不同的文物會(huì)出現(xiàn)不同的背景色、文物色彩飽和度、亮度等各有不同，同一類型的文物也會(huì)有深淺不一的背景。由于公眾號(hào)平臺(tái)在顯示時(shí)處于白色背景中，同一篇推文中，涉及到多種類型的文物或是同一類型文物不同樣式的，為了使得推文整體看起來和諧統(tǒng)一，會(huì)根據(jù)制作需求統(tǒng)一文物背景或是通過摳取文物，讓其置于白色背景上。

三是通過裁剪圖片改變文物主體的呈現(xiàn)方式。文物圖片在移動(dòng)端顯示，由于顯示的空間有限，以及考慮到讀者的閱讀方式及習(xí)慣，會(huì)通過裁剪圖片等制作手段，將豎版構(gòu)圖的文物圖片改變?yōu)闄M版構(gòu)圖。這樣既緩解了讀者在讀取大量豎版圖片帶來的疲勞感，也減少了圖片大面積占據(jù)顯示屏幕帶來的視覺壓迫感。

2）美景、展廳類的圖片：對(duì)于這類圖片，一般需要修正圖上的斑點(diǎn)、影響構(gòu)圖的物體、裁切構(gòu)圖中多余的部分。

3）特殊圖片：這類圖片首先需要根據(jù)推文文字內(nèi)容確定制作風(fēng)格及方向，并對(duì)最終想要達(dá)到的效果有初步的設(shè)想，以此方便接下來的制作。特殊圖片制作大致也可以分為幾類：

一是手繪類，主要以手繪插畫為主，這類的特殊圖片需要在原有文物圖片的基礎(chǔ)上或是其他圖片的基礎(chǔ)上，通過摳圖或是增加一些手繪內(nèi)容，以這種輕松的形式，讓圖片及整篇推文變得更加生動(dòng)有趣，內(nèi)容更加吸引。

例如2018年推送的一篇名為“紫禁城神獸保暖手帳”（圖1），就是對(duì)一些建筑采用摳圖的形式，根據(jù)文章內(nèi)容繪制與“保暖”相關(guān)的元素，將手繪與建筑二次結(jié)合，以此來增加整篇推文的趣味性。

二是裝飾性圖片，用與推送內(nèi)容相關(guān)的文物圖片中的一些細(xì)節(jié)，經(jīng)過摳圖以及二次創(chuàng)作，用來裝飾文章標(biāo)題或是用在某段文字之前或之后，以此來增加美觀性（圖2）。

三是局部圖片，圖片根據(jù)推文內(nèi)容進(jìn)行制作，文字內(nèi)容涉及到文物的細(xì)節(jié)部分，就需要單獨(dú)制作一個(gè)局部，使得圖文對(duì)應(yīng)，讓讀者可以進(jìn)行更深入的了解，做到文化知識(shí)傳播。在制作局部圖片時(shí)，充分利用文物的屬性，例如繪畫類文物，在展示文物的同時(shí)也可以增加視覺效果（圖3）。

四是長(zhǎng)圖文，除了單獨(dú)制作圖片外，還可以根據(jù)圖文內(nèi)容將其制作為長(zhǎng)圖。例如2017年3月16日“浴火重光——來自阿富汗國(guó)家博物館的寶藏”展覽的推送（圖4），展品以金色為主，如果按照以往的圖片制作方式，一是將文物摳取出來，設(shè)計(jì)師制作量過大且達(dá)不到最佳展示效果。二是黑色背景比白色或是其他顏色背景更容易凸顯金屬的屬性。所以整體制作利用展品原有黑色背景，通過調(diào)整文字的布局，形成一篇長(zhǎng)圖推文。而且展品除了作展示外還可以用來做些排版的裝飾。

五是推文背景：借助第三方編輯器，實(shí)現(xiàn)了可以更換微信推文背景圖。由原來的微信公眾平臺(tái)單一的白色，可以根據(jù)推文內(nèi)容及主題，選擇合適的顏色或者圖片作為背景。

4）二維碼：二維碼位于整篇推文結(jié)尾的部分，其作用一是在視覺上提醒讀者此篇推文已完結(jié)；二是使未關(guān)注公眾號(hào)的讀者通過識(shí)別二維碼可快速關(guān)注，不需要看完整篇文章再返回推文最頂端關(guān)注。而二維碼的設(shè)計(jì)風(fēng)格也應(yīng)與公眾號(hào)的整體定位保持一致，以 “微故宮”舉例，二維碼采用宮殿建筑形式為設(shè)計(jì)理念，既達(dá)到美觀的效果，也符合故宮的整體形象。

5）推文封面圖的制作：除了文章內(nèi)的配圖外，封面圖的制作也是尤為重要。它代表的是讀者對(duì)這篇推文的第一印象，也是讀者最直接的獲取信息的方式。所以“微故宮”封面圖突出了如下幾個(gè)特點(diǎn)：

一是直擊文章主題，將文中所要傳達(dá)的內(nèi)容直接在封面圖里體現(xiàn)出來。

二是在視覺上有沖擊力吸引讀者的目光。

三是推送中含有多篇文章，封面圖在制作過程中可通過顏色或表現(xiàn)形式做相應(yīng)的聯(lián)系和呼應(yīng)（圖5）。

4 第三方微信編輯器的使用

除了上述在文字、圖片上做些排版、美化外，還可以借助第三方排版編輯器。編輯器中含有多類型的模板可以供設(shè)計(jì)師使用，在美化推文版面的同時(shí)也可以適當(dāng)?shù)販p輕設(shè)計(jì)師的制作壓力。現(xiàn)下網(wǎng)上出現(xiàn)各種各樣的微信編輯器，如135編輯器、秀米編輯器等。而在推文中使用這些好看的模板時(shí)，也要避免一些問題：

一要善于運(yùn)用。第三方編輯器里會(huì)針對(duì)圖文排版有各種模板分類，比如標(biāo)題模板、圖片模板、分割線等。設(shè)計(jì)師在排版中可以根據(jù)要排版內(nèi)容的標(biāo)題、正文、圖片等進(jìn)行選擇與公眾號(hào)定位相符合的模板，“微故宮”一般采用簡(jiǎn)單有設(shè)計(jì)感且與推文內(nèi)容相契合的模板。

二要謹(jǐn)慎使用。不是通篇推文都使用模板就可以達(dá)到最佳效果，過多使用反而會(huì)使整篇推文凌亂，主題不夠突出，少了獨(dú)有的個(gè)性，也影響視覺效果。

5 結(jié)語(yǔ)

圖文作為公眾號(hào)的主要視覺呈現(xiàn)，在制作中沒有特定的表現(xiàn)形式及制作方法，但要與推文的內(nèi)容在風(fēng)格上保持一致，并且要符合公眾號(hào)整體定位。在這基礎(chǔ)上，充分利用公眾號(hào)的特性，適當(dāng)?shù)卦黾踊?dòng)，調(diào)動(dòng)讀者的積極性，更好地提升用戶的閱讀體驗(yàn)。在今后隨著公眾平臺(tái)、第三方編輯器的不斷更新和完善，圖文制作也將會(huì)實(shí)現(xiàn)技術(shù)和藝術(shù)上的轉(zhuǎn)變和突破。

參考文獻(xiàn)

[1]魯啟賢.淺談版式設(shè)計(jì)在平面設(shè)計(jì)中的運(yùn)用[J].明日風(fēng)尚，2019（9）：10.