设计主页 > 网站制作 > 建站经验 >

天神纪游戏官网设计思路实战分享(2)

畅游VC / 畅游VC 时间:2014-06-18 09:00

导航部分的重构设计

对内容进行归类整合之后我们发现,我们无法用单一导航容纳全部内容。即使用容量较大的左导航可以解决内容方面的问题,误导用户意外跳出的几率仍然很高。因此,我们使用了双导航帮助用户整理出浏览的最佳维度。

为了避免两个导航占据较大的页面空间,干扰用户浏览,我们开始将导航设计为自动隐藏,但测试之后发现用户难以理解,因此我们让导航保留固定位置但采用融于背景的色系来避免这个问题。
同时,我们为不起眼的副导航加入一个动画效果,在载入页面后播放,通过这样的方式使两个导航都起到了应有的作用。

在导航的位置确定下来之后,下一步就是确定网站的结构。在旧方案中的单一页面场景内浏览已经不再适用,为了防止分页浏览显得过于单调,我们在切换时加入了动画效果。接下来的问题是,代表游戏的LOGO和SLOGAN放在哪里才算合适呢?

SLOGAN部分的重构设计

经过多次讨论,我们确定了游戏定位的权重远高于游戏LOGO。在不破坏画面视觉效果的基础上,我们决定将SLOGAN放在页面中上方。在眼动测试中,用户浏览到这个位置时,瞳孔直径有较为明显的变化。

tsj_10

为了强化这个效果并突出游戏定位,我们做了一个大胆的尝试,让SLOGAN在网站内全页面存在并作为全部页面的视觉重心。同时,为了让用户不至于对相同的元素产生视觉疲劳,我们同样使用了载入页面后播放的动画效果。

尽管LOGO的重要程度低于SLOGAN,但我们考量到作为一个初次与用户见面的游戏,我们不能只让玩家注意到这个站做得好,同时更要让玩家记住游戏的名字。但LOGO与强化设计过的SLOGAN放在一起会产生冲突。我们需要为LOGO找到一个突出且独立的放置位置,要求是足够醒目,又不会因为长期出现而造成用户的视觉疲劳。最终我们决定在页面的过场动画中加入LOGO,利用缓存特性来实现设计目标。当用户初次访问网站时会在LOADING时长期出现,而回访时则会快速跳过,避免用户产生反感。

tsj_11

构思与素材整合:

tsj_12

游戏特色页着重强调内容特色和世界观,颠覆了以往以人物为主体的设计形式,转由带有故事性的场景为主导,整个页面运用比较怀旧的色调来突出沧桑感,突出引导入口的作用。主要表现东南亚文化的神秘特征,东南亚密宗的特色是充满神秘色彩,重视神通、鬼神、及神秘体验。所以在页面设计上我们注重神秘的打造,阴暗的色彩氛围、远景的诡异的庙宇、散落的枯叶以及空中的鬼怪等。

tsj_13

为了让用户更全面的了解游戏,更好的体验游戏的独特魅力,我们在影、音、画三方面的视觉表现上做足了功夫。

tsj_14

构思与素材整合:

tsj_15