视觉设计：CST法则

CST法则是以“视觉影响感知，感知影响行为”为基础理念，以“抓住感知（Catch）、强化兴趣（Strengthen）、触发行为（Trigger）”为核心内容的产品设计方法。同时，CST法则也是一种可以影响用户行为的视觉设计方法。

完整的视觉设计一般分为以下三个步骤。

·“视觉元素设计”由产品经理完成，决定了界面需要呈现的元素。

·“交互设计”由产品经理或交互设计师完成，决定了元素的呈现方式。

·“UI设计”由设计师完成，决定了产品是否美观，也是产品最终的“颜值”。

CST法则是产品经理需要掌握的、用来完成“视觉元素设计”的方法。该法则主张通过视觉元素设计达到对用户的视觉进行干预的目的，进而影响用户的行为。

感知、兴趣和行为是可以通过视觉元素设计进行干预和强化的。

在“无感知”的情况下，增加具有感知强化作用的视觉元素，让用户感知到功能的存在，便可以减少因为“无感知”导致的用户“流失”。

在用户“无兴趣”的情况下，增加具有兴趣强化作用的视觉元素，让用户感兴趣，便可以减少因为“无兴趣”导致的用户“流失”。

在用户感到“高成本操作”的情况下，增加具有行为导向作用的视觉元素，告知用户操作方式，便可以减少因为“高成本操作”导致的用户“流失”。

用户的感知、兴趣、行为都会受到视觉元素的影响，图片比文字更容易被感知，动画又比图片更容易被感知。通过对视觉元素的设计，就能起到“抓住感知、强化兴趣、触发行为”的作用，这相当于在两种可能性之间增加了变量，通过视觉元素的增加或减少，影响最终的结果。

实　　例

有一款旅游社区产品，日活跃用户超过1 000万名，该产品推出了拼车出行的新业务，鼓励用户拼车接送机、旅游。为了推广这项业务，高层领导在首页给新业务分配了一个长期的广告位，这个位置每天都有超过1 000万名用户曝光，广告内容则由新业务团队自主负责。

以下是一位产品经理提供的广告图片的原型设计方案，该方案上线后，效果并不理想，点击率很低。

现在，团队负责人将广告图设计的任务交给了你，希望你的设计方案能提升点击率，让更多的用户从首页进入新业务，但只允许增加一个视觉元素，并且不能改变原有的元素，也不能更改文案。你会增加什么样的视觉元素，让点击率提升呢？

抓住感知

在广告图中增加具有强化感知作用的视觉元素，这类元素也称“共鸣元素”，可以让用户更容易感知到这张广告图的存在。

图片总是比文字更容易抓住人们的感知，这样可以避免一部分有需求的用户因为不知晓该功能的存在而“流失”。

强化兴趣

具有兴趣强化作用的视觉元素也称“吸引力元素”，是对广告内容的一种补充，对用户有额外的吸引力。

同样是拼车，有的用户对目的地感兴趣，有的用户则对价格更加敏感，可以尝试使用一些辅助元素对用户的兴趣进行强化，让广告的受众面积更大一些，能够覆盖更多用户。

触发行为

具有行为导向作用的视觉元素也称“行为导向元素”，能够引导用户进行操作，也能够暗示用户产生行为。

一些复杂、不太清晰的操作，若给用户明确的指引，就可以缩短用户的思考时间，使其能够在产生兴趣的第一时间触发行为。

CST法则的应用

CST法则是一套产品视觉设计方法，只要调整呈现出来的视觉元素就可以影响用户行为。应用CST法则时可以分成三个环节：借助共鸣元素，抓住用户的感知；借助吸引力元素，强化用户的兴趣；借助行为导向元素，触发用户的行为。

为了更好地掌握这套方法，下面分别探讨一下这三个环节。