UI & UX微提示:第2辑

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

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

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

让我们开始吧…

 

在用户界面中使用已建立的图标,以避免引起用户混淆

在你的设计中添加图标时,通常是选择一个已创建的图标来清楚地代表将要采取的行动。

选择一个能传达正确含义和功能的图标,否则只会引起困惑,成为用户的认知障碍。

不要在这些图标上过于叛逆。

 

使用亲密性来表示元素之间的关系

在众多经过实践检验的设计原则(对比度,空间,重复等)中,有一条是帮助你为用户创造更清晰的ui的关键。

亲密性。

亲密性只是确保相关设计元素放在一起的过程,表明彼此之间的关系,这反过来有助于在浏览你的网站或应用程序时加快用户的认知速度。

 

4pt基线网格+ 8pt网格=和谐的垂直节奏

当处理字体时,使用4pt基线和永远通用的8pt网格可以为你的设计带来更和谐的垂直节奏。

你只需要调整你的类型的基线网格4,使用的line-height值是的倍数4(16,20,24,28等...)

为什么是4?好吧,对我个人而言,我发现过去使用8的倍数缩放在处理某些文本大小时并不是那么通用。

4pt基线网格+ 8pt网格=甜蜜的垂直和谐。

 

减小标题的行高是件好事

与需要足够的行高来增加可读性的长篇正文不同,标题通常要短得多,所以你可以稍微减少间距。

建议的标题行高通常约为文本大小的1到1.3倍,文本越大,需要添加的行高就越少。

给标题搭配轻便的行高。

 

选色方案有困难吗?在色轮上进行类比

类似的颜色(也称为相邻或相邻的色相)是最和谐的配色方案之一,如果你在挑选能很好地搭配使用的颜色时遇到麻烦,则可以极大地帮助你。

一组由主色,次色和第三色组成的相邻色相可以帮助你快速创建简单,不会出错的配色方案。

当你需要快速将颜色和谐地融入其中时,请选择“类似色”。

 

尝试并在设计中最大化信噪比

设计中的清晰度和可用性可以通过最大化信号和最小化噪声来实现,这反过来又产生了高信噪比。

你可以通过确保有效显示相关信息(信号),并完全减少或消除不相关信息(噪声)来实现此目的。

剪掉绒毛。让事情变得更清楚。提高你的信噪比。

 

作者: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月09日 09:00