網(wang)(wang)站(zhan)(zhan)設(she)計(ji)的(de)(de)好(hao)壞，拋(pao)開其他方(fang)(fang)面不(bu)說(shuo)，單(dan)單(dan)就(jiu)從網(wang)(wang)站(zhan)(zhan)的(de)(de)設(she)計(ji)來說(shuo)，第一眼讓人感(gan)覺(jue)不(bu)同，這樣的(de)(de)網(wang)(wang)站(zhan)(zhan)都(dou)會給(gei)人留下一種想(xiang)要(yao)自己(ji)看(kan)看(kan)。網(wang)(wang)站(zhan)(zhan)設(she)計(ji)師都(dou)希(xi)望(wang)讓自己(ji)的(de)(de)網(wang)(wang)站(zhan)(zhan)能(neng)夠給(gei)人一種內在品質(zhi)(zhi)，不(bu)斷的(de)(de)從多方(fang)(fang)面去思考網(wang)(wang)站(zhan)(zhan)呈現給(gei)用(yong)戶(hu)的(de)(de)最(zui)終(zhong)樣子。可(ke)(ke)能(neng)很(hen)多人都(dou)說(shuo)，網(wang)(wang)站(zhan)(zhan)不(bu)就(jiu)是一些(xie)CSS+HTML加上圖片的(de)(de)形(xing)式，其實(shi)(shi)這種就(jiu)是一種偏激的(de)(de)行為。很(hen)可(ke)(ke)能(neng)很(hen)多SEO都(dou)說(shuo)網(wang)(wang)站(zhan)(zhan)最(zui)重要(yao)的(de)(de)就(jiu)是體驗，對于網(wang)(wang)站(zhan)(zhan)設(she)計(ji)的(de)(de)效果不(bu)怎么(me)看(kan)中。其實(shi)(shi)每個人都(dou)有自己(ji)道理，但是今天最(zui)重要(yao)的(de)(de)就(jiu)是如何在保證(zheng)了用(yong)戶(hu)體驗，盡(jin)可(ke)(ke)能(neng)提升網(wang)(wang)站(zhan)(zhan)的(de)(de)氣(qi)質(zhi)(zhi)和(he)品質(zhi)(zhi)。
網站(zhan)設計如(ru)何(he)提升氣(qi)質和品(pin)質
不以(yi)為然，時代在(zai)發展，可能(neng)你(ni)在(zai)五年前(qian)(qian)甚至三(san)年前(qian)(qian)都說(shuo)PC端才是(shi)互聯網的天(tian)下(xia)，那是(shi)沒(mei)有人(ren)笑你(ni)。如果在(zai)今天(tian)你(ni)再說(shuo)網站依然還是(shi)PC天(tian)下(xia)，很多人(ren)都可能(neng)跟你(ni)理論。這是(shi)因(yin)為，隨著搜索技術的發展以(yi)及(ji)移動端和3G和4G的網絡(luo)速(su)度(du)提(ti)升(sheng)，已經滿足(zu)了(le)人(ren)們在(zai)移動端尋找信息的訴(su)求。這是(shi)就要有我們在(zai)網站設計(ji)不要在(zai)小家子(zi)氣(qi)，還是(shi)一(yi)種比較簡單(dan)的模式，首頁(ye)(ye)(ye)，內容頁(ye)(ye)(ye)、欄目頁(ye)(ye)(ye)、或(huo)者頻道(dao)頁(ye)(ye)(ye)。簡單(dan)的組合一(yi)下(xia)就是(shi)一(yi)個(ge)網站。
現在(zai)(zai)(zai)，網站(zhan)(zhan)(zhan)(zhan)(zhan)不(bu)在(zai)(zai)(zai)僅(jin)(jin)僅(jin)(jin)局限于用(yong)戶(hu)可(ke)以打(da)開，用(yong)戶(hu)可(ke)以查看的時代。顏色和圖片(pian)加(jia)上(shang)文字組合在(zai)(zai)(zai)一(yi)起，是(shi)無法讓用(yong)戶(hu)滿足(zu)于這(zhe)樣的網站(zhan)(zhan)(zhan)(zhan)(zhan)。現在(zai)(zai)(zai)，人們都(dou)在(zai)(zai)(zai)朝著挑剔的眼光，去(qu)看待(dai)事物，這(zhe)就導致網站(zhan)(zhan)(zhan)(zhan)(zhan)設(she)計(ji)不(bu)僅(jin)(jin)僅(jin)(jin)體現在(zai)(zai)(zai)用(yong)戶(hu)更重要的是(shi)網站(zhan)(zhan)(zhan)(zhan)(zhan)視覺(jue)設(she)計(ji)。運用(yong)多角度的思維方式來搭建和構(gou)造網站(zhan)(zhan)(zhan)(zhan)(zhan)結構(gou)，再加(jia)上(shang)規劃(hua)的網站(zhan)(zhan)(zhan)(zhan)(zhan)設(she)計(ji)效(xiao)果圖，排版和圖片(pian)文字的搭配使用(yong)，響應式的設(she)計(ji)，動畫效(xiao)果，都(dou)可(ke)以提升網站(zhan)(zhan)(zhan)(zhan)(zhan)的氣質和視覺(jue)效(xiao)果。
圖片(pian)合理(li)運(yun)用，提升效果
如果(guo)(guo)一個網(wang)(wang)站只(zhi)有(you)文字和排版，我們就(jiu)可以說這(zhe)是一位美(mei)女在(zai)進行“裸”。圖(tu)片(pian)不僅僅在(zai)網(wang)(wang)站增加(jia)網(wang)(wang)站豐(feng)富度。最重要的(de)是網(wang)(wang)站圖(tu)片(pian)本(ben)身(shen)就(jiu)是用像素在(zai)構(gou)成，這(zhe)就(jiu)給設(she)(she)計(ji)師在(zai)網(wang)(wang)站設(she)(she)計(ji)過程(cheng)中增加(jia)思路，如何讓圖(tu)片(pian)在(zai)網(wang)(wang)站視覺上給人(ren)們一種(zhong)效(xiao)果(guo)(guo)，用戶(hu)的(de)眼(yan)睛就(jiu)會在(zai)網(wang)(wang)頁多停留幾分鐘。合理運用網(wang)(wang)站大(da)圖(tu)，背景圖(tu)片(pian)來添加(jia)網(wang)(wang)站效(xiao)果(guo)(guo)，這(zhe)是網(wang)(wang)站設(she)(she)計(ji)要思考問題。小編曾經(jing)見過網(wang)(wang)站在(zai)網(wang)(wang)站視覺設(she)(she)計(ji)給人(ren)一種(zhong)動(dong)感(gan)，并且這(zhe)種(zhong)大(da)背景使用，非但沒(mei)有(you)給人(ren)一種(zhong)逃離的(de)感(gan)覺，反而讓小編多多留意這(zhe)種(zhong)網(wang)(wang)站設(she)(she)計(ji)的(de)結構(gou)，以及(ji)運用的(de)技巧。
文字給圖(tu)片添花，增加(jia)信(xin)息量(liang)
一位在漂亮的(de)美(mei)女，也需要用(yong)文字(zi)來描述其美(mei)麗。網(wang)站也是，如(ru)果(guo)單(dan)單(dan)就是一種(zhong)圖(tu)(tu)片的(de)形式，給用(yong)戶(hu)看什(shen)么，只是在看圖(tu)(tu)片。如(ru)果(guo)是一個產品(pin)頁面(mian)，用(yong)戶(hu)首(shou)先要了(le)解產品(pin)和產品(pin)的(de)用(yong)途(tu)以及產品(pin)的(de)說明(ming)。圖(tu)(tu)片不能(neng)成為(wei)(wei)文字(zi)的(de)載體，這(zhe)就要需要文字(zi)的(de)排版(ban)。可(ke)以說文字(zi)是與用(yong)戶(hu)進行溝通的(de)橋梁，這(zhe)樣的(de)網(wang)站不會因為(wei)(wei)少了(le)圖(tu)(tu)片而(er)缺少視覺效果(guo)，不會因為(wei)(wei)少了(le)圖(tu)(tu)片而(er)缺少內涵。
因此，在文(wen)字(zi)排版(ban)上面(mian)，就(jiu)需要(yao)設計(ji)師(shi)兼(jian)顧設計(ji)思(si)維。如(ru)果(guo)是(shi)中文(wen)網(wang)站(zhan)，是(shi)選(xuan)擇宋體(ti)好(hao)，還是(shi)選(xuan)擇黑體(ti)好(hao)。選(xuan)擇字(zi)體(ti)字(zi)號和大小，都是(shi)要(yao)進(jin)行(xing)符(fu)合頁面(mian)。因為(wei)，良好(hao)的文(wen)字(zi)排名選(xuan)擇和文(wen)字(zi)大小，顏色都會給圖片進(jin)行(xing)渲染，從而(er)給網(wang)站(zhan)添磚加(jia)瓦(wa)。
網站版塊的劃分
記得(de)在上(shang)(shang)中學(xue)的時候，我們(men)都知道(dao)數學(xue)上(shang)(shang)有(you)一種(zhong)我們(men)常說的是黃金分(fen)(fen)割，其實如果從美學(xue)上(shang)(shang)來(lai)看，黃金分(fen)(fen)割的網(wang)站(zhan)應該可以(yi)從人的眼(yan)中出發，符合審美觀念。這(zhe)樣就可以(yi)在網(wang)站(zhan)板塊上(shang)(shang)進行一種(zhong)分(fen)(fen)割比例法。
其(qi)實(shi)，網(wang)(wang)站(zhan)(zhan)如果(guo)從這(zhe)三方面出發，我(wo)想設計出來的(de)網(wang)(wang)站(zhan)(zhan)不(bu)僅(jin)給人僅(jin)僅(jin)是單調的(de)感覺(jue)。也許你可能認為網(wang)(wang)站(zhan)(zhan)無非就(jiu)這(zhe)三塊，或(huo)者加上滾動和一些(xie)特效。不(bu)可否認，網(wang)(wang)站(zhan)(zhan)這(zhe)三塊恰(qia)恰(qia)是最不(bu)好把握，也是很多網(wang)(wang)站(zhan)(zhan)設計失(shi)敗案例。網(wang)(wang)站(zhan)(zhan)設計不(bu)是要犧(xi)牲某一方面，而是在區(qu)別中找到共同點(dian)，讓這(zhe)樣形(xing)式(shi)與視覺(jue)完美的(de)結(jie)合起(qi)來，達到效果(guo)。
因此，網(wang)站(zhan)遵守基礎，但是在(zai)基礎上面進行(xing)創新。設(she)計(ji)(ji)出網(wang)站(zhan)視覺(jue)上提升品質和(he)氣質，又(you)能夠從中達到網(wang)站(zhan)的(de)設(she)計(ji)(ji)效果。滿足網(wang)站(zhan)建(jian)設(she)的(de)需要，也是設(she)計(ji)(ji)者最大難題，需要在(zai)網(wang)站(zhan)建(jian)設(she)的(de)體(ti)驗(yan)和(he)視覺(jue)找到平(ping)衡點，考驗(yan)著網(wang)站(zhan)設(she)計(ji)(ji)，也在(zai)考驗(yan)著用戶。
