7x7:跨平台游戏的原生化界面设计 | 极客公园
7x7:跨平台游戏的原生化界面设计
世界上有无数同时支持 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