在UI设计师的工作中，主要是负责界面的交互逻辑与视觉呈现，而这里的视觉展示是需要根据整个产品的视觉规范来进行设计。作为UI设计师，有时也需要接触一些运营活动和Banner的设计，这次就有这样一个活动项目需要我来参与其中的活动H5页面设计。而在此次项目的参与中，听到运营方给界面提的问题最多的就是“需要再增加点营销的气氛”，相信这对于大多数的设计师来说，这是很模棱两可的回答，因此，在这里想以这个项目为例，跟大家探讨下运营口中的“营销气氛”到底是什么？
背景：17年的5月份是黄金超级月，因此在这个月份前需要做一些宣传活动，吸引用户来开户。
内容：主题定为《三“胖”轮番轰炸，金银剑指何方？》，三“胖”指的是5月份的三个大事件。
设计最初想法：根据主题内容，这次的设计风格走卡通风形式，把三“胖”用三个胖胖的卡通人物来贯穿整个活动。因此有了第一套页面，如下图：
第一版活动页面
运营看到后，给到的反馈是：缺少营销气氛！
What？营销气氛？他们所谓的营销气氛是啥？
于是乎，找来运营，面对面交流：你们所谓的“营销气氛”是啥？他们啥也没说（因为自己也说不清），甩来几张图，像这样
这样
我继续一脸懵B。。
好吧，我尝试着用我自己的理解向这方面靠拢，一套一套的飞机稿飞过，不过，最后总算达到了他们的要求，于是有了下面这套页面，如下图：
第N版活动页面
他们看后反馈：对！对！对！好多了！就是这种气氛！
我长舒了一口气，因为终于赶限定时间内完成了这一套页面。
但我相信，很多设计师也会跟我一样，很想把这些所谓的“营销气氛”具体化，也转化成我们看的懂的文字，下面我以我的理解来总结下。
【1】�Banner上的构图
一般的活动主题有纯文字的，也有图文结合的，构图常见的有以下几种：左字右图、左图右字、左中右构图、上下构图、文字作为主体居中、不规则构图。
而这些构图都需要突出内容重点，给用户最直观的视觉冲击，在主题活动上要多做效果，体现冲击力。淘宝上有很多好的例子。
淘宝上的Banner
【2】突出字体
字体在活动页面中表现出来的作用无可替代，因为字体的气质和样式以及画质直接决定了这个活动的主题设计的好坏。如果字体设计的很难看，那整个冲击力在用户心中都会大打折扣。因此，在选择字体上面，普遍采用宋体和黑体两种字体做基础，然后在字体上面做变形。
主体字体的变形
【3】细节也需要考虑到效果
在主要的Banner上面做了效果，突出了主题，在整体的页面也要考虑到细节的处理。拿我这个项目的尾页来做一个参考，如下图：
在这里打眼一看，两张效果都差不多，但细一看，右边的页面还是做了一些可视化的传达。
1.金币冲破了banner，与内容也有了一个好的交互。
2.背景内容“股往金来，黄金正当时！”也增加了一些效果，体现出黄金的闪闪。
3.最大的改动还是对话框的效果。对话框是占内容比例最大的部分，这里的细节增加了，让整个页面也附有了灵动性，也增加了卡通趣味性。
总结：
说了这些具体的小点，而要表达出运营口中的“营销气氛”，其实也就是一个视觉营销的转化路径：
因此，一个好的“营销气氛”的设计是能够让人瞬间产生好奇感，让用户可以被吸引，深入到这个活动中去，能将隐藏在用户心里或者根本不是用户需求的心里给激发起来，遇到具体的活动需要具体的去设计。
网友评论