解析网页设计中的专题氛围设计

《ideas》是腾讯互动娱乐系统设计团队TGideas针对各类游戏的视觉包装设计所输出的适用性研究期刊，希望与大家分享相关经验，以及游戏类课题的交流。

本期作者：Ggao、Zaneye

专题的氛围是必须的

By Zaneye

曾几何时，自己苦思冥想自认为集艺术与创意于一体的作品出炉了，却被需求方一口否绝!其实很大的原因是因为我们的设计思路跟需求方的想法方向上是不一致的，没有表达出他们想要的意境，也就是所谓的活动气氛，人家要喜庆你搞个很有艺术感的大灰调，要么就是页面过于平淡，人家一再要求你放大标题字，放大人物，其实那是因为页面缺乏视觉冲击力，少了点气势，少了点氛围。有时可能你觉得自己做得非常不错，自我很欣赏，但做设计并不能像放屁，自己觉得很爽，却熏倒周围一大片。我们不能只做自己喜欢的设计，商业设计也不只是纯艺术!

对于需求方一再强调的活动气氛，设计师应该如何去营造呢?

1、有个明确的活动标题!

沟通是必须的，了解并明确需求方的意图!确定主题方向，首先你得有个让玩家一眼就看得明白的大大的主题，千万别干把主题文字做得很小的事!可能你觉得那样看起来比较美观，但玩家看的挺揪心。

如上图所示，标题的凸显是一个活动专题页面的点睛之笔，一个有气势的标题能衬起整个专题的气氛，主标题一般都简短精辟，概括了整个活动的专题商业诉求。副标题一般是起解释说明的作用，描述该活动的利益点。所以在视觉处理上标题是要重点刻画的，将其拆分做一些形状、色彩、大小、字体、质感、排版的变化和突破是必不可少的。玩家善于扫描，且勤于扫描，却不勤于思考，且对小于24号的文字都是视而不见的。所以一定要让大标题吸引注玩家，让玩家感兴趣，才会去看那些小于24号的文字。

2、选用合适的素材及元素，点缀活动气氛

节日要有节日的元素，比赛要有比赛的元素。圆形和其它几何图形比较，具有圆滑的特点，让人感觉轻松、愉悦，合理的运用会提高页面的层次，让焦点更加突出，增强视觉感的同时也能够营造活跃的氛围。但记得要使用加减法，不能乱堆一通，点到为止即可。

上面图1只是用了冠军杯作为主要元素去营造一种比赛气氛，素材并不新颖，但出来的效果却令人相当震撼。图2的素材是非常给力，所以营造的那种周年庆的气氛也十分犀利。玩家可能不用看文字就能明白这两个页面是干嘛的。毕竟图形比文字能更快速更有效的传达信息。

3、用合理的色调营造意境，设计有灵魂的作品

通俗点地说就是该喜庆的得喜庆，该火爆的还是得火爆，但这火候是掌在设计师手中的，当需求方给了个很山寨很暴力的页面给你参考时，你得明白，这是他想要的气氛，但不一定是他想要的画面，我们是设计师，不是美工，美工与设计师的区别其实跟裁缝与服装设计师的区别是一样一样的，这个你懂的。

何谓有灵魂的作品，请看下面几个作品：

非常简单的素材，却营造出了扣人心弦的气氛，就像画面里有个故事，有个影像，让玩家如同身临其境，陷入其中，完全抓住了玩家的眼球。其实这些作品无非是找到适合的元素，辅以合理统一的色调，运用眩光/实体/手绘/虚幻空间/平面构成等表现手法给玩家设计一个完美的陷阱，套住他们的心。

营造专题活动气氛并不只是火/爆/热

这种过火过爆过热的专题活动，不仅会让玩家感到不适，还会使游戏的品牌形象受损。

下面我们看一组对比：

通过对比，左边的专题页面总让人感觉少了些什么。那便是气势和气氛。

也许有点气氛却总让人想起街边小广告，简陋，设计缺少一些思考，缺少一些灵魂，像是拼图式的设计。气氛并不是你堆一堆东西上去就叫有气氛的，抛开可用性、易用性、识别性、安全性等不管，单是美观上就有些欠佳。游戏专题/线上活动可以说是游戏品牌推广最常见的手段，如何去了解并掌握用户心理，继而设计出紧扣玩家心弦的专题，即是我们一直在追求的。