web前端设计细节之说

设计，不管是平面设计还是web前端设计，都是一个精细的活。

1、图片毛边

在制作图片的时候有时候会碰到图片出现毛边的效果，对一个位图进行大小调整的时候，一般都会有1px的毛边，如果在模糊的图片上再次修改毛边可能就更大，所以需要重新制作新图。

2、文字、边框、背景：

如果单纯的文字区块加边框，而背景又是白色，就会看上去很是空洞



所以需要给此区块加以背景，且背景色与边框色要统一色调



且在白色的背景下，背景色要比边框浅。

关于图片的边框，由于图片本身都是有背景的，而且有些图片的色彩可能是多样的，所以在选择边框的时候，最好选择与图片背景统一基色，选择图片背景色边上的颜色，如果边上有很多颜色，可以选择颜色最多的。

如果出现在产品列表中的图片展示，可能由于产品不同，所以会出现色彩极度不协调，此时最好的解决方法是在图片和边框中增加一些间距。

在深色背景下展示图片，可以去除图片的边框，加大白色背景，或者使用亮色边框，留出与背景相同颜色的间距。



3.阴影

在图片展示的时候，有时候可以通过边框来点缀，有时候可以通过阴影来展示，但是阴影的形式的不同展示的效果也是不同的，如果单纯的对一个没有质感的图片加阴影那是没有任何效果的，加阴影的大小也不是越中越好的，阴影要小一点，颜色要浅一点。在深色背景下为图片

添加阴影是无任何效果的，只有通过发光的效果来实现。



设计，细节很重要，细节决定成败，有理也！！！