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

教你画像素画原创教程

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

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

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

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

1、系统状态可见性

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

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

2、系统与现实世界匹配

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

3、用户控制和自由

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

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

4、一致性和标准

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

5、防止错误

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

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

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

7、灵活性和效率

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

8、美学和简约

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

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

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

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

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

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

10、游戏帮助和文档

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

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

作业

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

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