细节见真章！有效提升设计体验的10个细节
关注▲Clip设计夹后台回复“进群”加入设计成长群
Clippp的第72篇分享
看完大概需要这首歌的时间
1.为错误状态添加图标
带有错误提示的图标有助于用户更快地识别错误的位置。输入信息时，在有限的空间内，错误提示往往被设计的非常有限。
2.引导用户而不是显示错误
常见的错误提示只是单纯地告知用户做错了什么，并不能告知用户应该怎么做才正确，这也是令很多用户头疼的地方。
在设置密码时通常对密码有一定的要求，例如至少8位数、包含大小写字母、包含特殊符号等，这些复杂的提示往往会让用户摸不着头脑，不能做到第一时间了解情况，造成密码创建失败。
3.给灰色加一点颜色
左侧页面的背景为纯灰色(242，242，242)，右侧背景色为蓝灰色(228、235、242)。
4.使用不同的复选框状态
复选框(Checkboxes)通常有一个或者多个选项供用户选择，用户可以选择一个也可以选择多个。
这里需要注意的细节是选项有全选中和未全选中两个状态：
5.突出显示搜索内容
搜索是产品必备功能之一，功能强大且方便。
当我们输入内容进行搜索时，搜索框会联想一些关联的关键词供我们参考和使用，这样的提示可以提升用户的搜索效率，节省输入时间。
6.将插图添加到空状态
出现空状态时，没有要求页面必须是空白的。可以适当添加一些元素，如插画、动效等，让用户感觉更舒服。
7.为消息添加合理的状态
上图两个弹窗看起来很相似，唯一的区别是状态图标的不同。左边的图标是通用性的，右边的更符合当前的状态。
8.为面包屑导航添加颜色
9.避免使用默认阴影
很多设计软件中预设的默认阴影看起来都不是很舒服，需要我们自己来设计一些柔和的阴影效果。
10.同一个方案采用相同的色调
中性色有助于在页面中建立平衡，更具有吸引力，然而使用太多的灰色调却很容易破坏页面的这种和谐。
最后
通过这些实用性的设计细节，希望能对你的工作带来切实的帮助。在设计中想的更多、更全面一点，不仅能提升自己思考的维度和深度，还可能让产品和体验上升层次。
请点个在看，谢谢！
— The End —
参考：/uxmisfit.com/2021/08/02/ui-design-tactics-part
Tips：这里每天都会分享设计知识，包括但不限于交互日记、设计法则、答疑解惑、读书笔记……感兴趣的同学可以微信扫码加入，一起学习成长！