UI & UX微提示:第2辑
在为下一个项目创建高效,美观的用户界面时,有时仅需进行最小的调整即可帮助快速改进你要创建的设计。
仅需进行简单的调整即可制作出令客户,用户和你自己真正满意的产品。
在本文中,我总结了一些小的、易于实践的小技巧,这些技巧可以帮助改善你的设计和用户体验。
让我们开始吧…
在用户界面中使用已建立的图标,以避免引起用户混淆
在你的设计中添加图标时,通常是选择一个已创建的图标来清楚地代表将要采取的行动。
选择一个能传达正确含义和功能的图标,否则只会引起困惑,成为用户的认知障碍。
不要在这些图标上过于叛逆。
使用亲密性来表示元素之间的关系
在众多经过实践检验的设计原则(对比度,空间,重复等)中,有一条是帮助你为用户创造更清晰的ui的关键。
亲密性。
亲密性只是确保相关设计元素放在一起的过程,表明彼此之间的关系,这反过来有助于在浏览你的网站或应用程序时加快用户的认知速度。
4pt基线网格+ 8pt网格=和谐的垂直节奏
当处理字体时,使用4pt基线和永远通用的8pt网格可以为你的设计带来更和谐的垂直节奏。
你只需要调整你的类型的基线网格4,使用的line-height值是的倍数4(16,20,24,28等...)
为什么是4?好吧,对我个人而言,我发现过去使用8的倍数缩放在处理某些文本大小时并不是那么通用。
4pt基线网格+ 8pt网格=甜蜜的垂直和谐。
减小标题的行高是件好事
与需要足够的行高来增加可读性的长篇正文不同,标题通常要短得多,所以你可以稍微减少间距。
建议的标题行高通常约为文本大小的1到1.3倍,文本越大,需要添加的行高就越少。
给标题搭配轻便的行高。
选色方案有困难吗?在色轮上进行类比
类似的颜色(也称为相邻或相邻的色相)是最和谐的配色方案之一,如果你在挑选能很好地搭配使用的颜色时遇到麻烦,则可以极大地帮助你。
一组由主色,次色和第三色组成的相邻色相可以帮助你快速创建简单,不会出错的配色方案。
当你需要快速将颜色和谐地融入其中时,请选择“类似色”。
尝试并在设计中最大化信噪比
设计中的清晰度和可用性可以通过最大化信号和最小化噪声来实现,这反过来又产生了高信噪比。
你可以通过确保有效显示相关信息(信号),并完全减少或消除不相关信息(噪声)来实现此目的。
剪掉绒毛。让事情变得更清楚。提高你的信噪比。
作者:Marc Andrew
相关传送门