UI & UX微提示:第1辑

在为下一个项目创建高效,美观的用户界面时,有时仅需进行最小的调整即可帮助快速改进你要创建的设计。

仅需进行简单的调整即可制作出令客户,用户和你自己真正满意的产品。

在本文中,我总结了一些小的、易于实践的小技巧,这些技巧可以帮助改善你的设计和用户体验。

让我们开始吧…

偶尔使用纯粹的装饰元素是完全可以的

是的。屏幕上的大部分文本内容应该遵循可用性最佳实践。没有问题问。

但是。有时你想要添加纯粹用于装饰目的的文本,这是很好的。我们不希望我们所有的设计都落入乏味的领域。

纯粹出于装饰原因而添加一些奇怪的元素并没有什么问题,只要不添加这些元素会以任何方式影响用户体验就行。

活着就应该也享受一下。

让用户界面中的元素彼此区分开来

在设计网站时,值得记住的是,用户倾向于按照“ F”模式扫描网站。尼尔森·诺曼小组(Nielsen Norman Group)的研究已证实了这一点,该研究在浏览数十个页面时检查了眼球的运动,并注意到视力将跟随标题,然后是其下的几个点以及页面的下一个标题。这是收件人快速决定自己是否感兴趣的方式。

你所需要的只是少量的阴影

我们都喜欢好的阴影效果,对吗?

当适度使用它们时,它们可以在你的设计中充当微妙但强大的视觉提示。

但。微妙是这里游戏的名称。

在大多数情况下,现实世界中的阴影几乎是不可见的,因此你应该在用户界面中模仿这种行为。

消除沉重的阴影,降低不透明度,以实现更加微妙和逼真的效果。

使用全部大写?选择适合光学清晰度的字体

在设计中适度使用全部大写是不错的选择。

将所有的大写字母应用到特定的文本元素可以帮助你在设计中实现一些多样性和其他文本元素之间的对比,并增强你试图呈现的整体视觉效果。

如果你决定使用所有的大写来设计样式,试着确保你选择了一个合适的字体,很高的x-height*,并且使用更重的字体来为用户提供光学清晰度。

*X-Height

术语x-height是指给定字体中,任何给定尺寸下小写字母x的高度。 

它提供了一种描述任意字体一般比例的方法。

让面包屑突出并易于用户理解

面包屑(导航),到处都是面包屑。

在内容丰富的网站上经常使用,但并不总是表现出应得到的爱。

通过最小的调整,你可以确保用户可以轻松查明他们在站点中的位置以及他们可能需要去的其他位置。

如果他们已经通过使用“搜索”跳到网站深处,这将特别有用。

始终尝试确保链中的最后一个项目在视觉上与其余项目有所不同,并且,链接,请尝试使它们看起来像这样。

给面包屑一些爱。

要用高度饱和的颜色吗?试着用一种颜色或阴影来缓和气氛。

高度饱和的颜色(鲜艳的蓝色、红色、绿色等)在网站上看起来很不错,但如果过度使用,会让用户的眼睛感到疲劳,尤其是使用在大量文本内容上。

尽可能适度使用它们,并尝试与饱和颜色的柔和颜色(色调或阴影变体)相结合,以避免可怕的眼睛疲劳。

使用这种方法还可以将注意力转移到饱和的颜色上,将最重要的内容放在前面和中间,而更柔和的颜色扮演不那么突出的角色,让用户的眼睛得到休息。

照顾好那些光学人士。

我希望通过这篇实用的UI和UX小技巧集,你能够对如何对设计进行最小的调整,从而为你和你的用户创造更好的最终结果有更多的了解。

作者:Marc Andrew

 

相关传送门

UI & UX微提示:第7辑

UI & UX微提示:第6辑

UI & UX微提示:第5辑

UI & UX微提示:第4辑

UI & UX微提示:第3辑

UI & UX微提示:第2辑

UI & UX微提示:第1辑

本页面最后更新于 2021年05月06日 12:53