186-1709-5891‬
游戏UI设计


特点。

◆ 游戏UI 设计首先应该考虑到良好的人机交互界面。

◆ 其次要考虑到游戏界面的操作逻辑、界面美观,使用户在感观上得到良好的视觉体验。

◆ 要具有一定的大众娱乐性、互动沟通性、真实角逐性。全民参与的游戏可以以任何人为服务对象,给大家带来欢乐。游戏也可成为人们沟通的话题之一,具有一定的社交性质。

游戏类APP UI 设计

图1

游戏类APP UI 设计

图2

1.1 游戏类APP UI 设计——休闲类游戏

当前,手机已然成为人们日常生活必不可少的一部分,而休闲类游戏往往就可以打发空闲时间。这类游戏的基本特点都是上手时间较短,不必花费过多的精力与财力,游戏中途可以随时中止。休闲类游戏是在劳作之后进行放松的娱乐方式,而不是让用户为之着迷而忘了正业。

游戏类APP UI 设计

图3

设计理念:棋牌类的休闲类游戏, 为双人对抗模式,可以在闲暇时间与朋友进行游玩。

色彩点评:橘黄色与橙色相互搭配,给人一种暖暖的视觉感受,可以使人专注于游戏中。

图3 游戏为休闲类的小游戏,便于人们放松心情。

以红色作为整体背景,橘色作为游戏区域的背景,很好地划分了区域空间。

橘色和红色为邻近色相互搭配,可使页面更有层次感,使人产生舒适、和谐的感觉。

图4 作品为飞行类游戏过关界面,游戏结算界面中间突出了三颗橘黄色的星星,满星则代表完美通关,两颗或一颗则表示虽然通关却有不足。

游戏类APP UI 设计

图 4

图5 作品作为双人对战的休闲类游戏,通过在表格中填写OX,使对方不能成排连接起来。游戏页面结合星球形状,通过配色创造一种深度感,可使界面拥有立体空间感。

游戏类APP UI 设计

图 5

1.2 游戏类APP UI 设计——动作冒险类游戏

冒险类游戏通常指需要玩家自己操控角色进行冒险的游戏,通过游戏中的NPC 进行任务交互来推动游戏情节发展。每款冒险类游戏都有自己独特的装备系统,同时可以看到角色的基本属性信息,还可以根据用户自己的喜好与道具的好坏配置装备,从而更顺利地通关。

游戏类APP UI 设计

图 6

设计理念:游戏过关的结算页面,采用直线线条设计,给人一种简洁之美。

色彩点评:黑色背景下突出了黄色的结算区域。

图6 作品为勇士闯关游戏的结算页面,设计中以六边形图形为主,下方的四边形为底层图案,凸显出页面的层次感。勇士闯关类游戏,在界面中应用皇冠、勇士头像、佩剑等图像,使用户可以沉浸在游戏的设定情景中。

游戏类APP UI 设计

图 7

图7 作品为游戏中的人物版面设置,可以对人物身上的道具进行更换升级。游戏风格偏向原始部落,在UI 界面设计上采用木纹、石纹的图案,颜色也以自然色作为基调。

游戏类APP UI 设计

图 8

图8 作品为偏向暗黑系的游戏UI设计,本页面为人物的背包设计,对背包中的装备进行点击就可穿戴,同时还包括消耗品和一些任务道具,可以进行登记和与NPC 的交易。

游戏类APP UI 设计技巧——游戏结束界面中评星的妙用

游戏关卡结束的时候总会出现一个评分总结页面,有的是采用数字,有的则采用图形给人一个直观的视觉感受,星型图形就是最常见的一种,通过直观的图形盈缺体现了用户的成绩。

游戏类APP UI 设计

图 9

配色方案

游戏类APP UI 设计

图 10

游戏类APP UI 设计赏析

游戏类APP UI 设计

以上内容来自清华大学出版社《APP UI设计手册》