十一、UI 和 UX 微技巧：第二卷。
这里是ui设计小技巧的第二卷，这篇来自Mark Andrew 的文章。梳理了6个实用性很强的提升界面的设计视觉效果、用户体验，UI效果的小技巧，这篇文章最早发布于 marcandrew.me，快来看看吧。
1、在您的 UI 中使用已建立的图标以避免用户混淆。
在您的设计中添加图标时，请坚持选择一个已建立的图标 ，该图标清楚地表示将要采取的行动。选择一个能传达正确含义和功能的图标，因为其他任何东西只会引起混乱并成为用户的认知障碍和心里混乱。。
2、使用《接近》来表示元素之间的关系。
在众多尝试和测试过的 可用设计原则(对比度、空间、重复 等)中，有一个是帮助您为用户制作更清晰 UI 的关键……
接近。只是确保相关设计元素放在一起的过程，表明彼此之间的关系，这反过来有助于加快用户 在浏览您的网站或应用程序时的认知。
3、4pt 基线网格 + 8pt 网格 = 和谐的垂直节奏。
使用 Type 时，将4pt 基线 与多功能的8pt 网格一起使用可以为您的设计带来更加和谐的垂直节奏。你只需要调整您的类型的基线网格
4、减少标题上的行高是很好的。
与需要足够行高以提高易读性的长格式正文相反，标题通常要短得多，因此您可以稍微缩小间距 。推荐的标题行高通常是文本大小的 1 到 1.3 倍左右，并且越大，需要添加到混合中的行高就越少。使用您的标题行高亮。
5、在选择配色方案时遇到麻烦?在色轮上进行类比。
类似色，也称为相邻 或相邻的色调，是最和谐的配色方案之一，如果你在挑选可以很好搭配的颜色时遇到困难，它可以为你提供很大帮助。一组由主 色、次色和三次色组成的相邻色调可以帮助你快速创建简单、防弹的配色方案。当你需要将色彩和谐融入混合中时，请使用类比的方式。
6、尝试最大化您设计中的清晰度
设计中的清晰度和可用性可以通过最大化信号和最小化噪声来实现，这反过来又会产生高信噪比。您可以通过确保有效地呈现相关信息(信号)并完全减少或去除不相关信息(噪音)来实现这一点。剪掉无关紧要的小东西。让事情更清楚。提高你的页面清晰度。
欢迎关注作者的微信公众号：「我是飞天兜」
本文作者对该作品拥有完整、合法的著作权及其他相关权益。未经许可同意，任何个人或组织不得复制、转载、或以其他方式使用本网站内容。转载请联系作者，违规转载必究!
版权声明
1、本网站非盈利性网站，转载的文章遵循原作者的版权声明，如果原文没有版权声明，按照目前互联网开放的原则，我们将在不通知作者的情况下，转载文章：如果原文明确注明“禁止转载”我们一定不会转载。
2、本网站转载文章仅为传播更多信息之目的，凡在本网站出现的信息，均仅供参考。本网站将尽力确保所提供信息的准确性及可靠性，但不保证信息的正确性和完整性，且不对因为信息的不正确或遗漏导致的任何损失或损害承担责任。
3、任何透过本网站网页而链接及得到资讯、产品服务，本网站概不负责，亦不负任何法律责任。
4、本网站所刊发、转载的文章，其版权归原作者所有，如其他媒体、网站或个人从本网站转载使用，请在转载有关文章时务必尊重该文章的著作权，保留本网站注明的“稿件来源”并自负版权等法律责任。
5、本站内容为传递信息使用，仅供参考，不构成营销建议。
6、如不慎侵犯了您的权益，请联系我们告知，我们将做删除处理!谢谢。
- 上一篇： 2021年最实用的摩登极简风UI设计指南！（二）
- 下一篇： UI 和 UX 微技巧：第三卷
发表评论