《苍天2》官网设计经验总结

Recommanded by editor
上海/网页设计师/11年前/4598浏览
《苍天2》官网设计经验总结Recommanded by editor
aurora

2013下半年开始《苍天2》项目的官网设计,也是新的设计风格尝试,这里做一些总结。

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



这里贴出来的是水墨风的设计稿,当时被PC选中。但运营策略已定,当时又为了赶上一年一度的CJ,最后项目组按照暗黑风推了悬念站。

悬念站一个月后准备上印象站,这次项目组终于决定以水墨风为主打。



这是以水墨风试做的两版,以确定页面的版式和风格,不偏于小清新,也不完全属暗黑,更多点武侠风。

之后项目组讨论印象站在世界观视频的基础上做全站Flash,页面都以视频内的原画来设计。



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



风格定下后,总页面以及其它的内页设计都比较顺利。

整站围绕世界观视屏为基础,分为网游屠夫、造物革命、视觉图腾、动作旗舰四个一级页面,每个内页有两到三个二级页面,分别介绍这四个主题。



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



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



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



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



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



动作旗舰页面,介绍游戏操作。



最后总结下Flash效果的实现,最初的设想是视频与页面的结合,开场会有10秒以内的视频,再过度到总页面,后来项目组提议,在四个一级页面前都用视频来做过场,视频播放完后停在设计好的四个一级页面上,鼠标滚动视频可以倒播停顿在一级页面下的二级页面上,这样会有个动态的景深效果来实现二级页面之间的切换,这也是很好地体现世界观视频的方法。


但在Flash制作中,视频的倒播并不流畅,画面卡顿比较严重,如果再重新录制视频会成倍增大flash文件,官网加载时间也会增长,所以我们采用了第二方案,用简洁的云雾过场效果来实现二级页面的切换。在不影响大的方案下实现官网的准时上线。


新的官网项目从设想到实现其实是一个很有意思的过程,像为一个全新的东西描述出他的轮廓,虽然想法很多,但再怎样的天马行空也要和实际相结合,运营方案、设计、Flash、前端、后台、用户体验等等都要考虑进去。结果可能不是当初设想的那样完美,但也是适合它的样子,这,或许就是创造的乐趣吧!






38
Report
|
31
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
网页+App参考
网页+App参考
网页+App参考
网页+App参考
作品收藏夹
网站
网站
网站
网站
作品收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
大家都在看
Log in