[ 2009.06.24 | by calinna | 网页重构, 视觉设计 ]
这是一个云谲波诡动荡不安的时代，这是一个大风飞扬激情四起的时代，大丈夫立于天地之间，就当建功立业，握大全于股掌之中，此刻，你轩辕在手，鼠标轻点，无限江山，尽在你的运筹帷幄之中。这就是腾讯公司2009年全力打造的一款策略类网页游戏—-《烽火战国》。官方网站地址：http://zg.qq.com
《烽火战国》是腾讯首款自主研发的网页游戏，所以如何体现继承腾讯游戏一贯的视觉好评？如何体现首款网页游戏的大气和霸权？如何区分于其他网络公司的网页游戏？如何……在拿到设计需求的一时间，心里不禁浮现了许多许多亟待解决的问题，同时也有了很多不小的压力。
这款游戏是以战国争霸为背景的古代游戏，所以设计之初首先了解三国时期的历史资料和特色情节。三国时期战争不断，经济受损民不聊生，到处杀戮一片，横尸满地。根据产品策划和历史资料以及经过前期沟通后，官网风格定位为历史感、写实、大气。有了方向定位后，就很明了了。
考虑到已经提供到的launcher色系、插画素材的指引以及战乱年代的混乱状态，在颜色方面运用较为深沉的色调。质感纹理部分围绕游戏内的ui风格，进行提炼和扩充。就产品本身进行分析，因为这次设计为内测官网，所以我们的开放面不大只招募内测玩家及家族，供玩家查询、发布攻略提炼，所以在设计包装的特色和定位上面一定要到位。体现战争中故事内容大气磅礴，各种任务扣人心弦，游戏画面写实精致，带着策划方给出的这些风格定位，官网轮廓慢慢清晰。
没有评论 | 阅读[168]
[ 2009.06.22 | by ahwing | 交互设计, 网页重构 ]
旋风下载之前提供了一个链接转换工具，用来将官网中下载地址（主要是游戏客户端和补丁）转换成加密地址，这样可以避免用户直接html下载，或者采用其他下载器下载。比如：
http://down.qq.com/xunxian/patch/ManualPatch0.8105.12-0.8105.13.exe
转换成：qqdl://aHR0cDovL2Rvd24ucXEuY29tL3h1bnhpYW4vcGF0Y2gvTWFudWFsUGF0Y2gwLjgxMDUuMTItMC44MTA1LjEzLmV4ZQ==
转换应该主要的作用有：
1、是保护地址，避免html直接下载而造成html请求过大而造成玩家下载速度太慢；
2、起到推广旋风的作用。
阅读全文
评论[6] | 阅读[170]
[ 2009.06.22 | by Vault | 视觉设计 ]
需求是这样的，AVA中文官网在五一的时候推出一个活动，打游戏送游戏金币；到了临近月底的端午节时候，项目组计划再进行一次类似的活动，来拉拢更多玩家，于是有了这个专题的策划。要求很简单也很乏味，以五一的活动页面为基础，修改内容和题图。
需求到了我这里。我瞬间就囧了。左右为难。活动内容几乎照搬五一的，我要用半小时重新贴上背景素材也是可以解决的，但是这么一来难免被说成偷懒；细心做但是我该怎么设计？游戏背景是欧洲人的战争和端午节怎么扯上关系？……很好，这时候刚好有两个条件促成了这个专题的诞生。一是我手头能挤出一些时间用在这个专题上，多花一天也是可以的；第二则是适逢AVA在制作聊天用的表情，我在这上面得到了灵感。
阅读全文
没有评论 | 阅读[147]
[ 2009.06.18 | by giggle | 视觉设计 ]
《穿越火线》是腾讯公司代理运营韩国Smile Gate公司开发的FPS游戏，之前偶尔接触过，其实对于任何一个从反恐精英这类fps游戏玩过来的玩家，CF对他们的第一感觉应该是挺山寨的，起码我是这样，当然当时我是抱着一种对工作负责的态度硬着头皮去玩!，熟悉之后，有一种很奇妙的感觉，就如你拿了一个功能超强，屏幕超大，声音倍儿响的山赛手机一样，那种特有的满足感油然而生。这也是我们的国情，玩家人群庞大而种类复杂。
08年10月份的时候官网的风格是强调战争质感，元素是以弹孔，斑驳的墙面，残破的厂房等一系列战场上常见的元素来构成，颜色以低饱和度的灰蓝色为主，这种风格在游戏内测或者公测的起初阶段是一个非常好的切入点，这种直观的战争质感的确很容易吸引玩家去进行战斗体验。而08年十月份的时候《cf》已经作为一个成熟产品来运营。特别是当CF成为wcg中国常规比赛项目之后，游戏宣传的切入点或者是游戏产品网络视觉应该有一个转变，带着这种想法跟项目组进行交流，得到了项目组的认可，那么就开始对整个视觉风格进行了调整。
这种初期的想法映射到游戏网页的视觉表现上是什么，首先应该有一个大概的文字定义，切身的游戏体验得出的结论是：玩家根本不在意地图是什么样子，人物模型是什么样子，枪械的性能伤害中微妙的区别，这些都不是重点，重点的是如何把准星快速的移动到对方玩家的头部，随着“蹦”的一声枪响，在屏幕上出现偌大一个图标和语音提示，这瞬间给玩家了快感，这也是它的魅力，所以它的实质其实在于玩家与玩家之间的对抗，是一种竞技，这个游戏本身只是一个平台，这时候游戏的重点在于玩家之间而不是在于游戏本身的操作体验。这时候基本上就有了比较清晰的认识，如果用关键词来形容它，之前它是：战争.质感.厚重 那么这时候它应该是：竞技、对抗、犀利。
有了清晰的关键字描述，那么相对应的视觉体系就很明朗了，我应该把它做成一个纯电子竞技的.充满了对抗的视觉符号。我从3个方面来规范了这个体系。
阅读全文
评论[6] | 阅读[279]
[ 2009.06.08 | by miker | 网页重构, 视觉设计 ]
09年度最具文化底蕴的神秘巨著，腾讯公司大型3D Q版网游《QQ西游》在绚丽初夏降临时刻引起千万玩家的空前期待。以传统古典浪漫主义史诗《西游记》为蓝本，通过气势恢弘的场景，生动唯美的Q版人物，引人入胜的特色玩法，勾勒了一个源于西游更胜于西游的降妖除魔历程。
《QQ西游》封测官网于6月2日上线。官网地址：http://qqxy.qq.com
评论[3] | 阅读[335]
[ 2009.06.06 | by east | 交互设计, 网页重构, 视觉设计 ]
《QQ仙侠传》是由腾讯游戏量子工作室历时五年自主研发的3D大型网游，以架空的东方仙侠故事为背景，采用国际一流的网络游戏开发技术。独具中国特色的绚丽骑乘，华丽流畅的技能特效，万般搭配亿种组合的仙侠秀，带给玩家国内顶尖的视觉盛宴。
《QQ仙侠传》预告站经过TGIDEAS设计团队近一个月努力，已与6月2日22：00正式上线。本次预告站风格的大胆尝试，迈出了《QQ仙侠传》官网关键的第一步。
《QQ仙侠传》预告站地址：http://xxz.qq.com
评论[5] | 阅读[479]
[ 2009.05.30 | by 3233 | 产业相关 ]
个人主页
1、导航
极赞，且采用了少见的跟随窗口滚动的方式。由于整体配色清淡一致的缘故，这样也不觉得打搅，不过就牺牲了导航常用的深色系，使导航不够醒目，利弊参半。我猜测原因是这样的：为了及时通知消息（当页面拉到较低位置的时候），又要把标签栏走马灯的提示效果让给Web im，只好让导航条跟着滚了。
找人的输入框容易被误解为“找好友”，其实是全站搜索，刚开始有点错愕，适应后也满好。新通知和通知拉层的设计极赞，必引为己用。
白社会导航
开心网导航
2、Banner
其实谈不上是Banner……，或者算是形象版头吧。
视觉上和导航并不统一，但基本忽略了这一点。看见有人说那个大太阳是白社会的天气预报，大笑。Boss圈圈和“生活在别处”都是小众趣味的文艺腔，无视之。音乐播放器的UI极赞，神来之笔，比开心体贴许多，协调又趁手。但经常忍不住去点那个“随便听点什么”，猛点，点它不动。
3、内容版头
一句话发布框是向FB的致敬之作，下面的三个小图标其实很好用，但我很怀疑纯图标会使得点击率下降500%，不及FF直接用文字表述的清晰。右侧的小报/等级/金币/打卡信息简洁紧凑，花絮效果居多，且数字颜色太浅，虽然与整体融合度佳，却削弱了概念上的感染力。
任务模块是神来之笔，把UCH的创造给发扬光大，极赞。但遇到我不喜欢的任务，还关不掉，成天在那里死皮赖脸地挂着。这点开心做得好很多，绝不会在主要界面上设置强奸性的元素。包括等级，积分，也有人“偏生不喜欢”的。白社会的风格化终归不够大气。
阅读全文
评论[12] | 阅读[1,531]
[ 2009.05.21 | by colezhang | 团队生活 ]
快节奏的工作生活消磨着我们有限的生命，无形的压力使我们逐渐忘记了对于人生的思考，慢慢的僵化，慢慢的消沉……突然一种精神闯入我们的视野，注入我们的血液，让我们义无反顾的投入，抛开了琐碎，抛开了烦躁，化作无穷的能量，挥舞握紧的拳头，感受着流淌的汗水。我们并不专业，但是我们投入，投入这无限的热血激情中，这就是我们，这就是我们的综合格斗俱乐部。
MMA（综合格斗技）是一项新兴的格斗运动，以其开发的武术观念，吸引了众多年轻人和爱好者的参与。MMA基本上是格斗项目中的十项全能，也就是民间俗称的自由搏击，他柔和了拳击，泰拳，散打，空手道，柔道，摔跤，桑博，格雷西柔术，地面打击的技巧，从站立格斗一直到地面缠斗，各种技巧的无缝衔接及综合应用，也使这项格斗技巧最接近于真实搏斗。由于MMA的实用性兼具观赏性，使得电影人也对其产生了浓厚的兴趣，我们熟知的甄子丹同学，潜心研究了2年的MMA，并以此创作拍摄了《杀破狼》《导火线》，让广大的电影观众领略到了综合格斗技的魅力。
我们TG的热血综合格斗俱乐部，从意向到建立已有半年之久，受到了团队内压抑小青年们的积极响应。从不实用的花拳绣腿，经过刻苦的训练，已初具专业风范，并诞生出了鞭腿流的“鞭炮腿”“纠结腿”等极具无厘头风格的腿法技巧。我们以义无反顾的热血精神来面对生活，强化体质，高喊出我们的口号：我们从不纸上谈兵！
下面分享一些活动时照片：O
评论[7] | 阅读[422]
[ 2009.05.15 | by lava | 交互设计 ]
总是听到身边很多人反复强调：“用户体验！！！要注重用户体验！！！”那么用户体验到底是不是这样一件玄幻的事情？我觉得非也，这里就个人对用户体验的一些看法做出分享。也欢迎拍砖。
首先跟大家模拟几个场景：
1，我们上了一辆蓝牌车，因为出租车确实比较难打到，而且我们也在赶时间，司机是个一脸横肉的胖子，车子本身也不是非常光鲜，我们坐在车上气氛显得有些紧张，司机估计也感受到了这点，于是他打开了广播，伴随着里面的内容，车内的紧张空气慢慢缓和下来，因为一些广播中的话题我们有了一些简单的交谈，在到达目的地的时候接过钱的同时，他礼貌的说了句谢谢。在件小事中，司机关注了客人的体验，消除了彼此之间的隔阂，我认为，这名开蓝牌车的胖司机是一个聪明的用户体验关注者。
2，此话题可能不是很雅观，我们经常在办公楼，餐馆的洗手间方便，洗手间内也不停的告知我们：来也匆匆，去也冲冲，但是当回头看到那斑驳的冲水按钮，实在是不太愿意用手去按，结果往往是那一个其他什么东西硬捅一下，或是干脆一走了之。但是不知道从哪天起，我们突然发现冲水的按钮可以用脚踩了，于是洗手间冲水的问题迎刃而解。这个故事里告诉我们，不是用户不愿意冲水，但是可能会有其他的顾及，脚踩式的冲水方式，成就了人们洁癖的同时，也保证了公共场合的卫生。我认为，洁具公司是真正关注到了用户体验。
其实呢，身边用户体验相关的例子有不少，中国作为礼仪之邦，人们往往对很多小的细节都会关注，剔牙时用手遮挡，别人倒茶时礼貌的敲敲桌面，都能够给身边的人带来好的印象，我们的核心工作也不过是如何更好的架起用户与产品接触的桥梁，通过良好的视觉、交互设计为他们带来良好的用户体验。我们缺乏对用户体验的关注么？如果你在生活中是一个细心的人，关注每个细小环节给他人带来了的感受，那么你就是一名优秀的用户体验关注者，就这么简单…
评论[4] | 阅读[317]
[ 2009.05.08 | by Kinglly | 交互设计, 网页重构, 视觉设计 ]
评论[3] | 阅读[343]
