当前位置: 首页 > 设计教程 > 网页设计教程 > 《剑灵》游戏预告网站设计回顾总结

                                    《剑灵》游戏预告网站设计回顾总结

                                    一、项目背景

                                    叹为观止的视觉极限,淋漓尽致的暴力美学,?#28216;从?#19968;款游戏可以做到如此性感,如此惊艳!她远在诞生之初就已经名声大震,惊鸿一瞥即令人血脉贲张,她终于姗姗来到中国,却尚?#20174;?#19968;次华丽的登场,这是一款无数人心目中的超级大作——她,就是《剑灵》!

                                    这不是在介绍《剑灵》,只是简短陈述我对这款游戏无法概全的真切感受,从2008年《Blade&Soul》首发视频的亮相开始,就?#20013;?#20851;注着这款游戏研发进度的蛛丝马迹,跟很多对RPG游戏十分热衷的玩家一样,最期待的,非《剑灵》莫属!

                                    毋庸置疑,《剑灵》的名头?#22836;?#37327;都给我带来很大的压力,面对这样一款?#24615;?#30528;万众期待的游戏,颇有些手足无措,到底要怎样的视觉包装才能符合《剑灵》的气息......?好吧,静下心,从市场/项目/视觉等维度分析产品开始。

                                    二、产品分析及设计风格思考

                                    设计启动前,《剑灵?#20998;?#32654;金亨泰先生曾莅临腾讯出席TGX主办的《巅峰对话》,交流《剑灵》美术之道,阐述了《剑灵》之于其他传统的甚至是陈旧的武?#35272;?#28216;戏的巨大不同,极致时尚与东方静美的结合,让《剑灵》清丽脱俗,跃然而出,游戏?#24039;?#20197;国际名模为参?#36857;?#20154;物时装也是以国?#26159;?#27839;服装设计为主流借鉴方向,高挑的人模,精美的服饰,游戏中处处皆是"奢侈品"。

                                    《剑灵》游戏预告网站设计回顾总结

                                    ?#28909;?#28216;戏原本的视觉已然"潮爆",尽显"奢侈",那么任何多余的元素都只是画蛇添足,狗尾续貂......显然,轻质感风格是不够的,就像众多国际一线品牌的官方网站一样,展示顶级产品,何需点滴繁缛?如此,便让它"无质感"吧!

                                    综?#25103;?#26512;:

                                    1.市场营销元素:水墨

                                    沿袭韩方视觉设定及游戏内打斗中出现的十分具有《剑灵》特色的"水墨"。

                                    2.项目首发定位:种族与职业技能展示,并交代对应关系

                                    初期内容宜少不宜多,主次分明,首发站将以"展示视觉"为主。

                                    3.视觉解析:过多修?#26410;?#23646;班门弄斧

                                    整站设计必须以承托游戏原本视觉为首要原则。

                                    结合前面提到的各方面诉求描述,《剑灵》官网的包装定位呼之欲出:用游戏画面、种族职业、水墨、绚丽色彩......成就一个游戏网站中的"奢侈品"。

                                    三、水墨元素的研究绘制

                                    从初期?#39038;?#30340;包装定位来看,水墨成为唯一可雕琢的设计元素。

                                    水墨根据绘制技法及形态浓淡的不同,或晕?#23613;?#25110;泼洒、或喷溅,且各有其不同的效果及内涵。

                                    但水墨无形无骨,可控性差,要拼接出预想中的笔画走势及清晰的飞白细节,并?#35270;?#22823;尺寸运用环境,较有?#35759;齲?#20026;了达到原定设计效果,进行了一些技法与效果的尝试。

                                    《剑灵》游戏预告网站设计回顾总结

                                    经对比,模拟挥毫而出的硬感水墨更干?#21908;?#20855;力量感,?#21908;?#22865;合《剑灵》"战斗的艺术"的特点。

                                    四、?#33669;?#35774;计尝试(沟通并确立风格走向)

                                    根据项目组对种族/职业关系的交互逻辑陈述,以及希望在官网上的呈现方?#21073;?#36827;行了?#21908;?#23581;试,视觉风格也在这个期间不断?#28304;懟?/p>

                                    首页部分

                                    《剑灵》游戏预告网站设计回顾总结

                                    图1.当前公布的5个职业集体登场,以鼠标滑过"种族图标"的同时,用"流墨晕染"的方式点亮对应职业,背景可用游戏截?#21363;?#29702;更换。图2.无职?#21040;巧?#20986;现,以"水墨罗盘(图中为简单示意)"为主视觉元素,鼠标滑过种族文字(或图标)的同时,用"滴墨晕染"点亮职业小形象,背景更替方式同图1。

                                    分享到: 
                                    Illustrator使用3D效果制作网页按钮
                                    Photoshop制作?#35813;?#22823;气的导航按钮
                                    山东十一选五在线计划