原文作者 Marc Andrew ：设计师，讲师，为Figma创建了 Cabana 设计系统。

——

6种小技巧，立即改善你的设计。

当你在设计高效、易用、漂亮的UI界面时，一些看似微不足道的细小调整就可以明显提升你的设计质量。

有时，只需简单的调整就可以设计出让客户、用户和你自己真正满意的作品。

在这篇文章中，我列出了一些细小的、易于实践的小技巧，只需用很少的成本，就可以改善你的设计和用户体验。

·    ·    ·

1. 使用装饰性元素

屏幕上的大多数文本内容应该遵循可用性最佳原则，这样想当然没有问题。但是，如果你有时候也会想把一些文字纯粹作为装饰性元素使用，那这个想法也很好。我们都不想我们的设计作品乏善可陈。

为了装饰页面添加一些小元素，并在视觉上尽可能加以弱化，这是非常好的……只要这个元素，不会影响到用户体验。

·    ·    ·

2. UI 中的元素要互相区分开

按钮，通知，UI 中的两个相互独立又很重要的元素。

如果可以的话，一定要确保用户在浏览你设计的网站或 App 时能够快速、轻松地将它们区分出来。

在大多数情况下，按钮会占据优先位置，所以要尽可能把页面上的按钮设计的突出，并且和其他元素清晰的区分出来（比如：通知）。

·    ·    ·

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

我们都喜欢好看的阴影效果，对吧？

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

但是，这里最重要的就是要巧妙。

大多数情况下，现实世界中的阴影几乎是不可见的，所以你应该在ui中模拟这种特性。

不要再使用看起来很重、很暗的阴影，应该降低阴影的不透明度，以达到更微妙和逼真的效果。

·    ·    ·

4. 字母全部大写时，要保证字体的阅读性

在你的设计中适度使用全部大写是很好的。

将全部大写应用于某些文本元素可以增强和其他文本元素之间的对比，也可以丰富画面，强化你想要实现的视觉效果。

如果你决定使用全部大写来设计样式，尽可能选择一个行高合适的字体，使用一定的字重，以足够的清晰度展示给用户。

·    ·    ·

5. 面包屑要突出显示，便于用户理解。

面包屑的使用无处不在。

面包屑经常用于内容较多的网站，但是并不都能得到用户的正向反馈。

通过最小的调整，就可以让用户轻易地确定自己所在的站点位置，以及他们可能需要去的其他地方。

如果用户通过搜索结果跳转到网站的路径深处，这一点会非常有用。

永远记住面包屑的最后一个选项要在视觉上不同于其他选项，并且带链接选项的可点击性也要明确的展示出来（比如使用下划线～）。

把面包屑设计的友好一些，好让它得到应得的爱。

·    ·    ·

6. 使用高度饱和的颜色？尝试使用“色调”或“阴影“调和一下

在网站上使用高饱和度的颜色（鲜艳的蓝色、红色、绿色等）看起来不错，但是如果过度使用，会使用户感到疲倦，尤其是与大量文本内容一起使用时。

高饱和度颜色的使用要适当，并尽量和柔和的颜色（色调或阴影）搭配使用，以免造成可怕的眼睛疲劳。

使用这种方法还可以将用户的注意力引导到饱和度高的颜色上，让最重要的内容成为最前面的内容，比较柔和的颜色就不那么突出，让用户的眼睛得到一点休息。

· · ·

我希望通过这些方便的 UI & UX 小技巧，可以让你更多地了解到，如何只用微小的调整就可以为你的设计和你的用户带来更好的结果。

——

原文发表于2021年2月4日的 marcandrew.me

Powered by Froala Editor