在为一个项目创建高效、美观的 UI 时,有时只需进行最小的调整即可帮助快速改进您尝试创建的设计。

有时只需简单的调整就可以制作出让您的客户、用户和您自己真正满意的东西。

在这篇文章中,我整理了一些小技巧,并且很容易付诸实践,它们可以毫不费力地帮助改善您的设计和用户体验。

让我们深入了解……

1. 在用户界面中使用已建立的图标以降低用户认知成本。

在为你的设计中添加图标时,请始终尝试选择一个已建立的图标,该图标清楚地表示将要采取的行动。

选择一个能传达正确含义和功能的图标,因为其他任何东西只会引起混乱并成为用户的认知障碍。

不要对这些图标太叛逆。

2. 根据接近原则来表示元素之间的关系。

在众多尝试和测试过的可用设计原则(对比度、空间、重复等)中,有一个是帮助您为用户制作更清晰 UI 的关键……

接近原则。

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

3. 4点基线网格 + 8点网格 = 和谐的垂直节奏。

使用网格系统辅助设计时,将4点基线网格系统与8点网格系统一起使用可以为您的设计带来更加和谐的垂直节奏。

您只需要将您的类型与基线网格对齐 4, 用一个行高值这是一个倍数 4 (16、20、24、28 等等……)

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

4点网格 + 8点网格 =和谐的垂直和谐。

4. 减少标题上的行高是很好的。

与需要足够行高以提高易读性的长格式正文相反,标题通常要短得多,因此你可以稍微放宽间距。

推荐的标题行高通常是文本大小的 1 到 1.3 倍左右,并且越大,需要添加到文字中的行高就越少。

5. 在选择配色方案时遇到麻烦?在色轮上进行类比。

类似色,也称为相邻或相邻的色调,是最和谐的配色方案之一,如果您在挑选可以很好搭配的颜色时遇到困难,它可以为您提供很大帮助。

一组由原色、次色和三次色组成的相邻色调可以帮助您快速创建简单、防弹的配色方案。

当您需要将色彩和谐融入混合中时,请使用类比……快速。

6. 尝试最大化您设计中的信噪比。

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

您可以通过确保有效地呈现相关信息(信号)并完全减少或去除不相关信息(噪音)来实现这一点。

剪掉过于详细的信息,让信息传达更清楚,提高信噪比。

以上是本期分享的6个改善设计的小技巧,

希望通过这个方便的UI和UX小技巧集合,让你了解如通过何设计的最小调整能够为你自己和你的用户产生更好的用户体验效果。

Powered by Froala Editor