如何设计游戏官网?《天神纪》设计思路实战分享

 

  前所未有的东方幻想作品

  《天神纪》原名《ASTA》意为”涅盘之路”,既意味着游戏内的最高等级,又意味着通往修行最高境界的路途。《天神纪》追求全新概念的东方幻想主题,融合了中、日、韩等亚洲国家的服装、宗教、历史、文化。《天神纪》世界里随着游戏角色的成长其外貌会发生改变。此外,该作通过大胆的色彩应用、美工技法、天气效果让玩家们身处梦境般的世界。

  官网地址: http://tsj.changyou.com/

  世界观以东方哲学为基础

  《天神纪》采用东方哲学、阴阳五行、轮回、悟道等东方素材和世界观。开发商PolygonGames CEO申国喜称:”《天神纪》世界观以东方哲学为基础,剧情以阴阳五行为基础。此外,相生相克的元素适用于游戏技能和道具,轮回影响角色成长和外形自定义。当玩家完成剧情任务时会悟道,培养技能。”


  根据游戏风格找出关键词:

  以上文字中提到了此款游戏融合了中、日、韩等亚洲国家的宗教、历史、文化,世界观以东方哲学为基础,从而我们找出:

  日本:——神道、浮世绘;

  中国:——佛教、玄学、水墨、琴棋书画……

  韩国:——巫法、晕染;

  因包含了整个东方,中日韩为主,但也包括了东南亚的密宗和波若。


  根据关键词找出相关资料图:


  官网风格初尝试:(组内比稿)


  起初方案画面想走生命之神和死亡之神相爱相杀的一个基调,由于主宣形象的素材质量未达预期,准备出的针对性交互难以实现。经过多次交流与沟通后,我们决定重新设计一套注重情感化设计的常规方案,来保证整个网站的品质感。

  为了设计好新的方案,我们对网站内容进行了再一次的审视:

  风格上我们决定从”异”字出发,不仅要画面”异”而且形式也是”异”。但此版又太过于表现形式而忽视内容的展示。最终决定抛弃人物为主体的思路,着重渲染场景来突出意境。作为一款具有(中、日、韩、东南亚)多国风格的游戏,我们在视觉处理上采用同一个月亮不同国家的形式去展现各国特色,比如中国的月下竹林、日本的屏风屋檐、韩国的书香研台、东南亚的诡异寺庙……等。由于没有合适的场景素材,所有场景都需要我们自己绘制+素材组合。

  我们找了一些极具东方特色图片作为参考:


  官网设计实践过程:


  构思与素材整合:


  首页设计的品质直接影响到整站的优良,在本次首页设计中,着重营造画面的故事感和意境的打造。大视角的背景设计让用户视野更宽广,代入感更强,配合宁静的海面、月亮、船上的女子以及红色的树,使整个页面透出一种安静唯美的感觉。配色上也大胆的使用了蓝、红、黄色的搭配突出”异”的感觉。


  导航部分的重构设计

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

  为了避免两个导航占据较大的页面空间,干扰用户浏览,我们开始将导航设计为自动隐藏,但测试之后发现用户难以理解,因此我们让导航保留固定位置但采用融于背景的色系来避免这个问题。

  同时,我们为不起眼的副导航加入一个动画效果,在载入页面后播放,通过这样的方式使两个导航都起到了应有的作用。

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

  SLOGAN部分的重构设计

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


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

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


  构思与素材整合:


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


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


  构思与素材整合:


  游戏中的音乐表现不俗,象征着中国文化博大精深,所以在音乐对应的页面就表现中国,中国文化最讲究境界。竹子和古筝是中国的代表,古筝的音律配合波浪汹涌以竹林为背景,形成天地合一的境界。在表现形式上,没有使用传统播放器的形式,而是把古筝跟水波结合起来,水波随着古筝的音乐频率跃动,让音乐完全融入到场景中。交互方面让用户拨动琴弦播放音乐,提高用户参与度。在FLASH实践方面使用了可视化波谱分析技术,让音符随着音乐的播放,在层叠的波浪中随着音乐的节奏舞动,使得用户在享受音乐的同时,更增添了视觉上的享受。


  构思与素材整合:


  日本的文化讲究”静”,所以在页面设计中运用了屏风、香炉等元素创造了一个寂静且充满冥想的空间。随着页面打开屏风也随之缓慢的向两边移动,设计素材选取了游戏截图中檀木屏风和框体,配合古代香炉,展示了东方古色古香的奇异世界。为了突出空间感,着重进行了前、中、远景的层次处理。为了让环境光更加柔和,配合屏风叠加粗质布纹协调画面。


  构思与素材整合:


  截图页代表韩国,韩国文化受中国影响明显,追求意境。页面运用琴、棋、书、画 中的画的部分,运用画卷的形式体现游戏原画。意境贴合东方主题。整个页面营造一种冬日凄美的感觉,打开历史的卷轴一览世间百态。


  在场景与场景切换时,全部使用了乌云打开的效果,配合上整站所特有的大月亮背景,给人一种拨云见月,豁然开朗的感觉。

  弹窗: 每个页面的弹窗在延续当前页面设计风格的基础上进行了再次创新。


  写在最后:

  官网上线后,得到了公司内部和外部的一致好评,其中官网设计的调查问卷数据也创了新高:


  整个网站除了大风格把握到位还有注重细节的把控,像Loading时在LOGO上方飞舞的蝴蝶,进入首页后的点点星光,纷繁飘落的红叶,及波光粼粼的水面,再到精美截图中渐渐打开的画卷,飘落的白雪,及枯树与乌鸦,在配上《天神纪》特有的交响乐,使得整站提升到了一个全新的高度。

时间: 2024-10-24 18:35:44

如何设计游戏官网?《天神纪》设计思路实战分享的相关文章

浅谈游戏官网现状及设计趋势

  为什么游戏官网的构建好像这年从来没变过 ?这是功能使然还是思维惯性?什么才是真正是对的?设计师的工作就是在此框架下在样式上做文章?思考点其实很多, 答案其实也是随环境在一直变化着的.今天的答案,也会成为你明天的束缚.但我认为最重要的还是结论得来的思考过程,能有样的一个沟通机制,一个平台来和业内设计师一起交流思考的过程.按部就班,惯性思维的做设计,可能会让你的思路越做越窄. 就如ideas这期主题--"游戏官网"一样,设计师emily和jason会和大家分享下,他们对于游戏官网现状,

游戏官网我们到底应该设计什么

  为什么游戏官网的构建好像这年从来没变过 ?这是功能使然还是思维惯性?什么才是真正是对的?设计师的工作就是在此框架下在样式上做文章?思考点其实很多, 答案其实也是随环境在一直变化着的.今天的答案,也会成为你明天的束缚.但我认为最重要的还是结论得来的思考过程,能有样的一个沟通机制,一个平台来和业内设计师一起交流思考的过程.按部就班,惯性思维的做设计,可能会让你的思路越做越窄. 就如ideas这期主题----"游戏官网"一样,设计师emily和jason会和大家分享下,他们对于游戏官网现

b后台登录qq游戏-VB后台登录QQ游戏官网

问题描述 VB后台登录QQ游戏官网 VB后台登录QQ游戏官网网址:http://bns.qq.com/act/a20140507may/like.shtml?to=447317471&ck=a495370f08d0e1d5abb6698c9680c115&nick=Bns 登录后点赞,关键难点在哪里能不能解释下用什么方法实现

PSP版如龙《黑豹:如龙新章》5月28日起正式更新启用游戏官网

由日本Sega公司预定于2010年9月22日发售推出,定价UMD光碟版6279日元,下载版5600日元,与之前系列同样以神室钉为舞台的这款"如龙"系列最新作动作冒险游戏<黑豹:如龙新章>,如今官方特地宣布从5月28日即日起正式更新启用游戏官网让玩家们来使用. 本作为人气系列作"如龙"系列完全新作的最新续作,在这次除了将平台转移到系列首次登场的PSP平台之外,同时还收录了超过300分钟的全语音事件动画,并如之前系列一样邀请豪华声优配音阵容参与演出,配合全新

《镜子战争》 游戏官网已于26日下午开放客户端下载

(编译/psyche1004)<镜子战争>将于本月28日至31日的下午4点到9点进行第一次的封闭测试, 游戏官网已经于26日下午开放了客户端下载.而游戏独特的体裁混搭方式也让其自公布以来就颇受关注. 早在90年代,对游戏体裁的探索就出现了新的突破.打破原有游戏框架,将多种体裁在同一款游戏中结合的大胆尝试,曾让游戏业一时间为此疯狂不已. 近来,这样的尝试开始出现在了韩国网游中.ACT游戏与RPG游戏的混搭.射击与搏斗的混搭等等.而<镜子战争:神圣复活>则是射击与RPG结合的代表. A

游戏官网设计经验分享:网站设计具体过程

文章描述:内页的设计,延续昏暗的设计风格.第一人称视角.全程的背景音乐,这一切都旨在为玩家提供一个真实环境氛围,让玩家体验更加真实.刺激. 引言: 提到横版格斗的网络游戏,大家可能最熟悉的就是腾讯代理的2D像素游戏(DNF),从08年上线到现在一直热度不减,可见在中国的游戏市场上格斗类的游戏是多么的受到玩家的热爱.随着电脑硬件的提高,游戏的画面品质得到了进一步提高.创造出高品质的横版格斗游戏成了众多游戏厂商的目标. 项目背景: <暗影之剑>是一款成人横版动作MMORPG.游戏首次将暗黑写实风格

如何主导一套游戏官网的设计

  1.开工前的讨论 在做上一版的概念版官网的时候,主要是交代清楚了游戏的故事背景.阵营关系.种族职业初步介绍.当时介于游戏开发的阶段,很多东西其实是点到为止.就像是说看一本书看了个序. 在做正式版官网的时候,和市场方面.产品经理做了比较详细的沟通,该版本官网除了满足游戏正常运营所需要的一些功能外,也希望延续概念版的基础,把之前讲到的一些东西铺开来,讲的更详尽. 这几点主要包括:故事背景.种族职业.蒸汽文化.主要以专题方式呈现. 2.设计思路整理 第一版官网方案: 概念:阵营强对抗,强调敌对势力

《暗影之剑》游戏官网设计经验分享

  提到横版格斗的网络游戏,大家可能最熟悉的就是腾讯代理的2D像素游戏(DNF),从08年上线到现在一直热度不减,可见在中国的游戏市场上格斗类的游戏是多么的受到玩家的热爱.随着电脑硬件的提高,游戏的画面品质得到了进一步提高.创造出高品质的横版格斗游戏成了众多游戏厂商的目标. 项目背景: <暗影之剑>是一款成人横版动作MMORPG.游戏首次将暗黑写实风格与横版动作类型结合,依托源于TVgame的物理引擎与真人捕捉技术,将横版游戏的动作打击感提升到了全新的高度. 项目解析: 作为一款全新的游戏,如

游戏官网告诉你网页能有多酷

  还有人不喜欢玩视频游戏吗?好吧确实有人不喜欢,但是我相信不喜欢玩游戏的人不多,游戏技术一直在不断的发展,每一年我们都会看到很多图像效果惊人.愉悦性极佳的游戏新作. 但是"酒香不怕巷子深"的时代已经过去了,优秀的产品要配以优秀的宣传.游戏的网页设计,就是宣传的重中之重. 本文通过游戏类网站的界面来展示:网站是如何与游戏完美的结合,从而达到对游戏产品的宣传. 对于设计师:在游戏类网站中,你会了解那些传奇游戏背后的团队与设计师.你会从他们的故事中得到灵感. 对于用户:网站将会对游戏内容进