web前端设计细节之说
设计,不管是平面设计还是web前端设计,都是一个精细的活。
1、图片毛边
在制作图片的时候有时候会碰到图片出现毛边的效果,对一个位图进行大小调整的时候,一般都会有1px的毛边,如果在模糊的图片上再次修改毛边可能就更大,所以需要重新制作新图。
2、文字、边框、背景:
如果单纯的文字区块加边框,而背景又是白色,就会看上去很是空洞
所以需要给此区块加以背景,且背景色与边框色要统一色调
且在白色的背景下,背景色要比边框浅。
关于图片的边框,由于图片本身都是有背景的,而且有些图片的色彩可能是多样的,所以在选择边框的时候,最好选择与图片背景统一基色,选择图片背景色边上的颜色,如果边上有很多颜色,可以选择颜色最多的。
如果出现在产品列表中的图片展示,可能由于产品不同,所以会出现色彩极度不协调,此时最好的解决方法是在图片和边框中增加一些间距。
在深色背景下展示图片,可以去除图片的边框,加大白色背景,或者使用亮色边框,留出与背景相同颜色的间距。
3.阴影
在图片展示的时候,有时候可以通过边框来点缀,有时候可以通过阴影来展示,但是阴影的形式的不同展示的效果也是不同的,如果单纯的对一个没有质感的图片加阴影那是没有任何效果的,加阴影的大小也不是越中越好的,阴影要小一点,颜色要浅一点。在深色背景下为图片
添加阴影是无任何效果的,只有通过发光的效果来实现。
设计,细节很重要,细节决定成败,有理也!!!
分享按钮
1、图片毛边
在制作图片的时候有时候会碰到图片出现毛边的效果,对一个位图进行大小调整的时候,一般都会有1px的毛边,如果在模糊的图片上再次修改毛边可能就更大,所以需要重新制作新图。
2、文字、边框、背景:
如果单纯的文字区块加边框,而背景又是白色,就会看上去很是空洞
所以需要给此区块加以背景,且背景色与边框色要统一色调
且在白色的背景下,背景色要比边框浅。
关于图片的边框,由于图片本身都是有背景的,而且有些图片的色彩可能是多样的,所以在选择边框的时候,最好选择与图片背景统一基色,选择图片背景色边上的颜色,如果边上有很多颜色,可以选择颜色最多的。
如果出现在产品列表中的图片展示,可能由于产品不同,所以会出现色彩极度不协调,此时最好的解决方法是在图片和边框中增加一些间距。
在深色背景下展示图片,可以去除图片的边框,加大白色背景,或者使用亮色边框,留出与背景相同颜色的间距。
3.阴影
在图片展示的时候,有时候可以通过边框来点缀,有时候可以通过阴影来展示,但是阴影的形式的不同展示的效果也是不同的,如果单纯的对一个没有质感的图片加阴影那是没有任何效果的,加阴影的大小也不是越中越好的,阴影要小一点,颜色要浅一点。在深色背景下为图片
添加阴影是无任何效果的,只有通过发光的效果来实现。
设计,细节很重要,细节决定成败,有理也!!!