创建一个漂亮、可用、高效的UI界面是需要时间的,也需要来回多次的设计修改。不断调整,最终做出一个客户、用户、自己真正满意的东西。
事实上,通过一些简单的调整,你可以快速改进UI设计。这里总结了一些实用的小技巧,可以帮助设计师毫不费力地改进设计,为以后的设计实践提供有益的指导。
1.如果文本看起来很重,请将颜色变浅。说到长内容,大面积的深色粗体字会给人一种沉重感和跳跃感。
选择深灰色(#4F4F4F)这样的颜色,这个问题就很容易解决了,字符也很容易识别。
2.字体越小,行高越高。当字体变小时,增加行高可以获得更好的可读性和可读性。
这里有两个容易混淆的概念——行高和行间距:
英文中的行高是指上一行的基线与下一行的基线之间的距离;行距是指字体两行之间的距离,即上一行的下限线与下一行的上限线之间的距离。3.选择一种基本颜色,然后调整色调和色深以增加均匀性。在设计的时候,没有必要总是用多种颜色填充设计。如果项目允许,只需使用固定色样,选择基本色,然后调整色调和色深,用这种简单的方式增加设计的一致性。
4.突出最重要的因素通过结合字体大小、粗细和颜色,你可以很容易地突出UI中最重要的元素。简单的调整可以让用户体验更好。
5.为了保持一致性,请确保图标具有相同的视觉风格。设计UI图标时,要保持一致。确保它们具有相同的视觉风格、相同的比重、填充或轮廓。
图标通过视觉手段为用户提供必要的信息,因此保证了功能相同的图标元素一致,外观直观。
6.总是把& quot行动号召& quot在屏幕上最显著的位置通过使用颜色对比、大小和标签来保证& quot行动号召& quot是尽可能的突出。如果可以,不要总是依赖图标。您还可以使用文本标签,以便用户能够更好地理解它们。
注意:行为召唤(CallToAction):旨在让用户想到做一些事情,例如提示用户触发按钮、文本或图片。
7.为表单错误添加额外的视觉反馈在填写任何表单时,都会在用户刚刚执行的操作旁边及时出现错误反馈,这是一种简单但有用的额外视觉辅助。
8.突出显示菜单中最常用的操作当设计要在产品内部使用的菜单时,请确保在屏幕上突出显示最常用的操作(如上传图片和添加文件)。
这篇文章的翻译已经得到了作者的正式授权。
原文:https://www . smashing magazine.com/2020/04/wireframe-design-success/
作者:AntonSuprunenko
译者:clipp,微信微信官方账号:剪辑设计文件夹。每周精选设计文章,重点分享关于产品、交互、视觉的设计思想。
本文由@ Clippp翻译发布。人人都是产品经理,未经作者允许,禁止转载。
来自Unsplash的图像,基于CC0协议。
上一篇:请问隔夜茶叶可以喝吗
下一篇:汽车贴膜如何选择颜色