网页设计

您的位置:首页 > 网站专题 > 网页设计 > 详细内容>

PS加强网页设计中像素化细节的技巧

2010-09-22 21:56 作者: [大 中 小]

在中细节的处理十分重要,我个人也经常观摩外国佬的网站,发现优秀的在细节方面的处理都是照顾十分周全的。今天在这里分享给大家的小技巧很简单,但是却可以很好滴增强整个网站的细节。所以我自我认为这些技巧对提升你的水平也是有帮助的。

并且你会留意到这些技巧都围绕一个词,就是“像素化”,简单地说就是一些1px,2px的小线。

好吧,我们开始。

1.像素分隔线

第一个介绍的是分隔线,请看下图,为 Pixel2Life.com 的导航栏。

留意图中红圈圈中的线已经按钮之间的分隔线,这些线看起来有一种凹进去的感觉,形成一种很好的分隔线的感觉。接下来我把这张图放大,我们看看其中原理。