金沙集团官网 22

少了点空气,退换了原先的安插性思路

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

到12月1日,我来到畅游VC整半年了。作为一个网站设计师,能在这样专业的团队里工作和学习,是一段宝贵的经历。感谢领导在专业上对我的指导,同事们在工作中对我无私的帮助。经过半年大量的官网、专题、广告设计,自己也积累了一些经验,改变了以前的设计思路。非常高兴有机会能把自己的经验得失和大家聊一聊。

本期作者:Ggao、Zaneye

思路的转变

专题的氛围是必须的

在以前的工作中,我每天也会接到不同的设计需求,一般都是根据UE或文档开始堆素材,只是根据自己的审美把页面做得好看。造成的结果就是视觉关系混乱,重点不明确,传达信息不到位。

By Zaneye

做设计不是搞艺术,设计的目的是准确的传达信息给目标用户。接到一个需求后,第一步我们应该做什么呢?下面分享一下我的工作思路,首先考虑这个页面要表达什么,要达到什么目的。然后看看UE结构能不能明确表达这个问题,有什么可以优化的地方,什么样的素材更能突出这个出题,板式、色调、字体。。。在心里有一个初步的设想,这时候从重要程度做一个排序。我想这样做至少可以保证做出的成品可以达到需求目的,逻辑和层次是清晰的。

金沙集团官网 1

色彩运用问题

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

以前我的设计配色存在很大问题,色彩运用发闷、显脏、花和乱的现象严重。后来逐渐发现,问题的根源是一贯的惰性思维,开始设计之前没有动脑子想,缺乏整体规划。之前的工作中堆素材现象严重,即把需求方提供的素材先往页面上摆,再找一些光效或花纹素材叠加到上面,猛一看挺有视觉冲击力的,造成的结果就是颜色无法把握。其实这种做法出发点就是错误的,用什么样的素材应该根据页面传达信息的需要而定,不能凭个人喜好或者单纯追求某种视觉效果。形式要为内容服务,颜色也一样。

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

知道了自己的缺点以后,现在做设计之前都要动脑子想想,什么样的色调能和要传达的信息结合的更紧密。站在用户角度想问题,什么颜色能让用户看着更舒服。主色调、配色、和补色的运用都要提前心里有数。平时再多看一些优秀的专题设计作品,分析一下别人的配色。这样做出来的页面比以前的效果好很多。

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

金沙集团官网 2

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

反面案例:颜色沉闷、显脏。

金沙集团官网 3

金沙集团官网 4

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

正面案例:颜色明快、主题突出。

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

画面结构和形式

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

有时候我们习惯了策划同学提供的UE图,只是把UE线稿图形化。我也经常重复着这样的工作,后来发现效果不好。因为作为设计师,在画面结构和形象思维方面应该有更多的想象空间,毕竟页面设计是在设计师手中完成的,设计师自己更了解什么样的形式更能增加画面的表现力。当然这些要建立在对需求充分的了解上,所以我觉得在和策划同学充分沟通的前提下,按照自己的思路对UE搞做调整是非常可行的。以下是我在工作中遇到的一些例子:

金沙集团官网 5

金沙集团官网 6

金沙集团官网 7

这是一个活动汇总页,如果按UE的板式设计会显得有些死板,人物和标题、按钮之间缺乏关系。需求方提供了一个人物素材,质量不高,个人觉得人物动态也不太适合这个专题。

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

金沙集团官网 8

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

经过和需求方的讨论,换了真实人物,增强页面的冲击力。板式做了变化,使标题人物和按钮结合的更紧密。色调上和刀剑新官网保持一致(需求方要求,个人认为如果换成红色的喜庆色调效果会更好),按钮用大红色增强庆祝的气氛。

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

金沙集团官网 9

何谓有灵魂的作品,请看下面几个作品:

这个案例和上个相似,与主编一起和需求方沟通换了人设,配合人物的动态设计了发散形状的按钮,主体用暗红色和烟花体现狂欢气氛。不足之处是人物脚踩的木板显得突兀,周围环境无法与之配合。

金沙集团官网 10

金沙集团官网 11

金沙集团官网 12

暗影之剑的时装专题,主要介绍游戏中的时装,促使玩家充值购买。从UE上看,方方正正结构死板,很难激起玩家的购买欲望。

金沙集团官网 13

金沙集团官网 14

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

经过思考,看了一些淘宝天猫的电商页面,对UE结构作出调整。用红色斜条做背景增强页面的动感,主要按钮配合也作成斜的,说明文字挪到了标题下方,增强可读性。色调延续暗影之剑红白色系,可以点击的按钮都用了黄色加以突出。

金沙集团官网,> 营造专题活动气氛并不只是火/爆/热

>设计技巧上的提高

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

通过大量集中的页面设计工作,半年中我也取得了一些进步。比如颜色、形式感、细节处理上,比之前有所提高。

下面我们看一组对比:

画面层次关系

金沙集团官网 15

金沙集团官网 16

金沙集团官网 17

这是6月份刚来的时候做的一个专题页,问题很多。视觉重点不突出、层次混乱、画面琐碎。

金沙集团官网 18

金沙集团官网 19

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

这是最近做的一个圣诞专题,形式和上一个类似,标题+人物+标签切换。画面关系和效果上比上一个有较大提升。

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

画面整体氛围

金沙集团官网 20

刀剑英雄官网换肤。配合决战落雁谷版本,背景采用中国传统的山峰云雾,色调运用纯度较低的暗金色,试图营造出决战前夕的感觉。标题用中国水墨艺术字结合溅血效果。人物部分叠加动感模糊和光效,主题色块用了暗红色增强战争感。

通过官网小调查数据看到,换肤后的刀剑官网用户喜欢占58%,一般占28%,不喜欢占14%。多数玩家还是比较认同这组设计。

标题字体设计

金沙集团官网 21

在制作细节上有所提高。优点:字体设计完成度高,较满意。缺点:专题现代感太强,和游戏的背景有所冲突。

金沙集团官网 22

字体设计比以前更加自然,比划穿插和谐。

>养成良好的工作习惯

平时的工作很忙,时间排期很紧,养成良好的工作习惯可以有效帮你节省时间、提高工作效率和工作质量。

1.经常浏览同行业设计网站。我们平时会浏览大量的设计作品,看到到好的设计或功能截图保存,需要做类似页面效果时方便参考。

2.建立素材库。自己做了一个特殊效果(比如字体、小装饰、特殊边框等),保存PSD文件方便反复利用。

3.及时总结。养成总结的习惯可以避免自己多次犯同一个错误,也有利于继承自己设计中的优点。

>结语

网页设计是一个动手动脑相结合的职业,工作中有苦也有乐。我相信只要平时认真工作、勤于思考、善于总结,每个人都会有所进步。有时翻过头来看看一年或者半年前的作品,觉得那时候做的怎么那么差啊,大家肯定都有这种体会。这是一件好事,说明我们在不断的进步、成长。在做出一件自己满意的作品时,也会有成就感。当掌握了所有的设计技巧和理论后就能做出完美的设计作品吗?我想也不是,设计还需要创造和灵感。可能设计的终极技巧就是对生活的观察、体验和感悟。

最后祝大家新年快乐,工作进步、心想事成。

发表评论

电子邮件地址不会被公开。 必填项已用*标注