QQ游戏界面视觉是怎样优化的?
来源:广州中睿信息技术有限公司官网
发布时间:2012/10/21 23:25:16 编辑:itlead 阅读 1674
说起QQ,相信很多人都不陌生吧!但是说到QQ界面的设计,视觉的优化,设计师在软件设计时是怎么操作的,估计真正懂得的数量不是很多呢!1.与QQ游戏大厅2012的视觉风格统一(样式的演变)视觉的更新可以

       说起QQ,相信很多人都不陌生吧!但是说到QQ界面的设计,视觉的优化,设计师在软件设计时是怎么操作的,估计真正懂得的数量不是很多呢!

        1 .与QQ游戏大厅2012的视觉风格统一(样式的演变)
  
  视觉的更新可以说是这次QQGAME大应用页面改版最直观的改变了。这次的改版,除了在视觉风格上希望与时俱进,更重要的是,我们希望让用户第一眼看到这个应用页面的时候能立刻联想到QQ游戏大厅,因此我们着力于将视觉设计与游戏大厅的视觉风格统一起来,保持大厅轻薄、通透的质感,并且我们加入了“卓明谷”这一QQ游戏大厅2012版的标志性元素。

        1.jpg
 
  第一个版本,注重了轻量化设计,线条和色块的设计尽量清淡以便于用户将注意力更多地放在游戏图标上,“公告”也换成了图片的形式放在版面顶部。

        2.jpg
  
  第二版,为了和QQ游戏大厅风格更贴合,让用户一眼就能识别,我们将应用的背景修改成和QQ游戏大厅一样的色调,并加入了“卓明谷”的背景。

         3.jpg

  第三版,顶部的图片广告回到了文字链形式,板块之间的区分变得更加明晰,板块的背景也进行了优化,调整了透明度,让整个界面看起来更加清新。

        4.jpg
  
  最后定稿,我们将游戏推荐板块的形式做了小小的调整,因为之前的形式会让用户看起来像是广告。“在线好友”板块的滚动条最后还是去掉了,换成了翻至首页和翻至尾页按钮,最后,还在版面头部加上了“邀请好友”按钮。

 

  2.视觉上更轻量化,让用户的注意力更多地落在游戏icon上

  相比旧版本的设计,新版的设计把许多地方弱化,甚至去掉了,例如公告和在线好友板块中的icon。这种做减法的设计方法,一来是和游戏大厅轻薄的风格保持一致,二来,弱化了这些次要的甚至是不必要的元素,反而更能突出应用中的游戏图标,因为这些图标才是整个产品的重点,不应该用多余的元素来干扰它们的呈现。

  新功能游戏图标置顶功能

  新版本的设计中,为每个游戏加上了“置顶”这一功能。当用户将鼠标移到某一游戏图标上的时候,会出现“置顶”按钮,点击该按钮,则该游戏会被移动到“游戏库”的首位,从而方便用户下一次查找和进行游戏。因为目前整个QQGAME大应用中包含的游戏只有17款,所以在一个页面中就全部展示出来了,游戏如果排列在中间,用户查找会浪费一定的时间,“置顶”功能的加入可以将用户经常玩的游戏放在显眼的位置便于其查找。

 

 

联系我们CONTACT 扫一扫
愿景:成为最专业的软件研发服务领航者
中睿信息技术有限公司 广州•深圳 Tel:020-38931912 务实 Pragmatic
广州:广州市天河区翰景路1号金星大厦18层中睿信息 Fax:020-38931912 专业 Professional
深圳:深圳市福田区车公庙有色金属大厦509~510 Tel:0755-25855012 诚信 Integrity
所有权声明:PMI, PMP, Project Management Professional, PMI-ACP, PMI-PBA和PMBOK是项目管理协会(Project Management Institute, Inc.)的注册标志。
版权所有:广州中睿信息技术有限公司 粤ICP备13082838号-2