游戏类APP UI 设计

2019-01-14作者:孙芳编辑:书问阅读

游戏类UI 设计主要针对游戏的图标、登录界面、游戏界面、局内道具等方面进行设计。游戏分为网页游戏、客户端、移动端等,本章主要就移动端的UI 设计进行介绍。


特点。

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

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

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


1.jpg

图1


2.jpg

图2


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

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

 

3.png

图3


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

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


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

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

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


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


4.png

图 4


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


5.png

图 5


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

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


6.png

图 6


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

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


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


7.png

图 7


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


8.png

图 8


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


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

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


9.png

图 9


配色方案


10.png

图 10


游戏类APP UI 设计赏析


11.png



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



内容来源:书问

作者孙芳
出版清华大学出版社
定价69.8元
书籍比价

分享到

扫描二维码 ×

电子纸书

移动界面(Web/App)Photoshop UI设计十全大补

曾军梅
清华大学出版社[2017] ¥63

APP UI设计手册

孙芳
清华大学出版社[2018] ¥39

构建跨平台APP:响应式UI设计入门

杨旺功、 赵荣娇
清华大学出版社[2016] ¥27

Photoshop移动UI设计从入门到精通

蒋珍珍
清华大学出版社[2017] ¥47

UI群英汇——用户体验*交互*视觉设计方法论

徐海波、王羽 等
清华大学出版社[2012] ¥36

UI交互动效必修课

UEgood雪姐, 编著
清华大学出版社[2018] ¥62

深入理解Windows Phone 8.1 UI控件编程

林政
清华大学出版社[2014] ¥55

APP蓝图——Axure RP7.0移动互联网产品原型设计

吕皓月
清华大学出版社[2015] ¥41

出版业领先的TMT平台

使用社交账号直接登陆

Copyright © 2019 BookAsk 书问   |   京ICP证160134号


注册书问

一键登录

Copyright © 2019 BookAsk 书问   |   京ICP证160134号