UI & UX微提示:第8辑
在为下一个项目创建高效,美观的用户界面时,有时仅需进行最小的调整即可帮助快速改进你要创建的设计。
仅需进行简单的调整即可制作出令客户,用户和你自己真正满意的产品。
在本文中,我总结了一些小的、易于实践的小技巧,这些技巧可以帮助改善你的设计和用户体验。
让我们开始吧…
首先从目标开始你的信息,而不是行动。
始终尝试以正确的顺序向用户构建您的消息。
在描述目标以及实现目标所需的行动时,请以目标开始句子。
以这种格式构建您的消息将使它们更容易理解,同时有助于减少用户错误 。
你的阴影真的来自一个光源吗?
确保你的阴影总是由一个光源投射,惊喜,惊喜,通常来自上方。
创建以不同角度投射的阴影 是一个容易犯的错误,但它会使您的设计显得草率。
请记住,我们不是居住在拥有一千个太阳的土地上。
很好地使用空白来实现更健壮的视觉层次结构。
空白空间。负空间。获得正确的平衡以 在页面上构建可靠的视觉层次结构。
太少的空白会完全消除视觉层次 ,让用户感到不知所措和分心。
需要平衡空白 以保持可读性、支持可扫描性并帮助用户集中注意力。
通过为正文选择正确的行长来提高可读性。
处理正文并确定合适的行长度可能是一种平衡行为。
45 到 75 个字符的行长度被广泛认为适合单列页面,66 个字符的行 (包括字母和空格)被认为是最佳位置。
当然,字体大小和行高 是决定可读性的一个因素,但对于行长,坚持 45-75 个字符的限制,你会没事的。
使用有用的空状态提示初始用户操作。
空状态。非常有利于改善用户体验,但经常被忽视。
将空状态作为用户快速发现有益于他们的功能的机会, 让他们更快地实现他们的目标,并按照您的意图使用网站或应用程序。
请不要让您的用户 不知先做什么,并从正确的角度开始。
根据字体的 x 高度设置行高以获得最佳可读性。
具有不同 x 高度的字体需要不同的行高测量, 以实现最佳的可读性和易读性。
例如,Merriweather是一种具有大 x-height的字体,因此需要更大的 line-height。
相比之下,像Mr Eaves Sans 这样的小 x 高度需要较少的行高 来实现最佳可读性。
通过这个简短的技巧集,我希望您已经意识到,即使对您的设计进行微小的调整,也可以为您自己和您的用户带来更好的结果。
作者:Marc Andrew
相关传送门