优设网（）,优秀网页设计联盟，百万设计师的学习交流平台。大家一起獠麝鸡！开放、分享，成长！
视频地址复制
Flash地址复制
Html地址复制
离线看更方便
用或其他应用扫描二维码
自制 李鹏飞 独立游戏制作人。
游戏行业从业7年，曾就职于开心网卡酷，乐赢互动等游戏公司。担任过多个项目主美。
游戏UI是一个广泛存在并且由来已久的一个工作岗位，随着近些年智能手机的流行，微信的爆发，手游也成为越来越多的人玩游戏的首选，对应的游戏UI的从业者也在逐步的增多，但是游戏UI的工作内容，流程，行业前景，人才来源，薪资等等却并不像其他设计岗位那样被人们所熟知，本期分享老师讲全方位的介绍游戏UI，将一步步揭开游戏UI的“秘密“而且还会现场实战，为大家画一枚热门游戏的icon哟:)
广播电视节目制作经营许可证：（沪）字第1248号
| 网络文化经营许可证：沪网文[6号 | 信息网络传播视听节目许可证：0910417 | 互联网ICP备案：沪ICP备号-3 沪ICP证：沪B2- | 违法不良信息举报邮箱： | 违法不良信息举报电话：转3
公司名称：上海宽娱数码科技有限公司 | 公司地址：上海市杨浦区政立路485号 | 客服电话：游戏制作人箫家睿：论如何提高手游UI设计和用户体验
[摘要]箫家睿表示对于格斗游戏，需要把任务的纽往旁边放一下，让屏幕空出来让他来体验格斗的数据，比如说减选量，加选量都要明显出来，这样的话才可以有更好的用户体验。2014全球移动游戏开发者大会（GMGDC）于9月24日在成都世纪城举行，各方移动游戏精英齐聚一堂共享开发经验。知名游戏制作人箫家睿进行了主题为“如何提高UI的设计和用户体验”的演讲。著名游戏制作人箫家睿以下是演讲实录：UI是一个常常被手游开发者忽略的问题，也有很多值得说的地方，今天我就从两部分来分享：第一个是相对于策划来说的用户体验；第二个是相对于美术来说的外观部分。用户体验的挑战性为什么说手游的UI是具有挑战的？先来看一下用户体验的定义。用户体验：手游一直强调用户体验，玩家体验就是整体的印象和感觉，他决定你游戏的留存，决定你这个游戏是否赚钱，决定你的游戏有多少人玩，整个就是玩家用户的体验。我们在整个游戏里面打交道最多其实就是UI，他怎么去控制，怎么去用这个游戏？这个是最多的。所以我们说UI设计是很考验策划和美术基本功的事情。下面我们说一下为什么有这样的挑战性，我们现在的游戏和以前的PC游戏承载是不一样了，进入手游之后，我们是没有键盘的，直接用了触摸屏。也就是，第一你的屏幕小了，相对于原来的手游和家用机来说，他缩小到一个几乎迷你的境界。第二个你失去了键盘，失去了以前我们作为主要支撑力的一些外设的东西，所以现在你必须把以前所有的操作，比如说我们控制这个人物，往前走，往后走，这些操纵全部集中在你的屏幕上，也就是说在这些迷你的屏幕上你UI所要承载的内容是更多的，相对于以前的PC游戏和PU游戏来说就是一个挑战了。UI设计的三要诀现在的UI设计是更加的细致和精致，也是更加专业化的。看看UI设计的几个要素，第一个是量体裁衣，根据你游戏的类别，游戏题材的不同，你UI的设计也是不一样的，我们现在说格斗游戏的UI和RPG的UI也是不一样的。还有就是“繁而不乱”，原来是在键盘上实现了，而现在没有了，都在屏幕上，相对原来的PC游戏来说已经加了很多的内容。第三个是“鱼贯而入”，这么多UI的元素，你如果一下子扔给玩家，他会觉得无所适从。我相信大家在座很多同仁都知道游戏开发的经验，其实我们之前做得很多事情都是遵循了鱼贯而入的原则，大家也会做新手指引，你们的UI也是一点点呈现给玩家的。现在分别说一下这三点：第一个“量体裁衣”。你在设计UI之前，和你设计游戏其他所有的元素是一样的，你需要把你的游戏分门别类，你的游戏是什么，你需要讲什么样的故事，你的UI的设计思路是不一样的。我们在做RPG游戏UI设计的时候，把任务放在最明显的地位，任务的指引，任务的按钮，新手指引，包括后面所有的指引，任务的钮一定要放在最明显的位置，这是和其他悠闲类、格斗类游戏是不一样的。反过来说格斗游戏需要有很大的空间给玩家展示格斗的技巧，展示整个的战斗过程。说到格斗游戏的话，你就需要把你任务的纽往旁边放一下，让屏幕空出来让他来体验格斗的数据，比如说减选量，加选量都要明显出来，这样的话才可以有更好的用户体验。也就是说我们经常所说的格斗游戏的手法。第二点“繁而不乱”。现在我们一说到游戏可能就会想到很多的功能，比如说我们现在支付的功能，还有一些任务，有一些养成类，甚至有一些游戏有宠物，甚至是交给这些很多聚集在你很小屏幕上的时候会显得更挤，甚至挤占你主要的游戏区域，这时候就得做到“繁而不乱”。怎么样做到？我们先把游戏主要的功能理出来，这应该是第一参差的功能，放在你第一层的UI上，然后理出来你的第二层功能，你可以把你的UI进行重叠化，这样子你的屏幕会比较干净，玩家开始操作的时候也会有一个层级化的概念。第三点“鱼贯而入”。这一点体现在新手引导和每一次版本的信道，不要把你所有的版本一下子全部呈现给玩家。我以前玩过一个外国的游戏是只有五个按钮，前后中左右，这样子做有一个好处是会比你亮一下给玩家的印象更深，他用UI给玩家做了一个信号的新手指引，第一关较你怎么往前走，所以第一关在下面只有一个向前走的按钮。第二关教给后退，在后面有一个后退的按钮。整个下来我是非常适应的，因为你们必须有一个概念就是原来玩家用机也好，玩PC，或者是掌上游戏机也好都是有手感的。而现在摸不着进攻键，所有这些在手机上大概用手滑，经常会滑错。所以他用了一关的时间去适应这个钮，后来我发现我习惯了很多，也顺手了很多。我认为这就是一个好的UI设计。界面设计的主要思路，第一个界面。第二个界面设计的重要元素，刚才说了其实就是你各个功能，怎么样把你的功能规划到按键里面去，这个需要之前有一个系统详细的策划，现在很多的UI设计师，策划师不习惯去做文档，他一上来就把UI做成一个图，然后用图一层层的去讲，这种做法没有什么不对，但是我要说这种做法不利于你自己理清思路。我对手底下UI的设计师有一个整合文档，这样做的好处？在后期有版本更新的时候，你需要加新功能，新UI的时候，你发现你的思路很清楚，而不是跟之前做的UI互动打架，这个是从长远发展思路来说的。UI如何讲故事下面说到视觉上的东西了，因为我本人是策划出身，不是一个做美术的人，所以我现在可能没有什么资格讲配色，光线或者是布局什么的。我只能从大概的审美角度跟你们说一下这个事情的要求，什么叫UI也能讲故事。现在一说游戏讲故事，首先想到重点是角色，是场景，你的角色要带感，你的场景要带感，可是对于UI是美观、简洁就行了，但实际上UI也可以带有自己的风格，可以配合整个游戏的风格来做一些辅助性的作用。我之前玩过的一款游戏，他讲的是在一个小镇里面，一款解密类的游戏，在小镇里面有掉线的木偶娃娃，整个在中世纪巴罗克的画面，做的非常的漂亮。所以我还是UI在从头至尾，从游戏一开始，一直到关闭那一刻，唯一陪伴玩家的要素，甚至比主要玩家陪伴的时间都要长，所以一定要把UI故事做到里面。第一个就是通过画面强调游戏的重要性。第二个游戏角色的定位。你的游戏主角是怎么样的人物，你的UI就需要跟着他的风格去走。比如说要做蝙蝠侠这类题材游戏的话，你的UI肯定根据美漫的风格走的，而你UI的主色调一定根据蝙蝠侠的主色调走的黑色，灰色，不可能是蓝色红色。第三个游戏界面的设计可以告诉玩家很多游戏简单的信息。你可以通过UI告诉玩家在这款游戏里面见到什么，比如说设置，比如说养成。原来我们做了UI的按钮，做了五张图，这个按钮的意思是说当时我们的游戏有一个失重的设定，就是说玩家在通过这个功能之后，玩家的角色会从地上翻转到天上，我们叫做失重，当时用了几个按钮来表达，第一个按钮是水在底下，火焰在上面的按钮，这个场景做的非常漂亮。第二个按钮是一个像八卦一样的图形，两边是像空气一样的旋转，做得也很漂亮。第三个按钮做的很一般，做了一个绿色的箭头。当时进行投票的时候，绿色的按钮投票率是很低的，因为觉得很丑，但是我觉得反而要用这个按钮，为什么？因为他告诉玩家足够多的信息，一看这个按钮就是晚上，如果给你一个下面是水，上面是火焰的按钮，你不知道是干什么的，所以最后的结果我把这个按钮反回去，就用这个，但是更家美观一点，思路是对的。
正文已结束，您可以按alt+4进行评论
相关阅读：
相关搜索：
[责任编辑：aniszhou]
热门搜索：
Copyright & 1998 - 2017 Tencent. All Rights Reserved优秀网页设计联盟-SDC-网页设计师交流平台-听讲座，聊设计，找素材，尽在优设网
下一篇 继续涨姿势
阅读本文需 6 分钟
在优设微信公众号回复”讲座”，即可进入报名环节。?
请先关注优设微信公众号：youshege （扫描上方二维码亦可）
讲座届时会在腾讯课堂优设官方频道进行
4月23日 周六晚 20：00正式开始
李鹏飞 独立游戏制作人。
游戏行业从业7年，曾就职于开心网卡酷 乐赢互动等游戏公司。担任过（杀神）（泡泡飞车）多个项目主美，独立游戏（小小部落）。擅长UI与原画，将多年游戏制作经验与大家分享。
分享内容概要
和小编交流时老师表示：
游戏UI是一个广泛存在并且由来已久的一个工作岗位，随着近些年智能手机的流行，微信的爆发，手游也成为越来越多的人玩游戏的首选，对应的游戏UI的从业者也在逐步的增多，但是游戏UI的工作内容，流程，行业前景，人才来源，薪资等等却并不像其他设计岗位那样被人们所熟知，本期分享老师讲全方位的介绍游戏UI，将一步步揭开游戏UI的“秘密“而且还会现场实战，为大家画一枚热门游戏的icon哟:)
本期的分享内容如下：
第一部分： UI 的定义和表现形式
第二部分： 游戏UI内幕全揭密
第三部分： 现场绘制皇室战争的图标
名额有限：腾讯课堂优设官方频道 1000人，微信群交流人数 500人
一：加入微信群后的福利?
1、可以和嘉宾亲密接触、面对面交流，帮你解决最关心的问题。?
2、有机会添加嘉宾微信、成为嘉宾的微信好友。?
3、优设微信讲座群，大牛众多每天分享实用干货、交流学习、拓展交际圈。
二：暂时去不了讲座怎么办
1、分享结束后，小编会整理嘉宾分享的精华在优设微信公众号(youshege)、优设官网（）发布。?
2、优设的分享交流讲座每周六晚20：00正式开始，本次错过的朋友，可及时关注微信公众号（youshege）、优设官网发布的讲座报名信息，抢先报名。
1、进微信群后，请先修改备注，格式：地区 | 昵称 例如：杭州 | 瑶瑶 武汉 | 优设哥
2、进群后不得发小广告，一经发现立即剔除。
3、不得私自拉人入群。
优设讲座流程
一、19:30－20:00 提问环节： （在QQ群和微信群进行，不得闲聊，格式 提问：＋ 问题内容，仅用文字表述）。
二、20:00－20:50 嘉宾分享环节： （在腾讯课堂进行，此阶段禁言，除非嘉宾有说明让大家发言，不可以开实时对讲）。
三、21:00－22:00 交流互动： （在腾讯课堂进行，嘉宾会优先回答19:30收集的问题，解答完毕后可自由提问，仅用文字表述，讲师会对有针对性的问题进行解答）。
优设讲座规则
1、讲座期间请遵从主持人和管理的引导和安排。
2、除管理员外任何人不得拉人进微信群。
3、在微信群不可以开实时对讲。
优设讲座问与答
Q1：讲座是什么形式？在哪里听讲座呢？
A：优设采用腾讯课堂共享桌面的形式进行讲座，通过语音、文字、视频、图片等所有腾讯课堂支持的形式进行互动。所以，讲座是在腾讯课堂进行。讲座之后的互动是在微信群和QQ群进行。
Q2：为什么加入微信群要绑定银行卡/实名认证？
A：微信官方规定：如加入100人以上大群即需实名认证/绑定银行卡
Q3：为什么把截图发给群管后，管理员她一直不理我呢？
A：因为管理员微信是手动拉人，她会在报名通知发出后专心通过小伙伴的报名申请，鉴于有很多信息需要处理，所以希望小伙伴们给予理解支持耐心等待，不要发太多无关紧要的问题。
Q4：入微信群之后能说话不？能发广告吗？
A：晚上19点到早上9点可以自由交流，但是切记不要有小广告、恶意刷屏行为，违者不要埋怨管理员同学将你移出群聊啦！
Q5：加入微信群后，还有什么别的功能吗？
A：1、可以和嘉宾亲密接触、面对面交流，帮你解决最关心的问题。
A：2、有机会添加嘉宾微信、成为嘉宾的微信好友。
A：3、优设微信讲座群，大牛众多每天分享实用干货、交流学习、拓展交际圈。
Q6：什么时候讲座停止报名？
A：报满后即停止报名，讲座开场前2小时停止报名，所以手速务必要快！快！快！
Q7：加入微信群后我应该怎么修改自己的id呢？
A：最后右上角人像图标进去，拉到最底下修改名片，正确格式为：城市丨昵称，注意丨两边是有空格的。（如下图所示）
================关于优设网================
“优设网“是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量120万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：
高达800M！28套新鲜出炉的高质量PSD模版免费打包下载
编者按：今天这个设计资源包，有超多一整套的APP UI KIT源文件、网站PSD模版、海报模版、图标素材包、矢量徽章、名片模版等等，将近800M，全都打...
民以食为天，对于吃货来说爬到食物链最顶端就是为了吃香喝辣嘛，然而忙碌起来也只能看美食解馋。苦于摄影技术不好，拍的美食都丑丑的怎么办呢？没关系呀，我可以自己画...活动详情 主题：移动互联网时代，设计师需要掌握的新技能 o 时间：号 周六 12点30到17：00 o 人数：400人左右 地点：杨浦区-...报名方式 在优设微信公众号回复”讲座”，即可进入报名环节。? 温馨提示 请先关注优设微信公众号：youshege （扫描上方二维码亦...讲座视频录播回放 /video/av8699509/ 报名方式 1. 关注优设微信公众号：youshege （...1972年，乔布斯在里德学院只上了6个月的课就退学了。 然而他却没有回家。 因为当时里德学院提供了全美最好的书法字体教育。（是的，凑是这么自信） 退学后，乔...讲座视频录播回放 /aftereffects/.html 温馨提示：讲座已结束，此为讲座录播。 报...讲座视频录播回放 /photoshop/.html 温馨提示：讲座已结束，此为讲座录播。 报名方式...讲座视频回顾 /photoshop/.html 报名方式 在优设微信公众号回复”讲座&#...今年下半年以来，互联网公司纷纷宣布裁员、减招，BAT首当其冲。 由此，互联网行业进入“求职寒冬”的声音喧嚣日上。 12月04日腾讯科技一篇《大规模倒闭、裁员...
我们的团队
大家在关注
把好文章收藏到微信
打开微信，扫码分享学设计 优设网 在这里}