小生活网 > 教育培训 > 设计培训

金坛UI设计学习/想要降低和背景色之间的对比,通常有几种方法?

发布:2020年05月06日编号:2056-960205
小生活网提醒您:1、在办理服务前请确认对方资质, 夸大的宣传和承诺不要轻信!2.任何要求预付定金、汇款至个人银行账户等方式均存在风险,谨防上当受骗!
详细描述

 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。所以,你所需要做的就是在不同的区块采用不同的背景色,并且尝试删除边框,因为你根本不需要它。


展开更多描述 ↓
展开更多图片 ↓
孟老师1234 注册时间:2020年05月05日
该用户还发布了
精选信息
热门信息
在线留言 发送短信 拨打电话