APP下载

墙饰产品移动端游戏化之界面设计

2018-09-22黄晓彬广东海洋大学寸金学院

数码世界 2018年8期
关键词:墙饰九宫格界面设计

黄晓彬 广东海洋大学寸金学院

引言:随着时代的发展,智能手机端移动游戏已经是用户追捧的主流方式,众多用户通过游戏进行交互性的物品买卖交易,而游戏界面则是动态交互的重要媒介,良好的游戏界面具有趣味性,更容易促进用户产生强烈的购买欲。

1.移动端游戏界面设计的要点

移动端游戏界面设计的重要因素有以下三点:

1.1 屏幕大小

智能手机需要手握携带,其屏幕显示范围更有限,而尺寸存在多样化,例如iphone的屏幕对角线样式更多。

1.2 人体工学

移动端用户既要手握着游戏设备,还要按照游戏操控规则点击游戏ui控件,可能会单手点击也可能会双手交替点击。

1.3 触摸屏控制

与常规的鼠标控制比较,智能手机里头点的触发变成了面的触发,而用户手指大小不同,其面积不同则决定了按钮之类的触发区域的像素高低。

图1

图2

图3

2.“墙饰猎人”界面构思策略

2.1 加强界面间的系列化。系列化的色调和造型可以最大化降低用户的理解难度,减少操作成本为减少常识,视觉疲劳。应该降低色彩的整体纯度与明度。首要问题是确定首页主色调,考虑到用户长时间操作的视觉疲劳问题,手游界面的颜色不适宜用太鲜亮的颜色,其他分屏页面基本可采用相同的色调,保持整齐一致的感觉(如图1)。

2.2 交互行为统一化。在游戏各个页面衔接之处建立交互原型,不同类型的行为触发后其交互行为需要整体一致。层级继承关系的统一要给人似曾相识燕归来的感觉,例如,用户的任务界面设置了“确认”的按钮(如图2),那么“首充礼包”界面这类的功能相似的界面的设置也要行为同一化,界面上要设置“购买”的交互按钮(如图3)。

2.3 统一化的操作位置。按钮触发事件的准确率,与按钮位置的变化率成反比。如果一款游戏的按钮不固定地频繁更换位置,根本无法实现用户操作简便、容错性高、方便记忆等效果,用户会失去游戏兴趣,过多的学习成本只会令用户感到负担。

在手的自然舒适度方面,Steven Hoober对“手”研究成果走在了前沿,并提出了“拇指区”的概念。除了单手双手方式之外,将按钮设置在两拇指能够触及到的屏幕区域,并且一定要把最重要的按钮放到屏幕中心或中宫(九宫格)。其目的有两方面:一是方便用户单手拇指操作,二是轻松地一手握手机,另一手的手指在屏幕点击滑动(如图4)。

图4

2.4 目标反馈。适当的状态提醒,有助于用户更加专注,并且思考目的是否达到。例如提示“注册成功”、“获得元宝”等(如图2、图3)。

3. 移动端益智游戏《墙饰猎人》设计与开发实践

3.1 策划《。墙饰猎人》是为了提高木丝板墙饰的产品销量而开发的,用户通过墙面装饰的游戏环节,得到积分提升,有了积分则输入手机号兑换优惠券,并在第三方提交手机号而获得墙饰品的实物奖励。

3.2 手绘风格。《墙饰猎人》可以在IOS终端上运行,背景以厚重斑驳金属材质,衬托出木丝板的华丽,结合3D立体的处理,既经典又时尚。

3.3 布局。设计师还要考虑到移动手机的物理尺寸,而就iphone各个版本综合而言,假设屏幕使用九宫格覆盖的话,单手使用时最舒服的拇指可触摸区域,基本上位于九宫格的中下路,这种规律屏幕越大越突出。而《墙饰猎人》的游戏播放区处于九宫格的上路、中心(即屏幕中心)以上,播放区在九宫格的中上路(即拇指触及不到的位置),以确保用户伸缩手指不会影响游戏进程的观察。

猜你喜欢

墙饰九宫格界面设计
中医养生APP界面设计
“共享员工”平台界面设计
中国传统元素在界面设计中的应用
九宫格图示法之分数除法算理探究
手机UI界面设计中视觉艺术元素的构成
墙饰教育的有效策略
我爱数独
引导幼儿积极参与墙饰设计的探索
幼儿园墙饰创设的思考与实践
数独:九宫格