项目概述
QQGame是和诺基亚 lumia的合作项目 ,内置诺基亚 lumia手机 Winphone系统改下的游戏平台; 项目团队也是临时组建而成,团队成员分别在北京,上海,深圳。 整个项目视觉设计时间排期为20个工作日.包括了解项目需求,交互流程,视觉设计,资源制作等.由于时间很紧张,所以项目在定了一个大概基调框架下就进行视觉设计.几乎是在边想边做中完成了整个项目.现在终于有时间可以重新对项目流程进行梳理和总结.
设计方向
刚拿到产品需求的时候,就在考虑怎么可以做到区别与Winphone上其他黑底白字的应用品.Winphone有比较严谨的设计规范和框架.在以内容为导向的设计方向基础上,做出自己的产品的特点是我们考虑的设计重点.
关键词
Winphone的Metro设计主题是:光滑,快,现代,简洁,快速相应。
游戏能让我们联想到的关键词:动感,激情,科技,热情,速度,打击感等等。
QQGame是和诺基亚 lumia的合作项目 ,内置诺基亚 lumia手机 Winphone系统改下的游戏平台; 项目团队也是临时组建而成,团队成员分别在北京,上海,深圳。 整个项目视觉设计时间排期为20个工作日.包括了解项目需求,交互流程,视觉设计,资源制作等.由于时间很紧张,所以项目在定了一个大概基调框架下就进行视觉设计.几乎是在边想边做中完成了整个项目.现在终于有时间可以重新对项目流程进行梳理和总结.
设计方向
刚拿到产品需求的时候,就在考虑怎么可以做到区别与Winphone上其他黑底白字的应用品.Winphone有比较严谨的设计规范和框架.在以内容为导向的设计方向基础上,做出自己的产品的特点是我们考虑的设计重点.
关键词
Winphone的Metro设计主题是:光滑,快,现代,简洁,快速相应。
游戏能让我们联想到的关键词:动感,激情,科技,热情,速度,打击感等等。
![](http://g1.zcool.com.cn/img3/45/54/m_1340606440292.jpg)
通过关键词的提炼,我们可以很好的发掘两者的类似的共性可以在光滑,快,动感等关键词上.这也是之后非常重要的设计方向.我们可以为用户设计更动感,快速,轻盈的用户体验和用户感受.
视觉感受
我们选择具有代表性的游戏关键词:动感,激情,科技,速度,简洁,光滑等.对以上关键词我们快速找到了相对应的视觉图片,来提取所需的视觉色彩.
视觉感受
我们选择具有代表性的游戏关键词:动感,激情,科技,速度,简洁,光滑等.对以上关键词我们快速找到了相对应的视觉图片,来提取所需的视觉色彩.
![](http://g1.zcool.com.cn/img3/44/55/m_1340606470231.jpg)
视觉设计
通过以上关键词和素材的提炼,下面是从零散的想法雏形框架到最终版本设计的流程。
通过以上关键词和素材的提炼,下面是从零散的想法雏形框架到最终版本设计的流程。
![](http://g1.zcool.com.cn/img3/18/1/m_1340606494714.jpg)
![](http://g1.zcool.com.cn/img3/46/40/m_1340606515910.jpg)
情绪版
除了蓝色版本,我们还为用户准备了绿色和橙色的情绪版本.用户可以根据自己的心情和感受来选择自己喜欢的动感背景.
除了蓝色版本,我们还为用户准备了绿色和橙色的情绪版本.用户可以根据自己的心情和感受来选择自己喜欢的动感背景.
![](http://g1.zcool.com.cn/img3/16/19/m_1340606891081.jpg)
![](http://g1.zcool.com.cn/img3/60/17/m_1340606899405.jpg)
![](http://g1.zcool.com.cn/img3/11/35/m_1340606909124.jpg)
![](http://g1.zcool.com.cn/img3/49/33/m_1340606920739.jpg)
皮肤管理
除了情绪版本的皮肤以外,还提供了6套比较有意境感受的背景皮肤设计;
除了情绪版本的皮肤以外,还提供了6套比较有意境感受的背景皮肤设计;
![](http://g1.zcool.com.cn/img3/27/23/m_1340606951739.jpg)
![](http://g1.zcool.com.cn/img3/58/11/m_1340606955916.jpg)
![](http://g1.zcool.com.cn/img3/49/54/m_1340606946654.jpg)
小结
从最开始拿到需求零星的想法到最终形成的版本,是边想边做的积累过程。期间实现过程中有很多尝试,也有很多想法没有得到实现而感到遗憾。不过也希望大家可以关注QQGame(Winphone 版), 提出宝贵意见!