视觉设计期刊《ideas》No.2

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

《ideas》是腾讯互动娱乐系统设计团队TGideas针对各类游戏的视觉包装设计所输出的适用性研究期刊，希望与大家分享相关经验，以及游戏类课题的交流。
查看《ideas》所有期刊。
本期作者：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、用合理的色调营造意境，设计有灵魂的作品

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

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

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

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

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

下面我们看一组对比：

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

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

本文来自TGideas，原文地址：查看