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

12月 10, 2011 发表于: 视觉设计. 评论

Sponsor

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

本期作者：Rebeccayan、Pavowang

1.简约设计：以少胜多、以简胜繁

By Rebeccayan
每一个人都可以判断：简与繁、美与丑、和谐与冲突的差异，这种能力有别于知识性的思考，是一种直观的形象思维。在现今充斥着各类信息的网络世界中人们更渴望看到一种以简洁和纯净来体现功能和美感的设计，这是人们在互补意识支配下，所产生的亟欲摆脱繁琐、复杂、追求简单和自然的心理。

那么什么是简约设计？通过最精简的表现手段（最少的元素）达到最好的效果，这就是简约的设计！

> 对于产品：人们对简洁的设计记忆度和好感度高于繁杂的设计作品

我们看下面的两个示例：

图1是某游戏国服官网，图2是该游戏的韩服网站。

作为同款网游的两个引导页:

图1、首先入眼的是满篇火红，大字报式的slogan和其他广告语，以及堆砌呈现的光效素材，让人产生眼花缭乱的感觉，不知该从何看起，少了耐人寻味的游戏意境和高品质的游戏感受。

图2、昏黄的调子里由远及近的荒原古建筑，以及飞向远方的大雁，都好象刚结束了一场惨烈的战役，带给人苍凉宏大的气氛。页面中心的3个按钮和视频非常清晰的引导用户了解这款游戏，优秀的带入感让人更想静下心来体味这款游戏。

图3、图4分别是该游戏的国服官网和韩服官网。

国服官网内容包罗万象，色彩和元素俏丽多姿，难免生出花哨之感。

韩服官网则内容简洁清晰，集中展示游戏特色和玩家最需要的功能介绍等，换位思考，如果您是玩家会更倾向于哪种选择呢？

[为避免读者关注点走题，引起不必要的争执，故隐去该游戏LOGO，希望更多关注到文中所讨论的问题。——编者注]

> 产品的思考：

1、红色是否是最佳的选择？中国的传统文化喜红，游戏市场充斥着这种红火的搭配，我们是否有更贴切的颜色选择。

2、我们要告知玩家的是什么？如果所有内容都是重点也就没有了所谓重点，是否可以先梳理出清晰的诉求点？

3、推荐给玩家的这些信息是否是必须的？读图时代很少有人愿意在满篇的文字上花费更多的时间，我们应尽量控制轰炸式的信息泛滥，对内容进行优化，简约的版面和图文交互是更好的选择。

> 对于设计：通过最简约的表达手段达到最好的表达效果是设计的一个较高境界

简约设计更注重品质和细节，清除任何多余的元素和凌乱的组合，为用户带来更多好感。

简约不是简单的“堆砌”和平淡的“摆放”，而是经过深思熟虑后经过创新得出的设计和思路的延展。

从简洁、清新的风格中体现出一定的文化品位，体现出自己与众不同的思想。

表达简约时尚的感觉，需要高度的提炼和概括。强调主题，结构简约流畅，色彩对比强烈。

空间的简约，需要色彩的跳跃。苹果绿、深蓝、大红、纯黄等高纯度色彩大量运用，大胆而灵活，不单是对简约风格的遵循，也是个性的展示。

在设计工作中，对设计元素“取”得多是复杂，“舍”得多是简单，而“取舍”得恰如其分，则简洁而亲切。简约设计之所以能赋予产品或广告生命，是因为它是经过提炼，精简出来的，是主要设计因素的集合的表征，体现了产品或广告完成功能最本质的因素。

2.有素材，不设计？（游戏页面中的图形“设计”）

By Pavowang

一个设计作品的优劣跟图形品质呈明显的正比关系，这也是彰显设计师素材运用能力的一个重要方面。最终完成的设计作品中，素材选用是否贴近主题、氛围渲染是否生动、整体美术是否有视觉吸引力、图形表现的强弱是否合理烘托功能信息，都会考验设计师在商业设计中专业能力。

素材运用是一个“再设计”的过程，也是一个艺术创作的过程，网页设计尤其是专题活动类的项目，通常是“命题作文”，但项目组所提供的美术素材多数却只是设定插画，或常规渲染的游戏模型。

视觉设计师在创作“命题”设计中，需要考虑素材的契题程度、辅助性的信息传达、页面的视觉重心、整体光影角度、氛围营造（游戏代入感）等各个方面，为了最大化的体现商业价值，增添或削减美术素材的画面表现力，会有哪些处理方式呢？

> 光影重调

较常见的图形处理手段。为了营造更贴近游戏或更能体现游戏版本主题的页面环境，重新调整整体的光影效果，使之更加具有画面感染力。

上图是《战地之王》韩版的一个生化僵尸版本专题，原本的高精模在质量上还是可以的，但直接放在页面上则情景感不足，且显得十分黯淡。设计师重新设定了光源和色调，使角色更立体，最终完成的效果无论是在画面结构上的裁剪，还是皮肤质感的表现，以及生化角色与背景的配搭都具备了很强的视觉吸引力，很好的传达了这个版本的游戏信息，让人赞叹！

上图是《穿越火线》韩版的一个NANO HULK（绿巨人）专题，为了更集中的体现信息主题，设计师在绿巨人素材明暗光影处理上的深厚功力同样令人折服。（素材示意图为同批输出的游戏渲染模型）

上图是《万王之王Ⅲ》腾讯版的一个开测专题，设计师选用的原画素材色彩和细节都不算精良，在进行页面设计时，通过布置光源，重新调色，剥离图层拉开空间感，再加上对应“热血测试”主题而增添的火光血色，经过一系列强化视觉聚焦的处理后，让原本看似普通的素材十分契题，宛若新生！

图左是一张普通的砖墙素材，设计师在使用到《洛克王国》大电影的宣传专题中时，进行了明暗光影的调整，压暗了与光源较远的部分，并特别提亮局部墙砖的边缘，强化立体感，使原本朴实无华的白墙变得魔幻感十足，有力的烘托了该游戏电影的魔法主题！

> 拆分重组

为创作更贴合页面主题的场景氛围或角色造型，通常需要设计师把不太符合表现要求的素材拆骨重接或修饰延续。上图为《光线飞车》韩版专题。

上图是《QQ仙侠传》的一个新手训练营专题，为了创建一个新手的营地，增强主题传递的画面感，并使之更聚焦于中心位置的功能按钮，设计师在原本宽幅/重心偏左的“龙战”原画素材上开始组件拆分，进行移位、拼接、增添、减淡/擦除等重建过程，既拉出了左右更宽广，前后更深邃的空间，又不致干扰到最核心的功能使用。是一次有益的形式尝试。

> 素材重绘

当碰到命题相对窄狭，且无符合质量的美术素材，又希望能传达出该活动的主题信息，就需要设计师量身、量时的创作素材了。

上图是《QQ仙侠传》的愚人节专题，“武师授拳”是该专题内的一个特别活动（亦是游戏内的活动），但项目组所能提供的仅有一张武师授拳的游戏内截图，“授拳台”的精度和宽度都远不能满足页面所需，且角度不够正面，无法呈现设计师的形式构思，之后根据截图内的场景，全面鼠绘重现了该授拳台，保证了图形品质，并准确表现了该专题的主题，顺利的完成了设计稿。

> 涂鸦

在原本不够气氛营造的素材上进行或严谨或诙谐的创作也是常见的表现手法。