网页设计的衬线与立体感

大家知道一句格言叫”细节决定成败”,网站设计同样如此。因为我们目光、感觉极为敏锐,哪怕是很不了解网站设计的人也可以从一堆非常的设计作品当中挑选出一个相对优秀的作品。有可能他讲不出为什么这件东西比那些都好,但是直觉就让他知道了哪一个要好一些。假如别人问为什么这个作品要比其他的好?回答往往是:好的设计作品总是充满着丰富的细节。这给我很多启发,在这里,我以衬线运用细节为例来阐释在网页设计中如何让作品变得优秀。

1像素的衬线的巧妙运用。在实践中,网站设计的时候使用到衬线的例子是比较多的,一般在黑边框的顶部向下方1个像素的位置,我们会插入一条灰色的衬线。使用衬线能够体现物体在2D效果之下的立体感觉,要体现立体感离不开阴影和高光。网站设计师通常可使用图层样式来实现阴影,要实现高光效果,最重要的技巧就是运用衬线。上面两个例子的衬线都在物体的上部,很明确光线的照射是从上向下,高光部分处于顶部。反过来,假如光从下向上照,高光则位于底部,衬线应放在下方。故而衬线使用要明确几个问题,“如果在此使用衬线,光源位置在哪?”“假如光源在此,阴影位置在哪?”明白了这两个问题,才能设计出有真实感觉的立体感。

分类目录: 建站教程 | 标签: 网页  设计  衬线  立体感   | 评论:0
上一篇: 如何用fireworks设计水晶般的透明效果
下一篇: 网站制作标准化的五大优势