UI & UX微提示:第8辑

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

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

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

让我们开始吧…

首先从目标开始你的信息,而不是行动。

 

始终尝试以正确的顺序向用户构建您的消息。

在描述目标以及实现目标所需的行动时,请以目标开始句子。

以这种格式构建您的消息将使它们更容易理解,同时有助于减少用户错误 。

 

你的阴影真的来自一个光源吗?

 

确保你的阴影总是由一个光源投射,惊喜,惊喜,通常来自上方。

创建以不同角度投射的阴影 是一个容易犯的错误,但它会使您的设计显得草率。

请记住,我们不是居住在拥有一千个太阳的土地上。

 

很好地使用空白来实现更健壮的视觉层次结构。

 

空白空间。负空间。获得正确的平衡以 在页面上构建可靠的视觉层次结构。

太少的空白会完全消除视觉层次 ,让用户感到不知所措和分心。

需要平衡空白 以保持可读性、支持可扫描性并帮助用户集中注意力。

 

通过为正文选择正确的行长来提高可读性。

 

处理正文并确定合适的行长度可能是一种平衡行为。

45 到 75 个字符的行长度被广泛认为适合单列页面,66 个字符的行 (包括字母和空格)被认为是最佳位置。

当然,字体大小和行高 是决定可读性的一个因素,但对于行长,坚持 45-75 个字符的限制,你会没事的。

 

使用有用的空状态提示初始用户操作。

 

空状态。非常有利于改善用户体验,但经常被忽视。

将空状态作为用户快速发现有益于他们的功能的机会, 让他们更快地实现他们的目标,并按照您的意图使用网站或应用程序。

请不要让您的用户 不知先做什么,并从正确的角度开始。

 

根据字体的 x 高度设置行高以获得最佳可读性。

 

具有不同 x 高度的字体需要不同的行高测量, 以实现最佳的可读性和易读性。

例如,Merriweather是一种具有大 x-height的字体,因此需要更大的 line-height。

相比之下,像Mr Eaves Sans 这样的小 x 高度需要较少的行高 来实现最佳可读性。

通过这个简短的技巧集,我希望您已经意识到,即使对您的设计进行微小的调整,也可以为您自己和您的用户带来更好的结果。

作者:Marc Andrew

 

相关传送门

UI & UX微提示:第7辑

UI & UX微提示:第6辑

UI & UX微提示:第5辑

UI & UX微提示:第4辑

UI & UX微提示:第3辑

UI & UX微提示:第2辑

UI & UX微提示:第1辑

本页面最后更新于 2021年08月11日 12:31