分享
 
 
 

中国风设计看这里!

王朝学院·作者佚名  2016-08-29
窄屏简体版  字體: |||超大  

传承中国风,尽在新寻仙——新寻仙皮影戏项目总结

打开浏览器,网游页面上的毛笔书法,祥云龙纹的中国风元素是否让你麻木?来看下新寻仙吧,这里将为你带来的是:远看山有色,静听水无声。春去花还在,人来鸟不惊的皮影戏画卷。

一、项目介绍

寻仙作为一款08年公测的产品至今,以其独特的美术风格和多元化的游戏玩法成为国内大型MMORPG中的一款经典之作。

游戏版本的不断更新,新鲜玩法的注入,一直以来是寻仙吸引众多玩家买点。每次游戏中的重要更新是宣传游戏品牌,增强玩家情感粘性的一个重要时机,是产品运营中的总要环节。

二、项目分析

新寻仙品牌的刷新过程,也是对整个寻仙视觉包装的提升过程。不光是游戏内产品品质的提高,整个网络传播中的视觉表现也从新整合设计。寻仙皮影戏站的设计,正是在这系列的刷新后涅磐重生的。

产品刷新时间轴:

1:2012年底,寻仙品牌刷新,全新神秘站点推出引起各界热议。最后以传承中国风尽在新寻仙的概念揭晓,力图唤起玩家对传统中国文化的关注,增加用户粘性,受到了新老玩家的一致好评。

2:紧接着是全新品牌战的推出,将寻仙以往电影·电视·配音·配乐各方面的合作全部整合后面向玩家,作为玩家记忆与游戏发展里程碑的见证。

3:最后全新官网改版的上线,对用户交互以及网站主视觉的重新梳理。

4:皮影戏页面是对神秘站用户探秘内容的衍生,是新寻仙品牌刷新以来第一个大型专题的视觉展示。

三、草案设计与风格讨论

皮影戏的引入,是对在中国风风格设计的一次新的尝试。以往的水墨,祥云,书法等设计元素,已经无法再满足寻仙作为一款玩尽中国风元素的载体,所以决定了用传统艺术中的皮影戏来设计寻仙新版本的预热站。以说书人形象为主形象,旁白贯穿始终,传达给用户新寻仙传承中国风的品牌文化。

设计初期准备:对皮影戏表演形式的整理,关键字的提炼,在老照片中寻找设计灵感和视觉发力点。提炼了游戏产品的皮影戏风格,配合当下设计趋势的配色和设计元素。

四、设计执行与制作

1:舞台还原

将过去皮影戏舞台搬到页面上明显是不现实的。原因有两点:一是因为网页尺寸的限制,是无法保证在不同分辨率下舞台视觉效果体验的;二是复杂的舞台效果也会影响到用户体验和重要按钮讯息的传达。

故,选择了提取皮影戏舞台的重要元素,设计成一个屏风墙用松柏雕梁的装饰达到整个站氛围的营造。

2:皮影戏还原

记忆中的皮影戏是在昏黄灯光下若影若现的人影,半透明的油纸材质在画布上投上重重的影子。经过与动画组同学的讨论,在原画设计上采用了矢量的半透明原画,在Flash中利用混合选项的阴影模拟皮影打到画布上的效果,同时在整个页面上罩上了一层半透明的布纹效果。这样制造出一个生动皮影戏观感。

3:设计细节考虑

由于整个站的视觉上比较繁复,所以弱化了UI质感,以大的形状来取代厚重的细节,将每出戏的导航设计成了戏院翻牌的样子。

为了更符合第一视觉的观影体验,从远·中·近景的景深触犯在页面最前方设置了太师椅和松枝前景,让整个页面的气氛更加生动有趣。

4:用户体验构想:

整个版本前瞻的内容是由说书人音频道出,配合动画展现。用户以第一视角观看内容效果最佳,所见即所得。如果一个预热站只有说书人的单一说书岂不是很单调?既然是全站flash那就加入一些用户交互的小彩蛋吧。页面中关于剧情内容的前景是需要用帮助才能进行,比如把小孩和宝箱丢入大海-0-。

五、最终效果

设计最终力在还原整个古时观看皮影戏舞台的场景,昏黄的灯光,松鹤延年的镂空画屏,厚重的太师椅,前景的松柏盆栽,而用户就像以第一观影人的身份坐落期间,观看说书人奖整部寻仙的版本前瞻娓娓道来。

六、专题总结

感谢重庆漫想族对素材需求的高度完成和配合,动画重构的同学对设计稿的高度还原,对页面加载和用户体验的反复修正。

个人感悟:重点项目设计完成,是需要前期大量准备和素材收集的。同时要预估每个时间节点加以推进。整个设计过程算是设计师对品牌一个自我认知的过程。

从品牌传播的意识出发:对于一个在玩家心里已经有5年的产品而言,设计更多的要做的是对品牌文化的传承和对玩家情感的挖掘。在求新的同时也需要正能量的发现和正确的态度打动玩家用户。

PS:新寻仙皮影戏的上线PV:600W UV:500W业界各方面都收到了不错的效果。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有