《苍天2》官网设计经验总结
2013下半年开始《苍天2》项目的官网设计,也是新的设计风格尝试,这里做一些总结。
《苍天2》是一款代理的韩国游戏,游戏风格偏水墨清新,但也带有暴力美学成份。这次合作的项目组依然不变,是之前的《巫师之怒》项目组,他们最初的运营策略是把游戏定位成暗黑风,以游戏内的终极BOSS以及世界观视频为主打,而以设计师对苍天2这款游戏的理解是更适合水墨风定位,而且韩站也是以白为主色调。所以悬念站的时候我尝试出了两种设计稿,一款暗黑风,一款水墨风。

这里贴出来的是水墨风的设计稿,当时被PC选中。但运营策略已定,当时又为了赶上一年一度的CJ,最后项目组按照暗黑风推了悬念站。
悬念站一个月后准备上印象站,这次项目组终于决定以水墨风为主打。

这是以水墨风试做的两版,以确定页面的版式和风格,不偏于小清新,也不完全属暗黑,更多点武侠风。
之后项目组讨论印象站在世界观视频的基础上做全站Flash,页面都以视频内的原画来设计。

这是以视频原画为基础做的两个页面,但项目主不是很满意,于是和叶子讨论将原画颜色全部去掉,以单色红与黑白相结合,采用笔触干练的大块飞墨搭起页面框架,页面尺寸也由我们平时用的1920像素增至2650像素,增强画面气势,同时也能满足所有分辨率用户,项目组也终于满意了这版设计稿。这里也要感谢叶子童鞋的建议,有时候设计容易走进死胡同,有些新的建议能让人眼前一亮。

风格定下后,总页面以及其它的内页设计都比较顺利。
整站围绕世界观视屏为基础,分为网游屠夫、造物革命、视觉图腾、动作旗舰四个一级页面,每个内页有两到三个二级页面,分别介绍这四个主题。

总页面2650*1300像素全屏显示效果

总页面1680*970像素局部显示效果

网游屠夫页面,展示游戏发展史。

造物革命页面,展示游戏特色。

视觉图腾页面,展示游戏原画与视频。

动作旗舰页面,介绍游戏操作。
最后总结下Flash效果的实现,最初的设想是视频与页面的结合,开场会有10秒以内的视频,再过度到总页面,后来项目组提议,在四个一级页面前都用视频来做过场,视频播放完后停在设计好的四个一级页面上,鼠标滚动视频可以倒播停顿在一级页面下的二级页面上,这样会有个动态的景深效果来实现二级页面之间的切换,这也是很好地体现世界观视频的方法。
但在Flash制作中,视频的倒播并不流畅,画面卡顿比较严重,如果再重新录制视频会成倍增大flash文件,官网加载时间也会增长,所以我们采用了第二方案,用简洁的云雾过场效果来实现二级页面的切换。在不影响大的方案下实现官网的准时上线。
新的官网项目从设想到实现其实是一个很有意思的过程,像为一个全新的东西描述出他的轮廓,虽然想法很多,但再怎样的天马行空也要和实际相结合,运营方案、设计、Flash、前端、后台、用户体验等等都要考虑进去。结果可能不是当初设想的那样完美,但也是适合它的样子,这,或许就是创造的乐趣吧!











































![AIGC助力电商视觉×头盔系列AI生成 [动态化探索实践]](https://img.zcool.cn/community/68e8da720067cv09d9quve1777.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)

































