導(dǎo)讀：網(wǎng)頁設(shè)計對網(wǎng)站建設(shè)起著至關(guān)重要的作用，涉及到界面的美觀，用戶體驗等等。本文作者為一名資深的網(wǎng)頁設(shè)計師，作者論述了改進網(wǎng)頁設(shè)計的7個要點，并配以成功的案例，圖文并茂，分享給更多的朋友，希望對大家能有所幫助和啟發(fā)。

  1. 懂得HTML和CSS編程

  這條之所以成為前幾條是因為它是網(wǎng)頁設(shè)計中更重要的部分。明白網(wǎng)頁是如何在瀏覽器中渲染的可以防止你做出不合理的設(shè)計，比如那些無法用網(wǎng)頁實現(xiàn)的設(shè)計。要保持與時俱進，弄清楚現(xiàn)什么效果可以用現(xiàn)在的CSS技術(shù)實現(xiàn)，什么效果不可以。

  使用CSS3更新技術(shù)設(shè)計的經(jīng)典案例

  Atebits（）在網(wǎng)頁文本中使用了文本陰影，這樣就不需要使用圖片了。它還使用了-webkit-transform和-webkit-transition來向這三個圖標加入了一些動畫，不過這些效果只有在支持webkit的瀏覽器中才能看到，比如Chorme和Safari。

  Elliot Jay Stocks（/）使用了一種叫做@font-face的CSS3方法來讓瀏覽器下載特定的字體，這就免去了使用圖片的麻煩。

  2. 注重細節(jié)

  好的設(shè)計和偉大設(shè)計之間的距離在于是否做好細節(jié)。

  **設(shè)計細節(jié)的例子

  Metalab（/）很好的混合了著色（Shading）、漸變和陰影，為網(wǎng)頁增加了額外的細節(jié)。

  We Follow（/）巧妙的使用了漸變和陰影，為其用戶界面添加了很好的細節(jié)。

  3. 善于使用留白

  世界上更痛苦的事情莫過于當(dāng)你想閱讀一些東西卻發(fā)現(xiàn)頁面上各種元素的旁邊充滿了文字，頁面設(shè)計者這么做的目的**是想要在頁面狹小的控件里放下更多的信息，但這只能給別人帶來一種痛苦的體驗。合理的使用留白可以給頁面中的元素以呼吸的空間，減少閱讀者眼鏡的壓力，從而讓用戶有一種愉快的瀏覽體驗。

  合理使用留白的例子

  Soccernet（/news/story?id=657760sec=transferscc=5739）在他們的文章頁面中很好的使用了留白，你可以看出文字都離其它元素有一定

怎樣的用戶體驗才會讓B2C網(wǎng)站爆賺？，一點見解，望見笑。

查看更多寧波網(wǎng)站推廣網(wǎng)站會讓用戶