1、降低白色文本的不透明度
降低不透明度,能够让背景的颜色透过来一些,以一种不冲突的方式降低前景文字和背景之间的对比度www.xbaixing.com。
2、基于背景色手工挑选文本的颜色
当背景是图像或者图案的时候,半透明的文本会影响可读性,这个时候最好是基于背景主色调来挑选相应的文本色。
3、阴影设计
相比于采用大范围的扩散模糊阴影,使用微妙的垂直偏移阴影效果更明显,更自然,它模拟了最常见的光源特征,光线从上往下照下来所营造的阴影效果xbaixing.com。
如果你对此有兴趣,MaterialDesignGuideline非常清晰地给你讲明白了这样的阴影的制作细节。
4、尽量少使用Borders
盒子模型是网页前端最常用到的工具小百姓网。当你需要在两个元素之间创建分隔的时候,尽量避免使用两者的边界直接接触。
虽然Border是分隔两个元素的好办法,但是它不是唯一的方法,使用过多会让整个布局的设计感降低,甚至会造成混乱小~百~姓~网。
所以你可以尝试下面的办法来规避:
1、使用boxshadow
boxshadow同样可以营造出边界感,而且更加微妙,并不会显得突兀,不会分散用户的注意力。
2、使用不同的背景色来区分
通常,相邻的元素背景只需要有微妙的差别就能够让人对他们进行区分x.b.a.i.x.i.n.g.c.o.m。所以,你所需要做的就是在不同的区块采用不同的背景色,并且尝试删除边框,因为你根本不需要它。


