前一段時(shí)間在企業(yè)管理界流行一句格言叫”細(xì)節(jié)決定成敗”。企業(yè)管理當(dāng)然不是我們這里要討論的主題，但是，把這句話放在網(wǎng)頁設(shè)計(jì)當(dāng)中的確是顛撲不破的 真理。我們的眼睛和感覺總是非常敏銳的，即使是完全不了解網(wǎng)頁設(shè)計(jì)技術(shù)的人也能夠從一堆拙劣的設(shè)計(jì)作品當(dāng)中挑選出那一個(gè)優(yōu)秀的設(shè)計(jì)作品。雖然他說不出來為 什么這件東西比那些都好，但是直覺會(huì)告訴他他自己喜歡哪一個(gè)。如果別人向我們問起為什么這件作品要優(yōu)于其它呢？我們的回答是”很大一部分原因是因?yàn)閮?yōu)秀的 設(shè)計(jì)作品總是充滿了豐富的細(xì)節(jié)。”在這篇文章里，我們就從技術(shù)的角度出發(fā)，以PremiumPixels上的Redux wordpress主題設(shè)計(jì)作品為例，來總結(jié)一下在網(wǎng)頁設(shè)計(jì)中到底是哪些細(xì)節(jié)讓優(yōu)秀的作品脫穎而出。

一、1像素的襯線

在頁面的頂端，你能看到一條1個(gè)像素比背景顏色略淺的水平線將純色的背景和帶有材質(zhì)的背景分隔開，如下圖：

而如果沒有這條襯線會(huì)是怎樣的一個(gè)效果，我們也來看看。