海南

切换站点

网页设计中那些不容忽视的细节

你有没有经历过看到一个页面的时候马上就被它的设计吸引并且留下了深刻的印象呢?然后你进一步细看这个页面发现真正使这个页面变得神奇的是一些小细节,在这篇文章中我们将看到几种把细节设计做到完美的页面。

完美的像素线

Image Spark 的设计师用一个像素的线条来分割顶部导航,搜索输入框,导航底栏。任何时候一个较浅的颜色紧挨着一个较深的颜色会使人出现有一个凸起的边缘的错觉。请注意这种线条只能比背景色稍微浅一点点。如果使用一条白线那将失去这种效果。

atebits使用了类似的技术,但是在这里是用来做一些分隔。注意他们是使用两个1px的线条相映成趣,一个明亮的一个暗一点的。这给人的错觉是一个插图槽。另外一个漂亮的接触线的两端是渐渐消逝,而不是突然结束。

恰到好处的阴影

阴影可以给页面增加一些深度,但是在使用阴影的时候有一点需要特别注意,不要过度的使用。ps中的阴影效果如果错误的使用会成为一个非常危险的工具。阴影的强弱应该与背景颜色结合使用。一个较暗的背景需要一个更暗的阴影,一个较亮的背景比较是个一个更亮的阴影。