pk10走势软件 pk10开奖记录哪里下载 必中pk10计划软件 pk10自定义算法 pk10助赢免费手机软件 赛车pk10六码技巧规律 手机破解版助赢pk10 pk10彩票网导航平台 pk10公式 pk10和值稳赚法 飞艇pk10计划 赛车pk10大小规律 pk10赛车开奖记录照片 pk10全天计划精准网 pk10走势图怎么看大小 pk10号码走势图解说 天天pk10免费计划软件 pk10走势教学 pk10买法345678 西红柿计划pk10软件 pk10人工在线计划平台 pk10杀号统计分析 pk10七码稳赚 pk10技巧北京赛车 pk10开位号杀下期一码 pk10北京福利彩票 pk10专家杀号 pk10讲解选号技巧 pk10每期开奖数据 pk10两面长龙走势
当前位置: 首页 > 设计教程 > 网页设计教程 > 《剑灵》游戏预告网站设计回顾总结

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

一、项目背景

叹为观止的视觉极限,淋漓尽致的暴力美学,?#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;气的导航按钮

热门推荐

可靠的北京pk10平台