创建漂亮，可用和高效的UI需要花费时间，并在此过程中进行多次设计修订。不断进行调整，以产生令您的客户、用户和您自己真正满意的东西。我知道。我之前做到过很多次。

但是我多年来发现的是，通过进行一些简单的视觉调整，您可以快速改善您要创建的视觉效果。

在本文中，我总结了一些易于实践的小技巧，这些技巧有助于改进您当前的设计，并希望为您下一个项目提供一些指导。

1. 使您的组件看起来更清晰

在某些组件周围使用“ 多个阴影”或非常细微的边框(比实际阴影要暗的阴影)，以使这些组件显得更锐利，更清晰，并避免出现那些让人困惑的阴影。

2. 在设计中只用一种字体是极好的

在创建文稿时只选择一种字体是完全可以的，有时这样做可以帮助您产生更结实，更一致的结果。

无视掉“始终使用最少2种字体” 那类人群。结合使用Weights，Sizes和Color，您仍然可以产生完全可接受的结果。

3. 创建长篇内容?给出20pt，然后试一试

对于长篇内容(例如，博客文章，项目说明以及所有诸如此类的)，请尝试在Body副本中设置20pt(甚至更大)。

当然，这取决于所选择的字体，但是大多数流行的字体在20pt时效果都很好，并且当面对一大块文字时，可为用户带来更好的阅读体验。18pt从来都很糟糕。

4. 改善用户的入门体验

使用户可以随时跳过您的Mobile App Onboarding教程，并将“ 跳过”链接放置在容易触及的范围内。

大拇指仍然统治着2020年!

5. 您的阴影来自一个光源吧?

确保您的阴影始终仅来自一个光源。这是一个简单的，有时会被忽视的规则。

记住，我们不是生活在千百个太阳的土地上。

6. 用细微但简单的叠加层改善文本和图像之间的对比度

根据文本在图像上的位置，您可以选择尝试过并测试过的全图像覆盖，或更精细的(从下到上，或从上到下)渐变覆盖，以实现两个元素之间的简单对比度。

7. 适度使用居中文本。保持低调 ;)

尝试仅对标题和文本的小段落使用居中文本。对于几乎所有其他内容，请保持那些个坏子(嗯，文本内容)左对齐。

8. 空格是您的朋友。大方地用吧!

啊，好的空格，负空间，你懂的。大方地或适度地使用它，但是要用得好。

即使是少量的白色也能让你的设计“透气”，看起来更“光洁”。这是改进设计最快速、最简单的方法之一。

9. 在浅色背景上使文本变暗

在浅色背景下工作时，不要让你的文字太亮。看起来好像所有很酷的孩子都(仍然)在做，但你比他们聪明，想要创建更容易访问的界面，对吗?

作者： 马克·安德鲁(Marc Andrew)

设计师。#上的UI和UX文章为Sketch创建了Cabana设计系统