導(dǎo)讀:網(wǎng)頁設(shè)計對網(wǎng)站建設(shè)起著至關(guān)重要的作用,涉及到界面的美觀,用戶體驗等等。本文作者為一名資深的網(wǎng)頁設(shè)計師,作者論述了改進(jìn)網(wǎng)頁設(shè)計的7個要點,并配以成功的案例,圖文并茂,分享給更多的朋友,希望對大家能有所幫助和啟發(fā)。
1. 懂得HTML和CSS編程
這條之所以成為前幾條是因為它是網(wǎng)頁設(shè)計中更重要的部分。明白網(wǎng)頁是如何在瀏覽器中渲染的可以防止你做出不合理的設(shè)計,比如那些無法用網(wǎng)頁實現(xiàn)的設(shè)計。要保持與時俱進(jìn),弄清楚現(xiàn)什么效果可以用現(xiàn)在的CSS技術(shù)實現(xiàn),什么效果不可以。
使用CSS3更新技術(shù)設(shè)計的經(jīng)典案例
Atebits()在網(wǎng)頁文本中使用了文本陰影,這樣就不需要使用圖片了。它還使用了-webkit-transform和-webkit-transition來向這三個圖標(biāo)加入了一些動畫,不過這些效果只有在支持webkit的瀏覽器中才能看到,比如Chorme和Safari。
Elliot Jay Stocks(/)使用了一種叫做@font-face的CSS3方法來讓瀏覽器下載特定的字體,這就免去了使用圖片的麻煩。
2. 注重細(xì)節(jié)
好的設(shè)計和偉大設(shè)計之間的距離在于是否做好細(xì)節(jié)。
**設(shè)計細(xì)節(jié)的例子
Metalab(/)很好的混合了著色(Shading)、漸變和陰影,為網(wǎng)頁增加了額外的細(xì)節(jié)。
We Follow(/)巧妙的使用了漸變和陰影,為其用戶界面添加了很好的細(xì)節(jié)。
3. 善于使用留白
世界上更痛苦的事情莫過于當(dāng)你想閱讀一些東西卻發(fā)現(xiàn)頁面上各種元素的旁邊充滿了文字,頁面設(shè)計者這么做的目的**是想要在頁面狹小的控件里放下更多的信息,但這只能給別人帶來一種痛苦的體驗。合理的使用留白可以給頁面中的元素以呼吸的空間,減少閱讀者眼鏡的壓力,從而讓用戶有一種愉快的瀏覽體驗。
合理使用留白的例子
Soccernet(/news/story?id=657760sec=transferscc=5739)在他們的文章頁面中很好的使用了留白,你可以看出文字都離其它元素有一定
怎樣的用戶體驗才會讓B2C網(wǎng)站爆賺?,一點見解,望見笑。
查看更多寧波網(wǎng)站推廣網(wǎng)站會讓用戶