10个技巧，包括1个针对WebUI和UX的技巧。

【资料图】

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设计的基础知识！