初学者在UI设计中你应该注意的事项(3)

这次、有 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

本页面最后更新于 2022年07月17日 15:34