豎屏時代微信的圖文編排如何脫穎而出

夏文

摘 要 微信這種基于移動客戶端的應用，它如傳統媒體一樣，都是以視覺傳達為主要表現形式，但不同的是它又增加了一定的聽覺和觸覺的體驗功能，使設計內容變得更加豐富。如何在微信平臺中涌現的大量訂閱號、服務號中脫穎而出，吸引更多的閱讀者？從視覺語言的視角出發，筆者通過一定的工作實踐，以及對一些人氣公眾號設計的觀察，根據美學規律探究微信頁面設計的原則和方法，總結了一些適用于豎屏文圖編排的心得體會，在這里與大家進行一個分享與探討，希望以此制作出更符合大眾需求的微信頁面。

關鍵詞 微信頁面設計；豎屏的視覺；語言傳達

中圖分類號 G2 文獻標識碼 A 文章編號 1674-6708（2017）182-0076-02

如今這種以手機作為主要載體的新媒體信息表現形式，被形象的稱之為豎屏時代的設計語言，我通過一定的工作實踐，并結合列舉一些有相當影響力的微信公眾號的版式設計語言表達，總結了一些個人在微信頁面編排中的心得體會，下面與大家進行一個分享與探討。

1 標題編寫語言需精煉且引人思考

好的標題是提高閱讀的一個首要動力。相信各位小編每次都會耗費很大的精力去取一個能夠快速吸睛的標題。首先，標題要體現整篇文章的中心或帶有懸念引人思考和關注。其次，標題的字數最好控制在13個字以內，語言一定要精煉。

2 微信封面題圖需突顯主題、美觀吸睛，符合微信編輯要求的尺寸也很重要

想要文章閱讀量高，封面題圖是至關重要的，配合標題內容，選擇清晰、簡潔并符合文章特色的封面圖對一個美編來說，也是需要花些時間的。

封面圖的尺寸也是不隨便選擇的，一般頭條封面圖尺寸是900×500像素，次條封面圖尺寸為200×200像素。如果一次發的內容條數較多且為一個系列內容的，還可利用封面小圖做文字排列的設計，即突顯了系列性也達到吸睛的效果。

3 如何讓內頁編排在豎屏上賞心悅目、具有風格特色

由于微信頁面基于手機載體，主要以豎屏滑動的方式進行瀏覽，受手機屏幕大小的限制，內頁設計時一般多為長圖，每屏的設計語言更要求準確精煉，由文字、圖片（靜態或動態）、音頻、視頻元素、公眾號推薦二維碼等幾大元素構成，具體內頁編排的規律我根據以往制作的經驗總結了如下幾點，供大家參考。

1）分級小標題要突出，能夠迅速抓人眼球！標題字號可以選擇大些如20px，或者選擇一些美觀的背景款式來修飾突顯小標題。另外，現在有不少網絡平臺提供了多種第三方微信編輯器，它們的使用也大大方便了日常微信頁面的編輯排版，其中有很多標題樣式可供選擇，大大提高了日常編排的效率，且便于文字修改。

2）正文字號設為16px應用較廣。正文字號最好在14-18px，我們一般在編排圖文時，正文字號大都選擇16px，比較有文藝氣息的文章字號可以選擇小一點，比如（12-14px）。

3）內頁段落劃分易不超3部分。文章段落的劃分也盡量不要超過3大部分，太長會讓受眾感到視覺疲勞，失去閱讀耐心。且正文每一段之間都要空一行，文字和圖片之間也都最好空一行，這樣會減少讀者的閱讀壓力。

4）段落字數最好為140字以內。每段文字內容盡量控制在140個漢字。這是有科學依據的，人腦每次處理信息有限，最多140個英文字符，國人就約合140個漢字，新浪微博也是這樣限制微博文字的。

5）文字行間距一般選用1.5倍。行間距會提高整篇文章的閱讀體驗，會讓文章看起來更美，一般行間距在1.5～1.75倍。小于1.5倍的段落看起來會很擁擠，沒有美感，大于1.75倍的行距則是要讓觀眾做手指運動的節奏，因為要一直翻屏才能看全，容易讓人失去閱讀的耐心。

6）正文篇幅需精煉。正文篇幅最好不要超過手機兩到三屏，如果整體文字內容較多，除了加入美圖分隔外，還可以穿插一些分段小符號或小動圖增加閱讀文字的趣味性。

7）復制過來的文字內容，在微信后臺編排時一定要清除樣式后再排版。因為從其他地方如word或網頁等貼入微信后臺編輯器的文字都會保留已經定義過的字體、大小、粗細、色彩等信息，我們在進行編輯排版前必須——清除樣式。方法：在微信編輯后臺選中貼入文字，點擊微信編輯框上的清除格式按鈕。否則，你看到后臺的樣式和在手機屏幕上顯示的結果會不同。

8）微信制作對圖片的要求和傳統紙媒平面設計圖的區別總結如下。微信界面設計中圖形圖像顯示的分辨率只需適用顯示器屏幕的72或96像素即可，而傳統的彩色印刷品設計圖則需要300像素的分辨率。

手機作為微信內容瀏覽的主要載體，圖片等元素需要通過網絡下載顯示，通常為了避免耗費過多的網絡流量、下載速度過長、顯示速度過慢的問題，微信編輯平臺也規定上傳圖片大小不能超過5M，注意這是圖片能夠上傳的最大值。如果人們打開微信頁面后，等待圖片顯示時間超過10s，一般很多人就會失去耐心不再等待。所以，編排時一定要注意控制圖片大小。

9）色彩作為構成微信頁面的主要元素之一，它的情緒表達及其合理運用，在微信頁面的設計中也起著相當重要的作用。色彩搭配是一門學問，好的色彩搭配既可以突出頁面主題，表達設計意圖，又可以讓瀏覽者產生貼切的心理感受，更好地理解頁面內容，從而讓受眾對頁面傳達的信息留下深刻印象。

（1）與微信主題相協調，整體和諧統一，局部對比變化。微信頁面中，色彩的應用要使文字、圖片相協調，在充分表達主題的前提下，要保證整體風格的一致。首先要確定主色和輔色，主色的使用要盡量和主題內容相匹配，并且能夠傳達一定的思想情感。在主色的使用上要統一和諧，給瀏覽者以層次分明、主題清晰的印象，使頁面有更好的可讀性和導向性。而輔色可以起到緩沖、強調的作用，可以使用互補色進行處理，既突出了部分重點內容，又可以使整個頁面富有節奏變化、更加立體生動，達到一種視覺平衡。內頁中除了圖片，正文全部顏色最好不要超過三種。

（2）在制作過程中要從微信觀眾群體的角度出發，充分考慮受眾的心理需求根據主題內容，確定不同的受眾群體，采用不同的色彩設計方案，可以使微信頁面更具有針對性和代表性。并且，在設計時應注意從瀏覽者角度出發，使用便于受眾用手機屏幕閱讀的色彩，避免過于刺目，造成閱讀障礙。

總之，不同的色彩可以給人帶來不同的心理感受。在設計的過程中，通過色彩的應用，能夠更好地表達微信頁面內容，傳遞思想情感，幫助瀏覽者更好地閱讀理解主題內容。一篇好的微文需要好的版面設計來體現，合理的色彩運用，精美的圖文編排，會給人們帶來一定的視覺享受，形成一定的風格特色，從而吸引更多的人群關注。

4 結論

以上是筆者在微信頁面設計的實踐中，總結的一些心得體會，然而現實生活中，人們的審美各有差異，設計也不是一成不變的，掌握一定的視覺表達規律及法則固然重要，但也不能為之所困。設計還需緊跟時代，從實際出發，隨機應變，推陳出新，不斷探索，勇于嘗試。任何載體的變化，技術的更新都只是手段，信息傳遞的最終目標還是打動人心、引起共鳴，我們仍需不斷在實踐中繼續探索與感悟。

參考文獻

[1]蘭嵐.基于網頁界面視覺藝術元素的分析與研究[J].湖南大學學報，2009.

[2]吳方.網頁的色彩設計思考[J].江蘇開放大學學報，2002，13（6）：68-69.