Files
netease-bedrock-wiki/mconline/55-交互设计教程/10-需要注意的点.md
2025-08-25 18:36:29 +08:00

29 lines
1.4 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 需要注意的点
## 使用九宫格制作自适应的内容
九宫格是绘制UI经常会使用的方法九宫格的好处有
- 绘制简单,但是需要一定的想象力,需要在绘制时就考虑清楚使用九宫格后会是什么样子。
- 大小可以随意拉伸,边缘会随着长宽进行变化。
- 图片分辨率小,占用内存少。
我的世界原版就有大量的UI内容是运用九宫格的方式进行制作的九宫格只需要设置好四个边缘的像素就可以自适应屏幕非常的方便后期修改以及素材复用
![img](./images/10_1.png)
## 表现出明显的像素感
因为游戏的本体UI界面是16x16的分辨率过高的分辨率导致像素感缺失对于玩家来说是比较突兀的。
手绘的像素UI推荐绘制的分辨率不要超过32x32超过以后像素感就没有那么强了并且可能因为看起过于圆滑的UI导致整体的UI风格和原版脱节。
![img](./images/10_2.png)
## 注意屏幕的安全区
尽量不要把UI或者关闭按钮设置在屏幕的边缘而且把按钮设置的非常的小因为部分屏幕存在一个安全区的概念尤其是曲面屏更常见。安全区就是手机为了防止玩家触碰边缘进行误操作而专门设置的一块区域这块区域点击时是无效的。
所以在设计按钮位置时,尽量离屏幕边缘区域有一定的距离,以防按钮在部分机型上无法被点击。