经典推荐：网页设计中那些不容忽视细节.pdfVIP

经典推荐 ：网页设计中的那些不容忽视的细节 这篇文章说实际问题的 ，所以不 强调 ，下面是我总结的一些比较突出的细节问题 ，而且我一直认 为这些问题比较严重 ，正因为这些都是基本问题 ，很容易解决的 ，但把这种忽略养成一种习惯性的” 经验”那就”杯具”了 ，然而这些细节问题也不同程度的代表了你的工作态度。 1)调整后的毛边 当对一个位图的大小进行调整后 ，正常情况下会留下1px的毛边 （如果你注意的话 ），边界会变得 模糊 ，如果继续调整模糊度会加大 ，这个问题太不起眼了 ，以至于你无法用肉眼来理绘 ，我们先用 商品图片举例子 ： 也许单张小图还不够显注 ，下面对比一个列表图和大图 ，当然了除非你故意想要这种效果。 放大2倍后对比 放大2倍后对比 另外不要试者调整带有边框的图片 ，最好是自己绘制 ，这个面两张对比图不用放大就能全面看到 问题: 2)关于边框和背景 有些区块需要用边框装饰点缀得醒目一点,有文字区块图片区块等,文字区块加边框的建议使用同基色 的背景色填充区块,不然内容会很空洞 ，图片加边框的话,如果是CSS定义的边框最好是加上间隔 距离,因为图片不是固定的,所以可能会出现底色与边框不协调,严重的会造成毛边效果 ，下面用几个 例子来说一下 ： 文字边框背景 ： 因为区块加了边框后背景与边框之外的背景颜色相同 ，所以感觉空洞 ，所以最好是区块加上背景 ， 而且背景色与边框最好是同一个基色。 白色背景下 ，背景不要比边框太深 ，再努力的调整区块内容的颜色能与背景融合也于事无补 ，边框 成了毛边。 在深色背景下 ，才使用加亮边框。 关于图片边框 ，图片本身就有背景 ，而且色彩是 样的 ，在给图片加边框时也最好是与图片背景同 一个基色的背景 ，而且最好是取与图片最边上的色彩的深基色 ，如果是边上有 种颜色 ，取最 的 那颜色 ，例 ： 如果边框是用CSS定义的 ，而且是图列 ，比喻说是产品列表 ，而列表中的产品类别和背景色都不 一致 ，就会出现边框与背景同色或不协调的情况 ，例如 ： 上图中间一排图片边框的色彩就不协调了 ，如果在图片是不确定的情况下 ，加边框时最好是给图片 与边框之间加上边框距。 在看看在深色背景下的效果 ，深色背景下可以有两种方案 ，一是去掉外框 ，以白色间距边框 ，二是 加亮外框 ，留出与背景相同颜色的间距。如下图 ： 3)关于边距与对齐 设计师寻找灵感时 ，偶尔会随意、自由的拖拉摆放区块、填色、绘制等 ，直到满意才会停下 ，在这 个过程中会出现有与”经验”挂钩的细小漏洞 ，例如 ： 下图表面看上去没问题,细看之下有点小别扭,放大后就可以看清楚了,导航文字偏高,有哪些信誉好的足球投注网站框与导航没 有对齐,有哪些信誉好的足球投注网站框中But t o n图标距离也有问题。