1、使元素看起来清晰
在元素周围加阴影或者边框,但要避免阴影太脏
2、只使用一种字体
有时只使用一种字体,可以使画面更一致,可以通过调节字体的大小、粗细、颜色,仍然可以使画面产生差异
3、改善用户的引导体验
在引导页面将“跳过”放在容易触及的地方,使用户可以很容易跳过引导
4、确保阴影来自一个光源
保证阴影方向一致
5、叠加渐变使文本与图像对比更明显
在图像上层叠加一个细微的渐变,使文本与图像对比更明显,适用于文本与图像颜色接近的情况
6、不要大量使用居中文本
仅对标题或者文本字数较少的段落实用文本居中
7、适当留白
调节字体的行间距,元素之间的间距,适当留白,使设计看起来不那么压抑更优美
8、在浅色背景上使用深色文本
在浅色背景中,适当加深文本字体颜色,便于阅读
9、避免文本看起来沉重
当涉及到长格式内容时,某些常规粗体字看起来仍然有些沉重和鲜明
通过选择类似深灰色(即#4F4F4F)的内容,可以轻松地解决此问题,从而使文本在眼睛上看起来更容易些
10、字体越小 行高越大
当字体大小减小,增加行高,使文案有更好的全方位的可读性
11、选择一种基础色,用“色调和阴影”添加均匀性
不用把很多颜色堆叠在设计上,选择一个基础色,使用“色调和阴影”,就可以用最简单的方式为设计增加一致性
12、突出最重要的元素
通过调节字体大小、粗细、颜色,突出设计中的重要元素
13、确保图标具有相同的视觉风格
在用户界面中实现图标时,保持一致性,确保它们共享相同的视觉风格、 相同的重量,可以统一填充或统一勾勒轮廓
14、始终将“号召性用语”放在屏幕中最显眼的位置
通过使用颜色对比,大小和标签,确保“号召性用语”(例如tb中加购按钮,确认付款按钮等)尽可能突出
如果可以的话,不要总是仅依靠Icon,也可以使用文本标签,以实现更好的用户理解
15、为表单的错误添加额外提示
在用户填写任何形式的表单出错时,可在执行的操作附近添加错误消息,作为一种反馈
16、突出显示菜单中的常用操作
设计要在应用程序内部使用的菜单时,请确保在屏幕上突出显示最常用的操作(即,上载图像,添加文件等)