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

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

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

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

如果(guo)一個網站只有文字和(he)排版(ban)，我們就可(ke)以說這(zhe)(zhe)(zhe)是(shi)一位美女在(zai)進行(xing)“裸”。圖(tu)(tu)片(pian)不(bu)僅僅在(zai)網站增(zeng)加(jia)網站豐富度。重要的(de)是(shi)網站圖(tu)(tu)片(pian)本身就是(shi)用像(xiang)素在(zai)構成，這(zhe)(zhe)(zhe)就給設計師在(zai)網站設計過程中增(zeng)加(jia)思路，如何讓圖(tu)(tu)片(pian)在(zai)網站視覺上(shang)給人們一種(zhong)(zhong)效(xiao)果(guo)，用戶的(de)眼睛就會在(zai)網頁多(duo)停留(liu)幾分鐘。合理(li)運用網站大圖(tu)(tu)，背(bei)(bei)景(jing)圖(tu)(tu)片(pian)來添加(jia)網站效(xiao)果(guo)，這(zhe)(zhe)(zhe)是(shi)網站設計要思考問題。小編曾經見(jian)過網站在(zai)網站視覺設計給人一種(zhong)(zhong)動感，并(bing)且這(zhe)(zhe)(zhe)種(zhong)(zhong)大背(bei)(bei)景(jing)使用，非(fei)但沒有給人一種(zhong)(zhong)逃(tao)離(li)的(de)感覺，反而(er)讓小編多(duo)多(duo)留(liu)意這(zhe)(zhe)(zhe)種(zhong)(zhong)網站設計的(de)結構，以及運用的(de)技(ji)巧。

文(wen)字(zi)給圖片添(tian)花(hua)，增加信(xin)息量

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

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

網站版塊的劃分

記(ji)得在上(shang)中學的時候，我們(men)都知(zhi)道(dao)數學上(shang)有(you)一(yi)種(zhong)我們(men)常說的是黃金分(fen)割，其(qi)實如果從美(mei)學上(shang)來看，黃金分(fen)割的網站(zhan)(zhan)應該可(ke)(ke)以從人(ren)的眼中出發，符合審美(mei)觀(guan)念(nian)。這樣就可(ke)(ke)以在網站(zhan)(zhan)板塊上(shang)進行一(yi)種(zhong)分(fen)割比例法。

其實(shi)，網(wang)站(zhan)如果從(cong)這(zhe)三方面(mian)(mian)出發，我想設(she)計出來的(de)(de)網(wang)站(zhan)不僅(jin)給人僅(jin)僅(jin)是(shi)(shi)單(dan)調的(de)(de)感覺。也(ye)許你可(ke)能認(ren)為網(wang)站(zhan)無(wu)非就這(zhe)三塊(kuai)，或者(zhe)加上滾動(dong)和(he)一些(xie)特(te)效。不可(ke)否認(ren)，網(wang)站(zhan)這(zhe)三塊(kuai)恰(qia)(qia)恰(qia)(qia)是(shi)(shi)不好把握，也(ye)是(shi)(shi)很多網(wang)站(zhan)設(she)計失敗案例。網(wang)站(zhan)設(she)計不是(shi)(shi)要犧牲某一方面(mian)(mian)，而是(shi)(shi)在區別中找到共(gong)同點，讓這(zhe)樣(yang)形(xing)式與視(shi)覺完美的(de)(de)結合起來，達到效果。

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