大佬尼尔森诺曼教你画像素画原创教程

大佬尼尔森诺曼教你画像素画原创教程

“摘要:笨办法学像素画:游戏UI视觉设计10大原则”

教你画像素画原创教程

以前觉得UI设计不就是做界面吗?做了好多年游戏ui设计师游戏,不就是有多年的UI设计经验嘛?还真不是。像素美术虽然负责整个游戏的美术设计,但是游戏UI部分其实都是游戏策划设计的。

ui设计师游戏_游戏图标ui设计_游戏ui设计是什么意思

对游戏来说,核心玩法的规则就是游戏UI的一部分。不同种类的游戏交互也不一样,比如音乐类游戏玩家需要在正确的时机点击正确的按钮;格斗类哟游戏玩家则需要消灭屏幕上的所有敌人角色。

ui设计师游戏_游戏ui设计是什么意思_游戏图标ui设计

UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI即User Interface(用户界面)的简称。

大佬尼尔森诺曼总结了UI设计10大原则,同样适用于像素画游戏。

1、系统状态可见性

系统状态可见性意味着玩家要随时随地了解游戏世界的情况:角色是否有危险?现在得分的情况?金币有多少?这是第几关?时间还剩多少?由此可见游戏界面上的东西都是有用的,没有不必要的元素。

系统可见性除了将必要的信息展示给玩家,还需要及时对玩家操作进行反馈。当玩家按住向前按键时ui设计师游戏,马里奥就会向前走。马里奥顶砖,砖块就会被破坏。马里奥吃到金币,就会播放吃金币的音效等等。游戏使用动画或音效来反馈玩家,玩家就会知道自己的操作是OK的。假如没有反馈,那这个游戏就是坏的……玩家就会离开!

游戏ui设计是什么意思_游戏图标ui设计_ui设计师游戏

2、系统与现实世界匹配

应该使用玩家能够理解的文字,遵循现实世界的惯例来展示信息。比如有翅膀的乌龟可以飞游戏评测,玩家就比较容易接受。

游戏ui设计是什么意思_ui设计师游戏_游戏图标ui设计

3、用户控制和自由

游戏的新用户可能需要学习一段时间才能掌握游戏的玩法。好的设计应该允许用户犯错,支持重玩。

大多数游戏失败以后,都可以再次挑战。比如愤怒小鸟每个关卡结束以后,都可以重玩关卡。需要注意的是要让玩家可以方便的找到重玩按钮。

ui设计师游戏_游戏图标ui设计_游戏ui设计是什么意思

4、一致性和标准

超级马里奥游戏中,角色吃到蘑菇会变大。那么在空中吃到,也应该会变大才对。在空中吃到蘑菇不能变大会显得不合理。游戏的交互设计必然要合情合理,否则玩家就会被弄糊涂。

游戏ui设计是什么意思_ui设计师游戏_游戏图标ui设计

5、防止错误

比错误反馈更好的做法是精心设计,预防错误的发生。多测试,减少游戏bug~

6、不要让玩家背诵和记忆

使游戏操作简单,选项清晰,玩家不需要去背诵和记忆。暗黑破坏神的角色装备系统简洁又一目了然。装备的等级和质量使用颜色来区分,简单明了。

ui设计师游戏_游戏ui设计是什么意思_游戏图标ui设计

7、灵活性和效率

游戏应该为资深玩家提供快捷键操作。星际争霸,帝国时代这样的竞争性战略游戏都有快捷键。暗黑破坏神2也有,方便资深玩家刷怪……

ui设计师游戏_游戏ui设计是什么意思_游戏图标ui设计

8、美学和简约

界面要好看!要好看!要好看!至少达到市场游戏行货水准吧。

游戏图标ui设计_ui设计师游戏_游戏ui设计是什么意思

简约就是去掉不必要的元素,按钮上的字尽量简单,别罗里吧嗦的游戏素材下载 免费,NPC对话也别太长了,大部分玩家没时间一个字一个字去读。

游戏图标ui设计_游戏ui设计是什么意思_ui设计师游戏

9、帮助玩家识别和诊断,从错误中恢复

简单的讲就是不要在安装游戏这一步出错,如果出错了,也一定要说清楚哪里出错,解决方案是什么,千万不要学微软来个蓝屏,显示一堆除了程序员谁也看不懂的英文。

游戏ui设计是什么意思_游戏图标ui设计_ui设计师游戏

现在好多游戏都是app,一键安装省事啊!

游戏ui设计是什么意思_ui设计师游戏_游戏图标ui设计

往深了说,游戏太难玩家就会放弃的……所以玩家某一关老是过不去,是不是可以提供一些过关Tips呢?

10、游戏帮助和文档

不管什么情况,都应该提供游戏帮助和文档。大多数游戏会给一个操作指南。

游戏UI这一块,大家有什么建议或者想了解的内容可以留言。谢谢。

作业

选择一款游戏截图,然后制作出游戏的流程图。从游戏开始画面到过关画面结束。(需要包含失败画面)。

游戏开始--游戏画面--选关画面--游戏失败画面--游戏过关画面

本账号系网易新闻-网易号“各有态度”签约账号

文章来源:http://mp.weixin.qq.com/s?src=11×tamp=1687825098&ver=4615&signature=TgaoaeyX3hXnXSfXcofqIS560rbUv-ROsTQw5NWnEkLrNkRzMT2foBQL3Lx5EH0tiVG66kX9yd24CdI7Ho03HJhi1jeKwgfvZpZYQsmbBMvZpFjkKZSVZODUWKfwv5RI&new=1