網站設計的好壞，拋開其(qi)他方面不(bu)(bu)(bu)說(shuo)，單單就(jiu)(jiu)從網(wang)站(zhan)(zhan)的(de)設計來(lai)說(shuo)，眼(yan)讓人(ren)感(gan)覺不(bu)(bu)(bu)同，這樣的(de)網(wang)站(zhan)(zhan)都(dou)(dou)會(hui)給人(ren)留下一種想要(yao)自(zi)(zi)己(ji)(ji)看看。網(wang)站(zhan)(zhan)設計師都(dou)(dou)希(xi)望讓自(zi)(zi)己(ji)(ji)的(de)網(wang)站(zhan)(zhan)能(neng)夠給人(ren)一種內在品質(zhi)，不(bu)(bu)(bu)斷(duan)的(de)從多方面去思考網(wang)站(zhan)(zhan)呈現給用(yong)戶(hu)的(de)終樣子(zi)。可能(neng)很多人(ren)都(dou)(dou)說(shuo)，網(wang)站(zhan)(zhan)不(bu)(bu)(bu)就(jiu)(jiu)是一些CSS+HTML加上(shang)圖片(pian)的(de)形式，其(qi)實這種就(jiu)(jiu)是一種偏(pian)激的(de)行(xing)為。很可能(neng)很多SEO都(dou)(dou)說(shuo)網(wang)站(zhan)(zhan)重(zhong)要(yao)的(de)就(jiu)(jiu)是體(ti)(ti)驗，對于網(wang)站(zhan)(zhan)設計的(de)效(xiao)果不(bu)(bu)(bu)怎(zen)么看中(zhong)。其(qi)實每(mei)個(ge)人(ren)都(dou)(dou)有自(zi)(zi)己(ji)(ji)道理，但是今天重(zhong)要(yao)的(de)就(jiu)(jiu)是如何在保證了用(yong)戶(hu)體(ti)(ti)驗，盡可能(neng)提升(sheng)網(wang)站(zhan)(zhan)的(de)氣質(zhi)和品質(zhi)。

不以為(wei)然，時(shi)代在發展(zhan)(zhan)，可能你(ni)在五年前甚(shen)至三年前都說(shuo)PC端才是互聯(lian)網(wang)的(de)(de)天下，那是沒有人笑你(ni)。如果在今天你(ni)再說(shuo)網(wang)站依然還(huan)是PC天下，很多(duo)人都可能跟你(ni)理論。這是因為(wei)，隨(sui)著搜索技術的(de)(de)發展(zhan)(zhan)以及移動(dong)端和3G和4G的(de)(de)網(wang)絡速度提升，已(yi)經滿足了人們(men)在移動(dong)端尋(xun)找信息的(de)(de)訴求(qiu)。這是就(jiu)要有我們(men)在網(wang)站設計不要在小家子氣，還(huan)是一(yi)種比較(jiao)簡單的(de)(de)模式，頁，內容頁、欄目頁、或者頻道頁。簡單的(de)(de)組合一(yi)下就(jiu)是一(yi)個網(wang)站。

現在(zai)，網站(zhan)不(bu)在(zai)僅(jin)(jin)僅(jin)(jin)局限于(yu)(yu)用戶(hu)(hu)可(ke)以(yi)打開，用戶(hu)(hu)可(ke)以(yi)查看(kan)的(de)(de)(de)時代。顏色和(he)圖(tu)片加上文(wen)字組合在(zai)一起(qi)，是無法讓用戶(hu)(hu)滿足于(yu)(yu)這樣的(de)(de)(de)網站(zhan)。現在(zai)，人們都在(zai)朝著(zhu)挑剔的(de)(de)(de)眼光，去看(kan)待事物(wu)，這就(jiu)導(dao)致網站(zhan)設(she)計不(bu)僅(jin)(jin)僅(jin)(jin)體現在(zai)用戶(hu)(hu)更重要的(de)(de)(de)是網站(zhan)視覺(jue)設(she)計。運用多(duo)角度的(de)(de)(de)思維方式來搭建和(he)構造(zao)網站(zhan)結(jie)構，再加上規劃的(de)(de)(de)網站(zhan)設(she)計效(xiao)果(guo)圖(tu)，排版和(he)圖(tu)片文(wen)字的(de)(de)(de)搭配使用，響應式的(de)(de)(de)設(she)計，動(dong)畫效(xiao)果(guo)，都可(ke)以(yi)提(ti)升網站(zhan)的(de)(de)(de)氣質和(he)視覺(jue)效(xiao)果(guo)。

圖片(pian)合理運用，提升效果

如(ru)(ru)果一個網(wang)站(zhan)(zhan)(zhan)只有文字(zi)和排(pai)版，我(wo)們(men)就可以說這(zhe)是(shi)(shi)一位美女(nv)在(zai)(zai)進行“裸(luo)”。圖(tu)片(pian)不僅(jin)僅(jin)在(zai)(zai)網(wang)站(zhan)(zhan)(zhan)增(zeng)加網(wang)站(zhan)(zhan)(zhan)豐富度。重要(yao)(yao)的(de)是(shi)(shi)網(wang)站(zhan)(zhan)(zhan)圖(tu)片(pian)本身就是(shi)(shi)用(yong)像(xiang)素在(zai)(zai)構成，這(zhe)就給(gei)(gei)設(she)計(ji)師在(zai)(zai)網(wang)站(zhan)(zhan)(zhan)設(she)計(ji)過程中增(zeng)加思路，如(ru)(ru)何讓圖(tu)片(pian)在(zai)(zai)網(wang)站(zhan)(zhan)(zhan)視(shi)覺上給(gei)(gei)人(ren)們(men)一種效果，用(yong)戶的(de)眼睛就會在(zai)(zai)網(wang)頁多停留幾分鐘。合理運(yun)用(yong)網(wang)站(zhan)(zhan)(zhan)大圖(tu)，背景圖(tu)片(pian)來(lai)添加網(wang)站(zhan)(zhan)(zhan)效果，這(zhe)是(shi)(shi)網(wang)站(zhan)(zhan)(zhan)設(she)計(ji)要(yao)(yao)思考問題(ti)。小編曾經見過網(wang)站(zhan)(zhan)(zhan)在(zai)(zai)網(wang)站(zhan)(zhan)(zhan)視(shi)覺設(she)計(ji)給(gei)(gei)人(ren)一種動感(gan)，并(bing)且這(zhe)種大背景使用(yong)，非但沒有給(gei)(gei)人(ren)一種逃離的(de)感(gan)覺，反(fan)而讓小編多多留意(yi)這(zhe)種網(wang)站(zhan)(zhan)(zhan)設(she)計(ji)的(de)結(jie)構，以及運(yun)用(yong)的(de)技(ji)巧。

文(wen)字給圖片添花，增(zeng)加信息量(liang)

一位在漂亮的(de)美女(nv)，也需(xu)要(yao)(yao)用(yong)(yong)文字(zi)(zi)來描述其(qi)美麗。網站也是(shi)，如果(guo)單(dan)單(dan)就是(shi)一種(zhong)圖片(pian)的(de)形式(shi)，給用(yong)(yong)戶(hu)看什么，只是(shi)在看圖片(pian)。如果(guo)是(shi)一個產品頁面，用(yong)(yong)戶(hu)先要(yao)(yao)了(le)(le)解產品和產品的(de)用(yong)(yong)途以(yi)及產品的(de)說(shuo)明。圖片(pian)不(bu)能成為文字(zi)(zi)的(de)載體，這就要(yao)(yao)需(xu)要(yao)(yao)文字(zi)(zi)的(de)排版。可(ke)以(yi)說(shuo)文字(zi)(zi)是(shi)與用(yong)(yong)戶(hu)進行溝通的(de)橋梁，這樣(yang)的(de)網站不(bu)會(hui)因為少(shao)(shao)了(le)(le)圖片(pian)而缺少(shao)(shao)視覺效果(guo)，不(bu)會(hui)因為少(shao)(shao)了(le)(le)圖片(pian)而缺少(shao)(shao)內涵。

因此，在文字排版上(shang)面(mian)，就需要設計師兼顧設計思(si)維。如果是中(zhong)文網站(zhan)(zhan)，是選擇(ze)宋體好(hao)，還是選擇(ze)黑體好(hao)。選擇(ze)字體字號(hao)和大小(xiao)，都(dou)是要進行(xing)符合頁面(mian)。因為，良好(hao)的(de)文字排名選擇(ze)和文字大小(xiao)，顏色都(dou)會給圖(tu)片進行(xing)渲染，從而(er)給網站(zhan)(zhan)添(tian)磚加瓦。

網站版塊的劃分

記得在上中學(xue)的時候，我(wo)們都知道數學(xue)上有一(yi)種我(wo)們常說的是黃(huang)金分割(ge)，其實如果從美學(xue)上來看，黃(huang)金分割(ge)的網站應該可以(yi)從人(ren)的眼中出發，符合審美觀念。這樣就可以(yi)在網站板塊上進行一(yi)種分割(ge)比例法。

其實，網(wang)站(zhan)(zhan)如果從這三(san)(san)方(fang)面出發，我想設計出來的(de)網(wang)站(zhan)(zhan)不僅(jin)給(gei)人(ren)僅(jin)僅(jin)是(shi)(shi)(shi)單調的(de)感覺。也許你可能認為網(wang)站(zhan)(zhan)無(wu)非就(jiu)這三(san)(san)塊，或者加上滾動和(he)一(yi)些特效(xiao)。不可否認，網(wang)站(zhan)(zhan)這三(san)(san)塊恰(qia)恰(qia)是(shi)(shi)(shi)不好把握，也是(shi)(shi)(shi)很(hen)多網(wang)站(zhan)(zhan)設計失敗案(an)例。網(wang)站(zhan)(zhan)設計不是(shi)(shi)(shi)要犧牲某一(yi)方(fang)面，而是(shi)(shi)(shi)在(zai)區別中(zhong)找(zhao)到共同點(dian)，讓(rang)這樣形式與視覺完(wan)美的(de)結合起來，達到效(xiao)果。

因此，網(wang)(wang)站(zhan)(zhan)遵守基礎，但是(shi)在(zai)基礎上面進行創新。設(she)(she)計(ji)出網(wang)(wang)站(zhan)(zhan)視覺上提升品質和氣質，又能夠從中達到網(wang)(wang)站(zhan)(zhan)的(de)設(she)(she)計(ji)效果(guo)。滿足網(wang)(wang)站(zhan)(zhan)建設(she)(she)的(de)需要，也是(shi)設(she)(she)計(ji)者(zhe)大難題(ti)，需要在(zai)網(wang)(wang)站(zhan)(zhan)建設(she)(she)的(de)體驗和視覺找到平衡(heng)點，考驗著(zhu)網(wang)(wang)站(zhan)(zhan)設(she)(she)計(ji)，也在(zai)考驗著(zhu)用戶。