您当前的位置是:首页 - 建站常识 - 正文

网页设计中加入1像素衬线的意义
发布日期:2015-3-23  浏览次数:1640次   优化北京网站建设  

下面的这个例子中,你会在包围着”The Dorchester Hotel”文字的黑色边框的顶部向下1个像素发现一条灰色的衬线。


网页设计中加入1像素衬线的意义


之所以要使用衬线,是为了体现物体在2D效果上的立体感,而立体感的体现必须要有阴影和高光。阴影我们通常使用图层样式来实现,而高光效果的实现,最常用的技巧之一就是使用衬线了。上面的例子的衬线都在物体的顶部,说明光线是从上向下照射的,高光处于物体的顶部。而如果光下从下向上照射的话,高光就应该在底部了,那我们就应该将衬线放置于物体的下方。所以在衬线的使用上,我们始终要问自己这几个问题,”我在这里使用了衬线,那么光源在哪里?”"如果光源在这里的话,阴影应该出现在什么位置?”完成了这两个回答,设计出来的物体的立体感才能更加真实。



上一篇:企业网站设计滚动视差的好处和技巧
下一篇:常用企业网站广告设计的表现手法
点击查看更多建站常识新闻   丨   点击返回上一页