五子棋项目总结 《QQ五子棋》游戏界面设计项目总结

一、《五子棋》游戏介绍:

五子棋是一种两人对弈纯策略型的棋类游戏。起源于中国古代的传统黑白棋种之一,发展于日本,流行于欧美。玩法容易上手,老少皆宜。

《QQ 五子棋》,是客户端"QQ 游戏大厅"中较为经典的休闲游戏之一,日活跃用户最高近 100W。

二、游戏玩法:

两人对局,各执一色,轮流下一子,将棋子放置于棋盘线交叉点上,先将横、竖或斜线的 5 个或 5 个以上同色棋子连成不间断的一排者为胜。

三、WGP《QQ 五子棋》波折的初期版本:

WGP 游戏(WebGamePortal),是对"QQ 游戏大厅 – 网页版"的简称,在 QQ 空间、朋友、3366 等游戏平台运营,WGP 游戏主要是将一些经典的大厅老游戏进行改版移植,同时也有开发一些新游戏,如 QQ 蜜糖精灵、千变又扣等。

这次的《QQ 五子棋》WGP 版本,主要对游戏的视觉画面和下棋体验进行优化。

项目是从 2011 年 8 月份启动的,先看看整个项目过程图:

CP(coteriepartner),是我们对外部团队的简称。

初期,计划将整个项目交付 CP 团队完成,经过几轮的方案设计测试,测试的 CP 多数无成熟界面设计经验,于是尝试新的开发模式:将主要界面的设计工作交给内部,延续设计和开发工作交给 CP 团队。

2011-11-28,CP 团队完成并发布了 WGP《QQ 五子棋》的初期版本。因项目进度、CP 人员的经验以及远距离沟通审核的不便等原因,此版本在美术延续设计、切图品质量上未达到理想水平。

四、内部回炉打造新版本:

2012 年 1 月,内部排期将 WGP《五子棋》进行回炉返工优化,2 月中旬发布全新的版本:

1、新版本启动,我们的团队:

2、美术风格定位:

a)目标用户年龄比例:(截取客户端大厅 – 五子棋月份玩家数据)

主流用户可能的职业:学生、年轻白领

b)深入场景收集参考素材:

c)总结我们期望表现的效果:

五、交互布局的确定:

1、表现形式上的选择:

《QQ五子棋》游戏界面设计项目总结_qq界面设计

2、界面布局的选择:

期望有对战的感觉、聊天功能同 QQgame 其它游戏的品牌宣传一样,放在右下角……于是确定了第三版。

六、美术方向定稿:

计划营造一个室内放置一个棋盘,玩家对战的游戏场景

1、提取方向素材:写实化、木纹、棋盘

2、从绘制棋盘开始:

3、视图和灯光:

顶视图是现实下棋时的视图,为避免枯燥,在顶视图的基础,加了一点微斜角视图,棋盘更有特色一些

对于灯光的选择,整个光沿以顶部垂直打下,部分地方有辅助光源

4、完善细节:细化棋盘,添加板凳、聊天框、地址栏。

5、铺上全部内容,优化棋盘、棋子等:

《QQ五子棋》游戏界面设计项目总结_qq界面设计

6、最终定稿图:装饰元素作减法:如 avatar 的纸质底板、印章背景,按钮主题化、棋盒细化等

7、细节预览:主题化界面、棋子、按钮等

8、木纹的选择:

越细腻,密集的木纹,表现的品质感更好~

游戏时,视觉焦点是棋盘,纹理尽量处理的平滑细腻,既表现品质感,又不影响看棋子。

七、其它界面效果预览:

1、Loading 界面:

在这个界面里,顶部的灯光,给界面营造了很好的气氛。

加载底板和木地板使用同一色系,加载条使用对比色,这样观看起来更直观清晰。

2、大厅界面:

还是利用光影和明度,控制界面视觉焦点、虚实,给带来界面张力、空间感。

3、窗口界面:

八、下棋交互优化:

九、增加动画和特效:

loading 动画、棋盒特效、开始按钮提醒特效、连珠特效等,增加游戏的引导和趣味性。

五子棋项目总结 《QQ五子棋》游戏界面设计项目总结

鼠标移入有惊喜~

十、后计总结:

优化版,整体比较顺利,排期进度无偏差、美术品质、交互体验、动画支持、程序支持、达到超过产品预期。

1、CP 合作的经验:

a)客观合理评估当前 CP 能力,可通过即时的能力测试或查看该 CP 以前的成功作品。

b)用最直接有效的方式清晰交待工作要求和方向,如:提供直观的参考图。

c)约定固定的工作模式,尽量集中处理繁琐事件,培养 CP 独立解决细节问题的能力。

d)将明确的规范文档和范例做起来。

2、项目收获:

a)拟实化设计更有带入感

b)通过光影表现,令界面增加张力和空间感(光是张力,阴影是空间感)

c)顺畅的、令人察觉不到的操作,就是好的体验设计

d)将问题集中处理,更有效率:将零散的问题先作记录,再集中作处理:将问题阶段性的汇集,统一时间作处理,可以少打扰同事正在进行中的工作进度,集中处理,效率也可增加。

3、开发经验:(高效开发 – 切图和程序合作部分)

a)号召开发同学,帮助美术搭建一个可视化的 fla 换肤平台

b)发布切图规范:《美术合入资源约定》

  

爱华网本文地址 » http://www.413yy.cn/a/8105040103/322000.html

更多阅读

转载 杜近芳《白蛇传》体会 杜近芳的白蛇传

正在排练<观潮>希望能对自己理解人物有所帮助!原文地址:杜近芳《白蛇传》体会作者:京昆戏语>我在这里向大家汇报一些我的艺术经历、艺术感想,作点总结,一起来商讨研究。我从事京剧工作的经验,我走过的道路,可以归纳为两点:一是对每一个戏取

《影响力》附电子版下载 影响力txt下载 全本

每周1本好书推荐----本周为《影响力》----附电子版下载 (入选推荐日志,加10币)看过之后的感觉只能用震撼来形容,虽然第一次读完对书中内容的理解不是很深刻,但我已经意识到她将对我今后的人生带来巨大的改变!现就自己对书中六个原则粗浅

《资治通鉴》内容简介 资治通鉴白话版

简介  《资治通鉴》General Mirror for the Aid ofGovernment是北宋著名史学家、政治家司马光和他的助手刘攽、刘恕、范祖禹、司马康等人历时十九年编纂的一部规模空前的编年体通史巨著。在这部书里,编者总结出许多经验教训,供统治

评昆阳三中陈婉容老师的《摩擦力》 平阳县昆阳三中

评昆阳三中陈婉容老师的《摩擦力》昆阳二中叶巧翠5月15日在昆阳三中听了陈婉容老师的《摩擦力》陈老师以课前的筷子提米实验引入,引出《摩擦力》课题,用活动:用手在桌面上拖动时有什么感觉?和举例:手推木块,木块离开手后运动状态有什么

电视剧《墓道》观后感 墓道2电视剧

人性的“光灰”——电视剧《墓道》观后感有人总结跟团旅游,简单说就是“上车睡觉,下车撒尿,景点拍照,回来一问,啥也不知道”。坦率地说,虽不尽然,却也比较符合实际。以前出去,多数如此,最起码在车上是以睡觉来消磨时光的。这次去陕西,是个例

声明:《五子棋项目总结 《QQ五子棋》游戏界面设计项目总结》为网友女人味分享!如侵犯到您的合法权益请联系我们删除