麓言信息 初学者在UI设计中你应该注意的事项|当前速看

2023-06-30 09:18:59 来源: 个人图书馆-喝三鹿778

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

相关阅读