
導(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)站會讓用戶