TGideas

《ideas》第二期

In ideas

on 2011-08-28 08:00:00

by ideas

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

1. 少些质感，多些版式

By Ggao

你是否有过，为越来越同质化的标题渐变，质感而苦恼吗？设计是否就是每天叠素材？随着越来越多平面韩国网页的出现，我们或许可以变个思路，少些质感，特效。多些设计感。

01.对于设计师

01-1   You can’t design without type

“You can’t design without type. ”

这是我很喜欢的一句话，设计应该设计什么？当没有光效质感，原画素材的时候。你怎么能快速么处理你的页面，让你的页面看起来还不错。
来一些文字的穿插组合，就可以。

如图:

01-2. 网页设计与平面设计没有不可逾越的鸿沟

上面的几个例子，可能你感觉过于平面。日常商业应用里可能不适合，但他们的精髓是一样的，优点是能被分析与复制的。我们来看些这类风格的活动页面。主要讲究的也是平面的点线面组合。

主要表现在文字大小的组合，粗细的对比，与整体页面划分的形式感上。

02.对于产品

只是设计师的个人小情结？强调版式与设计感能为我们的产品带来些什么？

在充斥着金黄的大字渐变，火焰爆炸效果，红黄色背景的国内大环境下，这样强调页面版式与布局能带来些什么？

02-1 让你的产品看上去更专业，国际化

我们对于所有产品的形容词总是大气，上流。但真正做到这一点的并不多，特别是当二者同时出现的时候，你能更明显的看出那个更专业，哪个更山寨。

如图:2-1 与 图2-2

02-2 更明确的主体，与可控的视觉焦点

同样是以上两个例子。图2-1有明确的视觉中心，几乎每个玩家打开网页后，都会被长条广告吸引。相比之下图2-2就是一盘散沙，广告位再多，也不知道重点。

02-3 相比质感流能有更稳定的品质保证与更少的修改成本

版式在页面多数以块来体现，没有很多效果，修改文字后，页面效果也不会受其影响，修改时间也很快。质感流，素材流就需要重新制作，花费时间长。对于紧急修改，时间的不到保证的情况下，质量也很难得到保证。

当然每个产品定位可能不一样，不存在绝对的好与坏。我们给出的更多是面对中高端，稳定且快速的一种视觉包装解决方案。

2. 专题的氛围是必须的

By Zaneye

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

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

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

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

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

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

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

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

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

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

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

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

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

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

下面我们看一组对比：

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

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