微信公众平台推送消息的视觉流程设计

崔 雨 （合肥工业大学 建筑与艺术学院 230009）

微信公众平台推送消息的视觉流程设计

崔 雨 （合肥工业大学 建筑与艺术学院 230009）

基于视觉流程设计的而根本目的是为了实现公众号消息的更佳视觉效果和更高效的传递效率，就其原理和若干原则进行探讨，提出视觉流程设计应当与人的认识过程、思维逻辑顺序保持一致；符合信息主次关系，并从元素、流程、策划、展示几个方面提出流程设计的原则。给出了视觉流程设计在微信公众平台推送消息中具有重要作用的结论，希望实现推送消息中视觉流程设计的发展，以促进其价值实现。

视觉流程；微信公众平台；微信公众号；视觉元素；设计

一、微信公众平台与视觉流程设计

“微信”其中的一个重要组成部分——“微信公众平台”被我们所熟知，是现下普及度极高的实时通讯社交媒体。微信公众平台是“一对多”形式的传播各类信息资讯的新型媒体平台；大量的个人或团体在平台上申请应用账号向受众推送消息讯息，即是微信公众号的工作。微信公众号的所推送的消息中视觉设计质量良莠不齐，产生了许多排版混乱、视觉要素层次不清晰不符合视觉习惯、审美低下的公众号消息，会导致消息受众视觉疲劳、消息接收率不高，甚至是引发对公众号的负面印象。

所以，微信公众号推送消息时在视觉方面需要根据视觉流程的原理原则进行设计。由于视觉流程是具有一定的规律性和普遍性，在微信公众平台上运用此原理法则能够使得设计要素更符合视觉习惯，提高消息接收效率，从而更好地实现平台与受众的沟通交流。

二、视觉流程原理

人类的生理和心理决定了，当面对一个版面时视线并不是任何部分都能同时观察，只而是停留在一个焦点处。一般来说，人的视线在一个版面中会有一个比较固定的浏览模式：从左到右，从上至下，由左上向右下呈下滑弧线流动；从动到静；从明到暗。所以版面的上部分和左上部分往往是观看的重点，也被称为最佳视阈区。不同的视阈区得到的观看注意力不同，给受众的心理感受也不同：上部给人以高昂、积极、轻快的感受；下部给人以压抑、限制、沉重、稳定的感受；左边给人以舒展、自由的感觉；右边则是局限、紧凑、庄重的印象。

好的视觉流程应当符合以下几个程序：

（1）与人的认识过程的心理顺序和思维发展的逻辑顺序一致

认识过程往往是先感性后理性的顺序，由图形图像所提供的视觉信息比文字具有更强的直观性。所以，微信公众平台上推送消息会以图形图像作为视觉中心，比起单一文字的消息更容易被人接受。思维的逻辑顺序，是指用概念的演化、发展过程反映客观事物运动发展的过程，微信公众号进行消息推送时，需要注意整体结构，促使各类视觉要素之间保持内在联系。

（2）符合信息的主次要求

根据信息传达的目的进行流程设计，保证突出主要信息。微信公众平台中信息类型繁多，在信息的形式上进行逻辑的传达是有效手段。形式上的逻辑传达是指将不同的符号、形态、色彩等元素，按照信息主次关系，依据形式法则进行安排，使其具备视觉秩序。公众号的消息中并不是为了装饰效果才使用分割线条，而是把它作为功能因素来引导受众的视觉流程。

三、视觉流程设计的基本法则

微信公众平台上所推送的消息实际上是对各种视觉要素的组合和编排。只有能够成功引导受众的视线，以科学合理、高效有序地方式进行各种视觉要素地接收和信息处理加工才是成功的视觉流程设计。

（1）视觉元素的明确性

点线面的排列组合构成了屏幕上的画面。尽管屏幕的尺寸一定程度上局限了推送消息的版面大小，但是微信公众平台推送的任何一条消息中，各类视觉元素都需要明确直观地被展现出来，才能被受众的视线所捕捉，提高可读性。此外符合视觉流程的点线面排列组合需要具有节奏感和空间感。图1a（图片摘自公众号吉良先生的《变形金刚男生》）的这个推送画面中，采用单一的点元素且元素拥挤缺乏节奏感，使受众难以在第一时间捕捉到最重要的信息，明确性下降同时也会造成视觉的疲劳。图1b（图片摘自公众号吵豆芽的《奇遇（一）》）的推送消息视觉元素有点有线有面且元素之间使用了较大的间距，具有空间感和节奏感，产生了“留白”的效果，受众可以短时间快速捕捉信息，元素明确可读性高，信息传达效果较好。在具体流程设计中，公众号消息的内容需要有主次差别，字体字号恰当、图片清晰震撼、装饰不能喧宾夺主，注意留出适宜的空间间隙。

（2）视觉流程的逻辑性

一方面，如上文所提及受众对面推送的消息在观看时具有固定的浏览模式即逻辑性。顺畅的科学的逻辑性使得浏览顺畅高效，不符合逻辑的视觉流程使得观看吃力甚至产生浏览抵触。另一方面，浏览模式不是一成不变的，逻辑性可以通过一些手段加以引导产生新的流程方式。图2（图片摘自公众号前线的《只有艺术是永远真实的，他真来了…》，太阳图片上一行的文字和宇航员为动态图片）中作为动态展示和处于最佳视阈区的动态图片往往首先被受众捕捉，按照流程的逻辑性，下一步受众的视线会以从上向下的顺序进行浏览。但是，设计师采用了箭头这个视觉符号进行暗示，引导受众的视线向上流动，从而达到加强此公众号名称印象的目的。而在屏幕的下部采用了红色尖角向下的三角形再次进行视觉引导。第一次的引导暗示，是对传统浏览逻辑的逆向，第二次的引导却是对逻辑性的加强。

优秀的视觉流程设计如同一条无形的脉络，既符合生理心理习惯且能够将视觉元素主次强弱区分，融会贯通后最终达到信息接收率高传达效果好的目的。

（3）视觉策划的全局性

视觉流程设计不是简单孤立的浏览观看顺序的设计，需要准确定位，把握全局，总体构思，对每个视觉元素进行符合战略策略的设计。图3a（图片摘自公众号良仓）是这个公众号推送几条不同消息。前面几条推送一般是时尚、家居以及设计等方面的图文，最后一条往往是良仓在售新品的图文并且可以直接APP跳转购买，如图3b（图片摘自公众号良仓的《JIC0N磁今，质感之诗》）。良仓在官网和APP上本质都是售卖产品的平台，而在作为微信公众平台的良仓目的很明确：传播生活美学，以及实现生活产品的宣传和购买。没有将产品宣传购买放在传达效果更好的视阈区，这是由良仓公众号的全局定位所决定：公众号不同于APP并不适宜作为一个主要的销售平台，更适合理念态度的宣传灌输，从而间接影响受众的购买。所以我们可以看到阅读量最多的推送基本都是时尚家居类的图文。

策划的全局性会直接影响流程的设计和视觉元素的编排，只有总体的筹划如准确的定位、独特的形式语言、连贯的设计风格才能最大限度发挥出微信公众平台的传达优势。

（4）视觉展示的个别性

视觉设计流程既是科学理性的设计，也需要非创意表达形成独特的视觉效果形式，在长期的观看积累作用下给受众留下固定的、明显区别与其他公众号的个性与风格特征。图4（图片摘自公众号灵魂有香气的女子）中推送的消息来自同一个微信公众号，无论图片或者文字都都以固定的红、绿二色为主，形成了具有个性的视觉形式。这种手法如同企业VI设计会采用固定的标准色，在视觉流动的过程中给受众不断重复这样的标准色，才能进行个性展示、强化印象。

在视觉流程设计中，墨守成规没有独特的风格会让受众难以产生观看情绪或者是信息传达效率差。而好的流程展示，使得受众不仅获取信息，还能产生感官的美感和精神上的享受。

四、结语

公众平台上推送的消息既具有现在新媒体的新的视觉特征和传播方式，也保持着传统媒体在视觉表现上的共性。利用好视觉流程设计的原理原则，对消息从元素、流程、策略、展示等各方面进行规划和安排，实现更好地视觉效果和观看体验，便能在激烈的微信公众号竞争中赢得更多拥趸。

[1]方新普，陆峰，孟梅林.视觉流程设计[M].合肥工业大学出版社，2004.

[2]周知.广告设计构成要素中视觉流程规律的把握与运用[J].湘潭师范学院学报（社会科学版），2005（06）.