Date 2024-07-21 20:10:32
引言
要做一个美丽的,可用的, 高效的UI需要时间,包括多次设计迭代。不断调整,直到你的客户、用户和自己真的满意,我知道,有时这并不容易。但多年来,我发现仍然有一些实用的技能,通过一些简单的调整可以快速提高设计质量。这些技能很容易实施,不需要太多的努力,这不仅有助于改进你正在做的设计,而且还希望在下一个项目中提供一些普遍的设计原则。
方法1
试图削弱大段文本的重量
对于较大的文本内容,整体上看起来会有更大的视觉压力,有时使用正常的文本单词看起来仍然有点重。通过选择深灰色(#4F4F4F)等颜色,可以很容易地优化这个问题,使文本看起来更舒适。(尽量少使用纯黑色)
方法2
字体大小越小,相对行高就越高
当字体大小减小时,增加行高能可以达到更好的可读性。当字体大小变大时,最好减少行高。在这里解释一下,这里提到的行高是指相对于文本本身,如使用36px文本,建议使用46px,增量为10;如果使用18px的文字,其行高推荐使用32px会更合适,那么与文本的大小相比,其增量为14px。所谓字体大小越小,行高越高,这意味着增量。
方法3
减少配色数量,提高一致性
不要总是用各种颜色来填充你的设计。如果项目允许,简单地使用较少的颜色匹配。通过选择基本的颜色,然后使用颜色和阴影,您可以简单而快速地增加设计的一致性。(注:图片中的图片颜色与主色调统一,即相同颜色系统的颜色,有时效果更好)
方法4
突出重要元素,明确优先级
“重量”和“颜色”可以很容易地突出UI中最重要的元素。通过强化和简单调整界面中的元素优先级,使用户体验更好。注:清晰的信息优先级将使界面更容易阅读,并有利于产品信息的传输。始终记住:信息传输应该足够清晰,而不是模棱两可。
方法5
确保图标具有相同的视觉风格
在UI中使用图标时,保持一致性。确保它们具有相同的视觉风格、相同的重量、填充和描述。不要混搭。
方法6
使行动按钮成为界面中最突出的元素
你可能认为这应该是常识,对吧?但有时设计可能是另一件事。通过颜色对比、尺寸和样式,以确保按钮尽可能突出。如果可以,不要总是依赖图标。如果你能使用文本,那么使用文本,复制操作可以让用户更好地理解。
方法7
为表单错误增加额外的视觉帮助
在用户刚执行的操作附近添加错误信息是一个简单但有帮助的额外视觉帮助,用户可以以各种方式填写表格。良好的用户体验需要积累更多。
方法8
突出菜单中最常用的操作