7x7:跨平台游戏的原生化界面设计 | 极客公园

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  

7x7:跨平台游戏的原生化界面设计

2013.02.27 16:02
作者头像
作者:carlos_gong / 产品观察家 我也要当观察家
just trolling :-) 邮箱:gxy@geekpark.net
[核心提示] 7x7 是消除类游戏中的一个异类:它的 ios 版和 android 版采用了几乎完全不同的外观设计,与各自平台本身的风格浑然一体。并且这样的做法取得了成功。

世界上有无数同时支持 ios 和 android 的消除类游戏,然而 7x7 肯定是其中的一个异类:它的 ios 版和 android 版采用了几乎完全不同的外观设计,与各自平台本身的风格浑然一体。

简单的规则

7x7 的基本规则非常简单:在一个 7x7 的方格棋盘上,横向、纵向或者斜向将四个色块连成一线即可消除它们。消除次数可以累积升级,游戏难度随着等级的增加递增。

这套规则设计不是亮点,不过这些规则是这个游戏的 ios 版和 android 版唯一相同的地方。

有亮点的界面

quora、pocket 和 skydrive 这样的应用已经以实际行动告诉我们当一个工具类应用遵循官方 android 设计规范时可以达成怎样的良好用户体验。而 7x7 则告诉我们,对于特定形式的游戏来说,遵循 android 设计规范也同样可以达到让用户眼前一亮的效果。

android 版本的 7x7,整个界面看起来带有明显的原生风格,又与目前流行的平面化设计潮流相呼应——它甚至连色块的配色方式也完全遵循了 android 官方给出的规范。

这是 google 官方 android 设计规范中给出的基准色板:

这是 android 版 7x7 的配色方式:

得益于 google 官方稳妥的配色选择,即使棋盘上的大部分区域被色块覆盖时,整体颜色效果依然相当协调,虽然这个时候你可能很快就要 game over 了……

而 ios 版的 7x7 则完全是另外一种风格。与 ios 系统本身一样细致地安排界面的细节、纹理和光晕:

也可以比较一下同一个操作(移动色块)在 ios 版本和 android 版本之间的不同处理方式:

ios 版:

android 版:

结语

我曾经怀疑如此风格迥异的两个版本游戏是否出自同一团队之手,7x7 在 app store 和 google play 的登记信息也确实并不一样,并且甚至没有一个统一的官方网站。直到我向作者确认 ios 版本和 android 版本的 7x7 确实是同一个开发团队的作品:

实际上,7x7 目前依然缺乏很多同类游戏中非常必要的元素。例如它依然完全没有配乐和音效,ios 版使用 game center 之外,android 版依然没有高分排行榜。但是简单的规则,和针对各个平台分别优化的鲜明界面风格已经足够让它得到不少人的喜爱。在 google play,7x7 获得了 1700 多个评论和四星半的总体评价,也是最近一期豌豆荚设计奖得主。

此外,7x7 的做法也告诉其它 android 开发者们:如果设计资源有限,或者没有良好的配色基础,那么 android 官方设计规范中给出的标准色板是非常安全的保底选择。

除非特别声明,极客观察均为极客公园原创报道,转载请注明原文链接。
原文地址:
http://www.geekpark.net/read/view/172963
标签:
  • 产品观察
  • 用户体验
  • 游戏
  • 7x7
172963 21人喜欢
sina
6
腾讯微博
1
tweet
0
gplus
1
分享到其它网站
#极客阅读# 《7x7:跨平台游戏的原生化界面设计》-7x7 是消除类游戏中的一个异类:它的 ios 版和 android 版采用了几乎完全不同的外观设计,与各自平台本身的风格浑然一体。并且这样的做法取得了成功。
去绑定新浪,腾讯等微博
推荐文章
  • 张小龙专访系列(1):关于微信你可能不知道的10件事
  • 程序员必看的10个ted演讲
  • 那些解释起来很蛋疼的挨踢工种
  • 王俊煜:巧用工具提高团队生产力
  • 什么是好的用户体验
  • 啪啪的崛起与语音应用的思考
  • 管中窥豹 - 从草榴看论坛的现状与未来
  • 唱吧火爆背后的娱乐需求
  • jing.fm,音乐的历程
  • instagram 完全新手指南
  • 为什么成人网站snatchly 如此流行?

随意打赏

提交建议
微信扫一扫,分享给好友吧。