游戏UI是这样一步步设计出来的

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

从零开始:游戏UI是这样一步步设计出来的

你是不是和许多人一样,玩过很多游戏,却从来没有关注过UI。如果不是因为游戏UI 设计师目前水涨船高的身价和异常庞大的需求,你也许关注的还是游戏的角色、场景、剧情、玩法等等,根本想不到UI设计已经在游戏行业里排在了一个何等重要的位置。

UI = User Interface,也就是“用户界面设计”。打开你过去24小时里玩过的游戏,从登录界面、操作界面,到游戏道具、技能标志,所有这些设计,统统属于游戏UI。换句话说,你在玩游戏的过程中一半以上的工夫都在跟UI打交道,它设计得是否巧妙、清晰、流畅,很大程度影响到了你的游戏体验。

讲到这里,肯定有不少UI设计小白开始在网上找关于游戏UI设计制作的各种内容。小编也找了找,发现这方面的干货少得可怜。如今互联网时代处处谈分享,既然伸手党当不了,那就主动来种草吧,欢迎各位一起来施肥。

饭得一口口吃,路要一步步走。既然想学游戏UI,还是得先从基础学起。下面简单讲讲游戏UI的设计流程,虽然简单,可句句是干货。

在开始高大上的游戏UI设计之旅前,你先要明确一个最最基本的概念:游戏UI不是把自己关在小黑屋里,脑袋一拍,想怎么画就画出来的。你得先跑到游戏策划那儿,和对方推心置腹地沟通,了解清楚你要设计的游戏究竟是玩什么、给谁玩、怎么玩。这几点确定了,才好确定美术风格。比如,你在下手前要先确定游戏的题材、背景年代、质感、整体色调、可用元素等等。要是做一款三国背景的游戏,对话界面竟然跳出肾6的屏幕,如果你是玩家,会不会觉得整个人都穿越了?

第一步搞定后,你就进入搭框架阶段,从主界面开始一层层深入设计,像是一些常用界面、弹出框、功能按钮、道具、技能图标等等,要是连一些杂七杂八的东西再加上游戏Logo 也能连带着一道设计掉,那真是极好的。偷偷告诉你几个小Tip,包你工作起来事半功倍:1.先给界面模块的开发分清优先级,大家可以根据工作量和时间差安排好时间;2.务必先要确立好设计规范。否则等开工了再边做边改,会死掉多少脑细胞,你造吗?3.菜单层级控制在3级,不要超过4级。

到这里就可以为每个元素布局并制作草稿了。千万别想当然,一定要根据用户操作习惯,规划好显示区域、操作区域、执行按钮区域等。用于展示的图标不要大于操作图标,只要能清楚显示就行。文字的字体样式和大小也顺便敲定,都别超过3种。动态文字用系统默认就够了,等到中期再看情况做详细规定。

现在,制作主界面UI以及主要功能按钮的时机才算成熟,可以正式确立UI整体风格了。根据刚开始设定的信息和原画图片,确保UI风格跟原画风格统一。颜色别整得太花里胡哨,清晰美观即可,切记一条关键原则:哪怕玩你游戏的是从没玩过游戏的小白,只要他们能分分钟顺着你的思路走下去,你就赢了。好的UI不仅可以让游戏变得顺畅简单,还能让整个体验更上一层楼。

走完上述流程,你只要按照先后顺序把模块一个个地完成,UI设计就大功告成。

现在明白整套流程了吗?下面给大家分享4条UI设计经验,都是可以在设计游戏UI时着重考虑的,能不能加分看你的运用水平,但至少能保证你在做UI设计时被少退几稿。

1、让你设计的界面简洁,减少玩家发生选择错误的可能性。

别一开始就迫不及待地把那些八竿子打不着的内容一股脑展现出来,玩家也不可能记得住。你还在读小学,就让你背三角函数,除了把自己绕晕,对你学习数学没有任何帮助。游戏也是一样,让铺天盖地的菜单、按钮、图标、文字一开始就碾压过来,玩家只会头昏眼花。

相信我,那么多功能,能用全的玩家不会超过一半。对于大多数人,只要呈现给他们流畅的游戏体验,就足够了。

2、UI设计要能一眼看明白,一点就有效。

人脑毕竟对于图形的识别速度要高于文字,生活中常见物品又会对他们产生直观的暗示。如果能在UI设计中合理应用这些暗示,让玩家一眼看明白相应操作的含义,他们就能无脑式操作。操作一流畅,玩家留存率自然提高。

3、切记切记切记:要保持一致。

为了强调这一点,小编特意加了3个“切记”。说起来简单,但“一致”其实包含了很多方面。比如不同组成部分之间的交互设计目标要一致:目标用户如果是小白玩家,就别把界面逻辑整得太复杂,不光局部如此,整体也要如此。交互元素的外观也要保持一致:这样可以保持玩家注意力集中。不过这个还没有统一标准,千万别一拍脑袋就决定。想想WOW

为什么能火10年?毛主席说了,没有调查就没有发言权。玩家触发不同类型元素对应的行为事件后交互行为更需要一致:比如需要确认操作的对话框里至少都得有“确认”和“取消”这两个按钮,如果极端点的话,相同类型交互元素引起的行为事件也应该都相同,但具体情况还得具体分析,不可胡子眉毛一把抓。

4、不管设计得多么花里胡哨,永远别忘了:这东西是给人用的,功能性差,其他什么都白搭。

乔帮主的苹果为什么大家都肯买账,除了外观精致,更重要的还是它的每个功能点都妥妥地戳中用户的G点。游戏UI也是同样道理,这毕竟是给玩家用的,只有让他们感觉不累赘,一点就上手,才愿意下回接着玩。伟大的设计,都在艺术美、易用性、性能和成本间寻求平衡。

以上就是游戏UI设计的基本流程和一些设计经验,欢迎各位UI大神补充。大家可以添加17xuee游戏学院官方微信账号,在微信跟我互动交流。

相关文档
最新文档