slynyrd像素画教程：游戏UX/UI设计基础

slynyrd像素画教程：游戏UX/UI设计基础

本文共808个字，阅读大约需要2分钟。

本文首发于教你画像素画。

摘要：与手机app应用一样，UX/UI设计的质量也决定游戏的成败。因此，如果你想开发游戏，就需要具备UX/UI设计能力。

关键词：slynyrd，像素画，独立游戏，UX设计，UI设计，基础

题图：Kodh

什么是UX/UI设计？

UX（user experience）：用户体验是游戏视觉效果和交互方式带给玩家的整体体验。

UX设计的目标：

直观且易于使用：玩家无需思考就可以玩游戏。

交互让人感到满意：不同的游戏设备交互方式不同，比如手机游戏就应该首先手指点击和滑动的游戏交互方式

快速响应：游戏必须流畅，没有bug

UI（user interface）：用户界面是用户与游戏交互的所有视觉元素，例如字体，图标和菜单等。UI设计就是设计游戏的界面元素，用于指引和引导玩家玩游戏。

UI设计的目标

一致的视觉语言：所有UI元素的颜色，形状，大小，字体和位置应遵循一致的规则

符合游戏玩法的美学：视觉风格与游戏气氛相匹配，直观地告知玩家游戏玩法。

可读性强，不会分散注意力：UI元素在任何情况下都能很好被用户读取，且不会妨碍游戏玩法。

角色血条

角色血条是游戏中最常见的ui元素之一。这里介绍一些像素画血条的常规样式。

每种血条都有优缺点。使用最直观的游戏风格。大的形状（如心形）在图形上很吸引人，但是在屏幕上占用了大量空间。数字非常准确，但在目前的设计下很难阅读。

可以通过修改基本设计元素（例如颜色，形状和方向）迭代设计，使血条在视觉和概念上都符合你的游戏。某些游戏使用更多有关玩家健康的概念性表示。例如，在《毁灭战士Doom》中，随着血条下降，角色的脸会变得瘀伤和流血。另外给UI元素添加动画也是不错的选择。

玩家血条通常是最重要的状态。因此，它应始终可见，但不能挡住其他重要元素或影响游戏玩法。

其他资源条

除了血条，角色还会拥有多种属性和资源。比如子弹数量，能力，魔力等等。

在设计这些UI元素时，需要确保和血条的美术风格保持一致。

在给UI元素添加动画，需要小心不要太花俏，它可能会分散玩家的注意力。

完。