很多網(wang)(wang)(wang)頁設(she)計(ji)師(shi)在(zai)設(she)計(ji)網(wang)(wang)(wang)站(zhan)的時候，總是容易設(she)計(ji)出千篇(pian)一(yi)律(lv)的網(wang)(wang)(wang)站(zhan)。要知道，現在(zai)做網(wang)(wang)(wang)站(zhan)建設(she)的，都在(zai)追求創新，講(jiang)究特色。你設(she)計(ji)的網(wang)(wang)(wang)站(zhan)是千篇(pian)一(yi)律(lv)的，那不(bu)就是犯了(le)大忌了(le)嗎。

所以，今天(tian)小(xiao)莫(mo)為大(da)家(jia)分享(xiang)五(wu)個小(xiao)技巧，希望能幫(bang)助大(da)家(jia)設計出別具一格的(de)網站。

一、布局排版可以做突破

不知道大家有沒(mei)有這方面(mian)的(de)經驗，在某一(yi)段時間里，同時要(yao)做幾個(ge)網(wang)站的(de)設計，結果設計出來(lai)的(de)網(wang)頁(ye)，布局基(ji)本是一(yi)樣(yang)的(de)，可(ke)能只是換個(ge)種(zhong)顏色(se)。所(suo)以，這第一(yi)個(ge)小技巧就是從布局方面(mian)來(lai)進行突破。

我們要學會(hui)打破常規的布(bu)(bu)局排版，為網頁帶來一個不(bu)一樣布(bu)(bu)局，有時候我們可以從中得到一個不(bu)一樣的視覺體(ti)驗。

想要(yao)打(da)破排(pai)版布(bu)局，這(zhe)就需要(yao)大(da)家(jia)多去拓展思(si)路，改版自己的(de)思(si)維方式。相信在改變(bian)布(bu)局的(de)同時，可(ke)以為你的(de)設計(ji)帶來不一樣(yang)的(de)靈感。

二、可以多采用幾種字體

在(zai)網(wang)站(zhan)里，除了圖(tu)片之外，剩(sheng)下的(de)基本都是文(wen)(wen)字(zi)(zi)(zi)。所以，文(wen)(wen)字(zi)(zi)(zi)對于一(yi)個網(wang)站(zhan)來說，是非常(chang)重要的(de)。這里的(de)文(wen)(wen)字(zi)(zi)(zi)，除了指網(wang)站(zhan)內容之外，更是指字(zi)(zi)(zi)體(ti)。大家可不要小(xiao)看這個字(zi)(zi)(zi)體(ti)哦。

記得以前跟大(da)家講解過字(zi)(zi)體對(dui)比(bi)的(de)重要性(xing)，也(ye)(ye)說到字(zi)(zi)體有很(hen)強的(de)識別(bie)性(xing)和可讀性(xing)。因此，我們(men)不難(nan)看出(chu)，對(dui)于網頁(ye)的(de)整體設(she)計來說，字(zi)(zi)體設(she)計也(ye)(ye)是很(hen)重要的(de)。做好字(zi)(zi)體的(de)設(she)計，可以為整個網站錦上添花。

在過去，我們在設計網站的時候，是畢竟傾向于少用多種字體。但是，隨著網站數量的增加，以及設計理念的改版。為了避免網站設計出現(xian)千(qian)篇一律的情(qing)況，我(wo)們適當的多考慮幾種字體，以此來豐富(fu)頁面的設計。

字(zi)(zi)體(ti)可以適當的(de)做對比，標題類(lei)的(de)字(zi)(zi)體(ti)可以選用(yong)(yong)常(chang)用(yong)(yong)的(de)黑(hei)體(ti)或(huo)是(shi)微(wei)軟雅(ya)黑(hei)，大篇幅的(de)文章(zhang)內頁文字(zi)(zi)可以采用(yong)(yong)宋(song)體(ti)，宋(song)體(ti)更適合小字(zi)(zi)閱讀(du)。

宋(song)體(ti)(ti)是(shi)為(wei)適應印刷(shua)術而出現的一種(zhong)漢字(zi)(zi)字(zi)(zi)體(ti)(ti)。筆劃有粗細變化，常用于書(shu)籍、雜(za)志(zhi)、報(bao)紙印刷(shua)的正文(wen)排(pai)版，所(suo)以在(zai)大(da)篇幅文(wen)章的設計(ji)時，可(ke)以采用宋(song)體(ti)(ti)。宋(song)體(ti)(ti)是(shi)Windows系統下最常見(jian)的字(zi)(zi)體(ti)(ti)，小字(zi)(zi)體(ti)(ti)點陣，大(da)字(zi)(zi)體(ti)(ti)TrueType。大(da)標題顯(xian)示時字(zi)(zi)體(ti)(ti)不是(shi)很好看，所(suo)以一般不建議用宋(song)體(ti)(ti)來當標題。

當然(ran)，我們也(ye)不能用(yong)太多(duo)的(de)字體(ti)，一般來說(shuo)，一個網站選用(yong)2~3種字體(ti)就好了。過(guo)了的(de)話(hua)，很容易讓(rang)網站變得很凌(ling)亂(luan)的(de)。

三、字體間的間距要統一

整個網(wang)站當中(zhong)的字體間距(ju)一定要統一，不要這個頁(ye)(ye)面(mian)的間距(ju)是15px，第二(er)個頁(ye)(ye)面(mian)的間距(ju)就是20px，這樣雜亂無章。

不管(guan)是同(tong)個頁面(mian)或者(zhe)是不同(tong)頁面(mian)下(xia)的(de)字(zi)體間距(ju)(ju)我們設(she)計都要統一(yi)。好比(bi)段(duan)落統一(yi)間距(ju)(ju)1.5倍，標題和段(duan)落之間的(de)間距(ju)(ju)是20px。這樣的(de)界面(mian)會讓瀏覽者(zhe)產生熟悉感，不會每個頁面(mian)進(jin)去都不一(yi)樣，需要時間去適應。

四、網站配色要大膽

雖然，現在都在說簡約(yue)風(feng)。但是(shi)，簡約(yue)不(bu)代(dai)表著就用單(dan)一的顏色(se)(se)(se)來(lai)設計網(wang)站。因為，顏色(se)(se)(se)的單(dan)一，會使(shi)得網(wang)站看(kan)起來(lai)很單(dan)調的。所以(yi)(yi)，建議(yi)采(cai)用一個(ge)主(zhu)色(se)(se)(se)調，多個(ge)輔助色(se)(se)(se)來(lai)豐富網(wang)頁。主(zhu)色(se)(se)(se)的選(xuan)擇大都是(shi)logo色(se)(se)(se)或(huo)者是(shi)形象色(se)(se)(se)，輔助色(se)(se)(se)的選(xuan)擇稍微靈活(huo)點，可以(yi)(yi)根據網(wang)站的風(feng)格(ge)來(lai)確定。

對比(bi)色(se)會很突兀和刺激，鄰近(jin)色(se)會比(bi)較(jiao)協調溫柔。不同顏色(se)的搭配可以(yi)表達(da)不同的情(qing)緒(xu)，所以(yi)設(she)計師(shi)在設(she)計的時候可以(yi)多采用幾(ji)種(zhong)顏色(se)搭配，看(kan)看(kan)哪一種(zhong)效果比(bi)較(jiao)出彩。

其(qi)實(shi)，在進行配(pei)色(se)的(de)(de)時候，我們可以稍(shao)微的(de)(de)大膽(dan)一(yi)(yi)點，采用一(yi)(yi)些不(bu)一(yi)(yi)樣的(de)(de)配(pei)色(se)。我們不(bu)一(yi)(yi)定要遵循(xun)過(guo)去的(de)(de)配(pei)色(se)法規的(de)(de)，我們可以大膽(dan)創新(xin)的(de)(de)。不(bu)過(guo)這個(ge)需要很小(xiao)心，因(yin)為一(yi)(yi)不(bu)小(xiao)心就是.......

五、元素的使用要統一（按鈕、鏈接、圖片）

元素這里說(shuo)的(de)(de)(de)包(bao)括網頁中用(yong)(yong)到(dao)的(de)(de)(de)按鈕(niu)、圖(tu)片(pian)、鏈接的(de)(de)(de)樣式設計(ji)，跟(gen)前面(mian)的(de)(de)(de)字體間距要(yao)統一(yi)(yi)是一(yi)(yi)個道(dao)理的(de)(de)(de)，如果這個頁面(mian)的(de)(de)(de)按鈕(niu)是方角的(de)(de)(de)，但是打開另外一(yi)(yi)個頁面(mian)的(de)(de)(de)按鈕(niu)變成圓角，這樣會(hui)讓瀏覽者產生不適的(de)(de)(de)感受(shou)。這種感受(shou)會(hui)影(ying)響到(dao)用(yong)(yong)戶體驗，所以(yi)我們在設計(ji)按鈕(niu)或者是圖(tu)片(pian)等相(xiang)關元素的(de)(de)(de)時候，需要(yao)統一(yi)(yi)這些元素。

上述幾點，就是小莫今天的全部分享了。可能有點簡短，都是還是希望對大家有所幫助吧。如果在廣州建站公司這邊累積到新經驗的話，希望還有機會(hui)分享(xiang)給(gei)大家吧。