肥猫SEO论坛»论坛首页 › 行业交流 › 软件下载 › 手机QQ游戏2008~2009 UI 设计分享

高端网站建设可签合同可上门沟通	站群程序定制/蜘蛛池租用	全行业SEO接单QQ1624516415	全行业SEO接单QQ1624516415
2000+站点外链一键通发	原创SEO文章代写【点击】	点击加入本站VIP 发帖免审核	广告位招租

honghu2

23万积分	0 好友	7万主题

发消息

手机QQ游戏2008~2009 UI 设计分享

TA的其它主题

发表于 2021-9-26 12:01 | 查看: 241| 回复: 0

最初

在2008版本以前，这个项目都没有UI设计的参加，所有UI界面都是开辟本身拼图绘制而成，固然不是很雅观，可是根基功效仍是比力完美，依靠公司这个大的平台，有必定的用户基数。

接触：

刚接触需求的时辰还未入职，之前也一向是从事大型网游UI的设计事情，敌手机UI的还不是很领会，不外糊口就是不竭挑战嘛！就按照本身的设法做了几个气概稿，辨别率是176×208，由于那时本身用的手机w550就是这个辨别率。。。

进修、发展：

2008~2009版本表面

2008版本的重要目标：是在步伐代码不举行大变更的环境下，简略快速晋升用户体验。做法就是在不改动图片资本尺寸和坐标的前提下，优化UI图片资本，更换游戏的UI图片资本。在短短几个月的时候里，项目组就完成一个大厅UI设计开辟和七款游戏的UI更换事情。

2009有了上一个过渡版本作铺垫，设计、开辟的时候相对于余裕不少，开辟在这个版本里将点窜图像引擎、调解步伐框架、增长动画结果、优化体验等！ UI设计在这个版本算是获得领会放，不消在被上一个版本的条条框框所限定，获得了开辟同事的全力支撑！

下面例举2008和2009大厅、游戏：

大厅

2008版的QQ手机游戏大厅是持续的手机QQ的一个观点设计的气概，手机QQ起步比咱们早，事情上也供给了不少帮忙，这里感激3G产物中间给予帮忙的朋侪：）。

设计2009版本的时辰，感受大师都遭到微软设计气概的影象，质感表示的伎俩都比力附近，在3个方案事后，最后一个被订了下来。

不少人城市问，为甚么色调再也不明快些呢？这里鉴戒一个手机QQ用户查询拜访履历：手机QQ的夜间模式很受接待，另有一些用户喜好白日也用，作为经常使用的皮肤。

阐发一下有如许几个缘由：

一、手机的屏幕比拟电脑差不少，比力亮，看久轻易委靡；

二、晚上利用的场景仍是不少的，界面色调太亮会对眼睛造成包袱；

三、有些用户生理上会觉的暗的色调会比力省电；

四、暗的、饱和度低的色调在手机上不容易偏色。

谈天界面这里最早是全屏的，谈天和游戏界面的切换、输入是很贫苦的，厥后测验考试做成半透明的，可是很影响步伐机能，最后决议做成如今如许半屏布局的谈天框，谈天显示部门的界面是可以开启和封闭的，谈天输入的同时可以看到其他玩家的出牌状况，做到游戏谈天两不误。谈天、脸色的输入方法和手机QQ同样的，只是数目和PC qqgame的是同步的，比手机QQ要少一排

斗田主

不晓得大师一眼能不克不及看出2008和2009版斗田主的区分呢？

牌类游戏最首要的就是牌，清楚明快的牌面会使户玩起来更轻松，不外手机屏幕的尺寸不比PC，这点上有很大的限定，那末就必要作出弃取，去掉了多余的元素，放大了用户存眷的数字花色，数字加大了扑克牌之间的间距也加大了，以是优化后的牌面看起来比本来的牌面要小，可是数字花色不是看起来加倍清晰呢？

另有一个较着的改动就是谈天泡泡，比拟08版如今在最下面的信息栏中加倍直观；布景上利用了大的四方连图案填充，布景加倍丰硕再也不单调；优化了闹钟和托管呆板人的设计……等等，更多分歧，邀您切身体验：）

象棋

象棋的棋子是设计的关头，初稿在原版棋子的根本上点窜了一下，结果不抱负，因而把棋子尽量做大，文字也加大。

糊口中棋子文字色彩有不少种，游戏中定下用红黑，是对少数色盲、色弱用户的关切；棋盘必要陪衬棋子，这里09版的设计在棋子、棋盘色的饱和度上也做了优化：棋子的饱和度和明度要比棋盘高，看起来加倍较着凸起，棋盘的饱和度相对于低些，暗些，除陪衬棋子，还可以防止分歧屏幕之间的偏色问题。手机屏幕之间显示结果有很大差别，总体调解后到了今朝的大师都得意的结果。

建造履历分享

SYMBIAN和kjava平台机能和步伐画图方法；

symbian：

控件：控件可以把代码模块化，便利在编写不异模块的时辰挪用，晋升代码编写时的效力，

代码保护轻易，代码量简便。可是在碰到功效变更，和点窜的时辰，显得不机动，需

要从新订制。

自绘：经由过程画图的方法，用代码实现根基图形界面，自由便利；可是在挪用的时辰必要经由过程

复制代码的方法实现，和控件比拟没那末便利，代码量大，保护本钱高，步伐读写负

载较高。

弥补： Mtk根基格局实在都支撑，可是步伐处置起来比力贫苦，必要此外写接口

透明：png8 ：只支撑全透明，可以经由过程调理色深举行紧缩

Png24：支撑半透明，不支撑调理色深紧缩

Bmp ：透明必要透过好坏遮罩实现透明结果，为全透明

Svg ：在建造中不要利用遮罩结果，在手机上显示会犯错

UI设计规范：

一、规范是UI设计稿的建造阐明书，让开辟职员理解建造思绪，削减沟通本钱；

二、在多平台移植的环境下，使UI设计气概总体同一。

最起头大厅和游戏都没有规范，做完一个辨别率做下一个，反复事情大，效力很低；厥后大厅、游戏重构后，可以经由过程一个安装包顺应分歧辨别率，这个时辰就急迫必要规范文档了，由于每个界面都要顺应分歧的辨别率，必要总体计划设计，否则很难做到同一。

如今采纳的是图形标注 [用于大厅的规范] 和坐标东西+说明文档 [用于游戏] 的情势制

作规范的.

1、图片标注：

二、文档标注：

三、东西标注：

这几个项目让我收成很多，敌手机UI的建造方法有了更多的领会，在这不大屏幕上，各类限定，也加倍磨练设计师的能力和毅力，一款好的产物出生，是必要全部团队辛劳汗水去浇灌的！

源地点：;…i-design.html

收藏0 回复显示全部楼层道具举报

返回列表

		自动登录	找回密码
密码			立即注册