PS设计教程网欢迎你!

网页细节教程:WEB设计精确点滴(3)

文章来源于 zhouwenqi.com,感谢作者 zhouwenqi 给我们带来经精彩的文章!
设计教程/前端设计/前端设计2010-09-13
3)关于边距与对齐 设计师寻找灵感时,偶尔会随意、自由的拖拉摆放区块、填色、绘制等,直到满意才会停下,在这个过程中会出现有与经验挂钩的细小漏洞,例如: 下图表面看上去没问题,细看之下有点小别扭,放大后就可

3)关于边距与对齐

设计师寻找灵感时,偶尔会随意、自由的拖拉摆放区块、填色、绘制等,直到满意才会停下,在这个过程中会出现有与“经验”挂钩的细小漏洞,例如:

网页细节教程:WEB设计精确点滴

下图表面看上去没问题,细看之下有点小别扭,放大后就可以看清楚了,导航文字偏高,搜索框与导航没有对齐,搜索框中Button图标距离也有问题。

网页细节教程:WEB设计精确点滴

网页细节教程:WEB设计精确点滴

调整之后如下图:

网页细节教程:WEB设计精确点滴

在看下面的例子:

网页细节教程:WEB设计精确点滴

上图中区块上下间距与左右间距不匀称,和前几的列子一样,文字与区块上下垂直间距不协调,下图是修正后的结果。

网页细节教程:WEB设计精确点滴

在来看一组给图片加框的效果:

网页细节教程:WEB设计精确点滴

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa