1、使用色彩和字重来创造层次结构,而不是单纯的大小对比
2、不要在有色背景上使用灰色的文本
a 在白色背景下,将黑色的文本改成灰色,是不错的淡化其视觉效果的做法
b 在彩色背景下,想要降低对比度是应该让文本逐步接近背景色,而不是改为灰色。
①降低白色文本的不透明度 ②基于背景色手工挑选文本的颜色
3、阴影设计:使用微妙的垂直偏移阴影效果更自然,模拟了最常见的光源特征,光线从上往下照下来所营造的阴影效果。
4、尽量少使用 Borders(边框)
分割两个元素的办法:①使用 box shadow②使用不用的背景色③使用留白和间距
5、不要让小图标无端地放大
图标网站:Font Awesome, Zondicons ,Heroicons, Iconic
6、增加带有颜色的单边边框提升个性
7、并非每个按钮都需要颜色 (绝大多数页面中,只有一个主要操作,搭配一些不太重要的次要操作,以及几个三级操作。)
①主要操作应该很明显。采用实色、高对比度的按钮是很有必要的。
②次要操作应该明显,但是不突出,采用幽灵按钮或者和背景对比度较低的色彩是比较合理的。
③三级操作应该是可被发现,但是不明显的,他们最好被设计为链接。
网友评论