详细解析手机下面的QQ游戏界面设计

2016-02-17 02:20 25 1 收藏

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的详细解析手机下面的QQ游戏界面设计,过去的都会过去,迎接崭新的开始,释放更美好的自己。

【 tulaoshi.com - 平面设计 】

QQGame是和诺基亚lumia的合作项目,内置诺基亚lumia手机Winphone系统改下的游戏平台; 项目团队也是临时组建而成,团队成员分别在北京,上海,深圳。 整个项目视觉设计时间排期为20个工作日.包括了解项目需求,交互流程,视觉设计,资源制作等.由于时间很紧张,所以项目在定了一个大概基调框架下就进行视觉设计.几乎是在边想边做中完成了整个项目.现在终于有时间可以重新对项目流程进行梳理和总结.

详细解析手机下面的QQ游戏界面设计,PS教程,图老师教程网

设计方向

刚拿到产品需求的时候,就在考虑怎么可以做到区别与Winphone上其他黑底白字的应用品.Winphone有比较严谨的设计规范和框架.在以内容为导向的设计方向基础上,做出自己的产品的特点是我们考虑的设计重点.

关键词

Winphone的Metro设计主题是:光滑,快,现代,简洁,快速相应。

游戏能让我们联想到的关键词:动感,激情,科技,热情,速度,打击感等等。

详细解析手机下面的QQ游戏界面设计,PS教程,图老师教程网

通过关键词的提炼,我们可以很好的发掘两者的类似的共性可以在光滑,快,动感等关键词上.这也是之后非常重要的设计方向.我们可以为用户设计更动感,快速,轻盈的用户体验和用户感受.

视觉感受

我们选择具有代表性的游戏关键词:动感,激情,科技,速度,简洁,光滑等.对以上关键词我们快速找到了相对应的视觉图片,来提取所需的视觉色彩.

详细解析手机下面的QQ游戏界面设计,PS教程,图老师教程网

视觉设计

通过以上关键词和素材的提炼,下面是从零散的想法雏形框架到最终版本设计的流程。

详细解析手机下面的QQ游戏界面设计,PS教程,图老师教程网

详细解析手机下面的QQ游戏界面设计,PS教程,图老师教程网

详细解析手机下面的QQ游戏界面设计,PS教程,图老师教程网

详细解析手机下面的QQ游戏界面设计,PS教程,图老师教程网

详细解析手机下面的QQ游戏界面设计,PS教程,图老师教程网

情绪版

除了蓝色版本,我们还为用户准备了绿色和橙色的情绪版本.用户可以根据自己的心情和感受来选择自己喜欢的动感背景.

详细解析手机下面的QQ游戏界面设计,PS教程,图老师教程网

详细解析手机下面的QQ游戏界面设计,PS教程,图老师教程网

详细解析手机下面的QQ游戏界面设计,PS教程,图老师教程网

详细解析手机下面的QQ游戏界面设计,PS教程,图老师教程网

皮肤管理

除了情绪版本的皮肤以外,还提供了6套比较有意境感受的背景皮肤设计;

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

详细解析手机下面的QQ游戏界面设计,PS教程,图老师教程网

详细解析手机下面的QQ游戏界面设计,PS教程,图老师教程网

详细解析手机下面的QQ游戏界面设计,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

小结从最开始拿到需求零星的想法到最终形成的版本,是边想边做的积累过程。期间实现过程中有很多尝试,也有很多想法没有得到实现而感到遗憾。不过也希望大家可以关注QQGame(Winphone版),提出宝贵意见!

详细解析手机下面的QQ游戏界面设计,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160217/1577589.html

延伸阅读
本期特约:海外美术团队 Lyson 1.浏览器的差别跟用户分辨率差别是我们首先考虑的问题; 2.游戏页面设计,需贴主题、游戏背景等主线关系; 3.布局跟文案很重要; 一、浏览器的差别跟用户分辨率差别是我们首先考虑的问题; 首先在这里想要再次为新人提下,现在霸占互联网最小分辨率的还会是1024用户(特别是中国),加之IE、FF主流浏览器的比例...
这篇文章绝对值得收藏,Google Glass界面设计指南由用户界面、设计原则、设计模式和视觉风格4方面组成,说是一篇手把手的设计教程也不为过,特别是百度同学的专业翻译,保证了文章质量的原汁原味。向未来看齐的设计师们感受一下吧。 一、用户界面 本章将介绍Glass的主要UI组件、它们的使用场景,以及用户如何与它们进行交互操作。 1.1 时间...
可以耻笑雕爷的机会太少了!抓紧这次!! 这个不知道哪位同学做 ,依然有大量的改善空间! 来一波我非常喜欢的优秀案例! 这个清新的配色,变换自如的点线面,那画面太美我不敢看! 非常有规律的小道!视觉流向非常清晰!好图! 同上! 面面俱到!当版面内容少的时候,可以做很多不规律的东西! 当版面内容...

经验教程

209

收藏

15
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部