前言： 创建漂亮，可用和高效的UI需要花费时间，并在此过程中进行多次设计修订。不断进行调整，以产生令您的客户、用
创建漂亮，可用和高效的UI需要花费时间，并在此过程中进行多次设计修订。不断进行调整，以产生令您的客户、用户和您自己真正满意的东西。我知道。我之前做到过很多次。
但是我多年来发现的是，通过进行一些简单的视觉调整，您可以快速改善您要创建的视觉效果。
在本文中，我总结了一些易于实践的小技巧，这些技巧有助于改进您当前的设计，并希望为您下一个项目提供一些指导。
1. 使您的组件看起来更清晰
在某些组件周围使用“ 多个阴影”或非常细微的边框(比实际阴影要暗的阴影)，以使这些组件显得更锐利，更清晰，并避免出现那些让人困惑的阴影。
2. 在设计中只用一种字体是极好的
在创建文稿时只选择一种字体是完全可以的，有时这样做可以帮助您产生更结实，更一致的结果。
无视掉“始终使用最少2种字体” 那类人群。结合使用Weights，Sizes和Color，您仍然可以产生完全可接受的结果。
3. 创建长篇内容?给出20pt，然后试一试
对于长篇内容(例如，博客文章，项目说明以及所有诸如此类的)，请尝试在Body副本中设置20pt(甚至更大)。
当然，这取决于所选择的字体，但是大多数流行的字体在20pt时效果都很好，并且当面对一大块文字时，可为用户带来更好的阅读体验。18pt从来都很糟糕。
4. 改善用户的入门体验
使用户可以随时跳过您的Mobile App Onboarding教程，并将“ 跳过”链接放置在容易触及的范围内。
大拇指仍然统治着2021年!
5. 您的阴影来自一个光源吧?
确保您的阴影始终仅来自一个光源。这是一个简单的，有时会被忽视的规则。
记住，我们不是生活在千百个太阳的土地上。
6. 用细微但简单的叠加层改善文本和图像之间的对比度
根据文本在图像上的位置，您可以选择尝试过并测试过的全图像覆盖，或更精细的(从下到上，或从上到下)渐变覆盖，以实现两个元素之间的简单对比度。
7. 适度使用居中文本。保持低调 ;)
尝试仅对标题和文本的小段落使用居中文本。对于几乎所有其他内容，请保持那些个坏子(嗯，文本内容)左对齐。
8. 空格是您的朋友。大方地用吧!
啊，好的空格，负空间，你懂的。大方地或适度地使用它，但是要用得好。
即使是少量的白色也能让你的设计“透气”，看起来更“光洁”。这是改进设计最快速、最简单的方法之一。
9. 在浅色背景上使文本变暗
在浅色背景下工作时，不要让你的文字太亮。看起来好像所有很酷的孩子都(仍然)在做，但你比他们聪明，想要创建更容易访问的界面，对吗?
作者： 马克·安德鲁(Marc Andrew)
设计师。https://marcandrew.me上的UI和UX文章为Sketch创建了Cabana设计系统
文章出自：http://qh.itpxw.cn/peixun/ui/202188167.html
文章标题：改善UI技术的技巧
免责声明：本站文章均由入驻起航学习网的会员所发或者网络转载，所述观点仅代表作者本人，不代表起航学习网立场。如有侵权或者其他问题，请联系举报，必删。侵权投诉
