近期热门
粉丝7
关注 0
获赞 2
游戏UI是这样一步一步设计的

[UI] 游戏UI是这样一步一步设计的

 !heats_icon! [复制链接]
1871 3 0 2 8年前 举报
0.jpg   你是不是和许多人一样,玩过很多游戏,却从来没有关注过UI。如果不是因为游戏UI设计师目前水涨船高的身价和异常庞大的需求,你也许关注的还是游戏的角色、场景、剧情、玩法等等,根本想不到UI设计已经在游戏行业里排在了一个何等重要的位置。
  UI = User Interface,也就是“用户界面设计”。打开你过去24小时里玩过的游戏,从登录界面、操作界面,到游戏道具、技能标志,所有这些设计,统统属于游戏UI。换句话说,你在玩游戏的过程中一半以上的工夫都在跟UI打交道,它设计得是否巧妙、清晰、流畅,很大程度影响到了你的游戏体验。
  讲到这里,肯定有不少UI设计小白开始在网上找关于游戏UI设计制作的各种内容。我也找了找,发现这方面的干货少得可怜。如今互联网时代处处谈分享,既然伸手党当不了,那就主动来种草吧,欢迎各位一起来施肥。本人在游戏圈混了小10年,江湖人称GA君,有点UI经验,平时也喜欢角色扮演,最爱当老师。饭得一口口吃,路要一步步走。既然想学游戏UI,还是得先从基础学起。下面我就简单讲讲游戏UI的设计流程,虽然简单,可句句是干货。如果感兴趣,想了解更多,可以私下联系我。
  在开始高大上的游戏UI设计之旅前,你先要明确一个最最基本的概念:游戏UI不是把自己关在小黑屋里,脑袋一拍,想怎么画就画出来的。你得先跑到游戏策划那儿,和对方推心置腹地沟通,了解清楚你要设计的游戏究竟是玩什么、给谁玩、怎么玩。这几点确定了,才好确定美术风格。比如,你在下手前要先确定游戏的题材、背景年代、质感、整体色调、可用元素等等。要是做一款三国背景的游戏,对话界面竟然跳出肾6的屏幕,如果你是玩家,会不会觉得整个人都穿越了?
  第一步搞定后,你就进入搭框架阶段,从主界面开始一层层深入设计,像是一些常用界面、弹出框、功能按钮、道具、技能图标等等,要是连一些杂七杂八的东西再加上游戏Logo也能连带着一道设计掉,那真是极好的。
  偷偷告诉你几个小Tip,包你工作起来事半功倍:
  1、先给界面模块的开发分清优先级,大家可以根据工作量和时间差安排好时间;
  2、务必先要确立好设计规范。否则等开工了再边做边改,会死掉多少脑细胞,你造吗?
  3、菜单层级控制在3级,不要超过4级。
  到这里就可以为每个元素布局并制作草稿了。千万别想当然,一定要根据用户操作习惯,规划好显示区域、操作区域、执行按钮区域等。用于展示的图标不要大于操作图标,只要能清楚显示就行。 文字的字体样式和大小也顺便敲定,都别超过3种。动态文字用系统默认就够了,等到中期再看情况做详细规定。
  现在,制作主界面UI以及主要功能按钮的时机才算成熟,可以正式确立UI整体风格了。根据刚开始设定的信息和原画图片,确保UI风格跟原画风格统一。颜色别整得太花里胡哨,清晰美观即可,切记一条关键原则:哪怕玩你游戏的是从没玩过游戏的小白,只要他们能分分钟顺着你的思路走下去,你就赢了。好的UI不仅可以让游戏变得顺畅简单,还能让整个体验更上一层楼。
  现在明白整套流程了吗?既然说到这里,
  我就顺便把多年积累的UI设计经验也分享一点给大家。
  不多说,就4条,都是可以在设计游戏UI时着重考虑的,能不能加分看你的运用水平,但至少能保证你在做UI设计时被少退几稿。
  1、让你设计的界面简洁,减少玩家发生选择错误的可能性。
  别一开始就迫不及待地把那些八竿子打不着的内容一股脑展现出来,玩家也不可能记得住。你还在读小学,就让你背三角函数,除了把自己绕晕,对你学习数学没有任何帮助。游戏也是一样,让铺天盖地的菜单、按钮、图标、文字一开始就碾压过来,玩家只会头昏眼花。相信我,那么多功能,能用全的玩家不会超过一半。对于大多数人,只要呈现给他们流畅的游戏体验,就足够了。
  2、UI设计要能一眼看明白,一点就有效。
  人脑毕竟对于图形的识别速度要高于文字,生活中常见物品又会对他们产生直观的暗示。如果能在UI设计中合理应用这些暗示,让玩家一眼看明白相应操作的含义,他们就能无脑式操作。操作一流畅,玩家留存率自然提高。
  3、切记切记切记:要保持一致。
  为了强调这一点,鬼谷门动漫游戏学校特意加了3个“切记”。说起来简单,但“一致”其实包含了很多方面。比如不同组成部分之间的交互设计目标要一致:目标用户如果是小白玩家,就别把界面逻辑整得太复杂,不光局部如此,整体也要如此。交互元素的外观也要保持一致:这样可以保持玩家注意力集中。
  不过这个还没有统一标准,千万别一拍脑袋就决定。想想WOW为什么能火10年?毛主席说了,没有调查就没有发言权。玩家触发不同类型元素对应的行为事件后交互行为更需要一致:比如需要确认操作的对话框里至少都得有“确认”和“取消”这两个按钮,如果极端点的话,相同类型交互元素引起的行为事件也应该都相同,但具体情况还得具体分析,不可胡子眉毛一把抓。
  4、不管设计得多么花里胡哨,永远别忘了:这东西是给人用的,功能性差,其他什么都白搭。
  乔帮主的苹果为什么大家都肯买账,除了外观精致,更重要的还是它的每个功能点都妥妥地戳中用户的G点。游戏UI也是同样道理,这毕竟是给玩家用的,只有让他们感觉不累赘,一点就上手,才愿意下回接着玩。伟大的设计,都在艺术美、易用性、性能和成本间寻求平衡。
  首发地址: 游戏UI是这样一步一步设计的__丝路教程网
  资源地址: http://blog.silucg.com/UI/yx/870.html(分享请保留)


0
点赞
0
打赏
2
添加到收藏夹

0

点击复制链接

使用微信扫码分享
一次扣10个券
全部评论3
您需要登录后才可以回帖 登录

{:8_322:}
7年前
回复

使用道具 举报

啥也不说了,楼主就是给力!
8年前
回复

使用道具 举报

啥也不说了,楼主就是给力!
8年前
回复

使用道具 举报

您当前使用的浏览器IE内核版本过低会导致网站显示错误

请使用高速内核浏览器或其他浏览器