这次、有 10 个技巧，包括 1 个针对 Web UI 和 UX 的技巧。

回顾以前的文章，所以你不会错过任何东西。

初学者在UI设计中你应该注意的事项（1）

初学者在UI设计中你应该注意的事项（2）

1、不要极限饱和

高度饱和的颜色产生峰值对比度。移动应用中，当背景是暗黑时，高度饱和的元素会刺激眼睛并给用户带来不好的体验。暗模式通常在夜间使用，因此设计师有责任保持舒缓和放松的氛围——为此，应将饱和度限制在 200-500 左右之间。

2、按钮层次结构

在单个屏幕上，理想情况下应该只有一个主 CTA，其后可以是辅助 CTA 按钮。这是因为在屏幕上有多个 CTA 按钮可能会让用户不知所措。这可能会在做出决定时造成混乱。

3、削减动词

无需在菜单上添加动词或创建短语。以适当的方式编写的最少信息足以理解。因此，在设计菜单时尽量避免添加无关紧要和多余的词，因为它们没有好处。

4、不要使用绝对的黑和白

有数百家移动公司拥有多部手机，每家手机的颜色都略有不同。使用纯黑色 (#000000) 和白色 (#FFFFFF) 可能不会按原样弹出，这可能会令人失望。相反，我们可以使用深灰色和偏白色来覆盖和创建外观相似的界面。

5. 注意字体大小保持平衡

您可能已经注意到很少有字体大小不平衡的表单。坚持最小的字体大小差异使 UI 看起来很平衡。

提示：在决定字体大小时，请选择倍数。例如 16（标题）、12（副标题）、10（正文）和 8（标题）- 2 的倍数。

6. 图标要保持一致

我已经多次注意到这一点，并且也错误地这样做了。人们使用来自不同包/集的图标。不！这样做你犯了一个巨大的错误，因为这会使 UI 看起来非常不成熟。图标唤起情绪，有助于轻松理解事物。在将图标用于最终 UI 之前，请从类似的图标包中收集图标。

7. 带模式的颜色

一般来说，一个调色板就足以在暗模式和亮模式下设计界面，但这是错误的。在浅色模式下看起来不错的颜色对于深色模式可能太暗，反之亦然。最好的解决方法是使用 2 个不同的调色板，使用不同的颜色饱和度。

8. 引导页要持有开放态态

应用引导是定义用户使用产品（应用、网站或平台）的辅助。尝试对流程以及将采取哪些步骤持开放态度。赋予“跳过”和来回移动的能力对于用户使用感受非常重要。

9. 图像较浅时可以叠加深色层

许多网站都是图像驱动的，要在 UI 上有效地使用图像就是在其上进行叠加。叠加层增加了图像上的内容可读性。

10. 提示滚动

对于笔记本电脑、平板电脑和电视等大屏幕——还有很多未使用的空间。利用底部左侧空间的最佳方式是稍微浏览一下内容，让用户提示滚动。这从 UI 和 UX 方面都很好，因为空间的使用方式是用户可以看到所有内容。

小伙计们，这些是在设计数字产品体验时应该遵循的 10 条注意事项。希望这可以帮助您了解 UI 设计的基础知识！

原作者：Ayushi Verma