海映视角

Perspective

东莞网站建设之网页设计中精准的细节设计(二)
发布日期:2010-11-05      浏览:

关于网页设计中图片边框,网页图片本身就有背景,而且色彩是多样的,在网页设计中给网页图片加边框时也最好是与网页图片背景同一个基色的背景,而且最好是取与网页图片最边上的色彩的深基色,如果是边上有多种颜色,取最多的那颜色,例:
 

如果网页图片的边框是用CSS定义的,而且是图列,比喻说是产品列表,而列表中的产品类别和背景色都不一致,就会出现边框与背景同色或不协调的情况,例如:

上图网页设计中间一排网页图片边框的色彩就不协调了,如果在图片是不确定的情况下,加边框时最好是给图片与边框之间加上边框距。

在看看在深色背景下的效果,深色背景下可以有两种方案,一是去掉外框,以白色间距边框,二是加亮外框,留出与背景相同颜色的间距。如下图:


 

3)关于边距与对齐

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

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

调整之后如下图:

在看下面网页设计的例子:

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

 

Copyright @ 2011 东莞市海映广告传媒有限公司,保留所有权利。;粤ICP备13064493号
东莞网站建设  热点新闻  联系我们