第一:首先要了解網(wǎng)站的邏輯和物理結(jié)構(gòu)。
不同的網(wǎng)站結(jié)構(gòu)是不同的,只有知道網(wǎng)站的邏輯結(jié)構(gòu),才好在網(wǎng)頁上突出主題。 網(wǎng)頁的物理結(jié)構(gòu)如果細(xì)分到每個頁面,其中首頁則是最重要的;再細(xì)分下去,就是網(wǎng)頁結(jié)構(gòu):頭部,導(dǎo)航,主體,底部。它們以不同的排列組合會產(chǎn)生不同的效果。比如頭部在導(dǎo)航上面這樣的排列顯得上面比較空曠,整體給人感覺就比較大氣,如果相反就給人一種信息緊湊的感覺。
第二:網(wǎng)頁設(shè)計要獨樹一幟,力求不同。
說到網(wǎng)頁創(chuàng)新,就不得不從一開始的網(wǎng)頁風(fēng)格上進(jìn)行研究,同時還要考慮到主頁整體風(fēng)格、顏色的搭配、頁面的布局等諸多因素都可以進(jìn)行創(chuàng)新。
1.確定網(wǎng)頁的整體風(fēng)格
風(fēng)格是指網(wǎng)頁的整體形象給訪問者的第一印象,可以說是網(wǎng)頁的靈魂,在這個“整體形象”包括了很多的元素,比如:網(wǎng)站的標(biāo)志,版面設(shè)計,瀏覽方式、文字、語 氣、內(nèi)在價值點、文章的屬性。這些因素應(yīng)當(dāng)在觀看者看見的第一眼就能確定的,F(xiàn)在眾多的網(wǎng)頁都有自己獨特的風(fēng)格比如:迪士尼網(wǎng)頁的色彩對比、百度的簡潔明 了、政府網(wǎng)站的嚴(yán)謹(jǐn),這些無不體現(xiàn)者網(wǎng)頁的獨特風(fēng)格。
2.搭配好網(wǎng)站的顏色。
顏色也是網(wǎng)頁一個重要的表現(xiàn)手段,不同的顏色組合和網(wǎng)頁結(jié)構(gòu)排列表達(dá)出是不同的風(fēng)格。一般冷色調(diào)可以用來表現(xiàn)簡潔的風(fēng)格,而暖色調(diào)則在表現(xiàn)時尚、流行等潮流元素上比較突出。
3.網(wǎng)頁的設(shè)計框架
設(shè)計網(wǎng)頁首先要設(shè)計網(wǎng)頁的大致框架,框架要根據(jù)網(wǎng)頁的內(nèi)容來確定。對于榮譽(yù)獎?wù)潞痛蟊姷目诒欢ㄒ旁陲@眼的位置,只有這樣才能吸引廣大網(wǎng)站瀏覽者在這個網(wǎng)頁上停留長時間進(jìn)行瀏覽。
4.處理好背景、邊框線條和合理的使用一些美觀的小圖片。
網(wǎng)頁少不了各種邊框和背景,在這個上面做下處理會讓你網(wǎng)頁的美觀度上再上一個臺階。比如剛性線條用圓弧代替,同時在邊框里面用上合適背景顏色或圖片等。如果再在合適的位置用上一些小圖片點綴下,更能起到畫龍點睛的作用。
5.網(wǎng)站顯示的圖片等內(nèi)容也要和網(wǎng)頁整體風(fēng)格相符,這樣就能使整個網(wǎng)頁形成風(fēng)格的統(tǒng)一 。
第三:網(wǎng)頁設(shè)計時要注重用戶體驗。
在網(wǎng)頁設(shè)計的過程中,很多人想當(dāng)然的悶著頭做設(shè)計,忽略了重要的一點,那就是用戶體驗,網(wǎng)頁是給用戶看的,不是想當(dāng)然做出來,當(dāng)然在站在用戶的角度去考慮問題。
打個比方:如果說你做的是一個資訊類的網(wǎng)站,用戶一個月前看見該網(wǎng)站上有一篇文章很好,現(xiàn)在再想看的話,已經(jīng)很難找了,如果加個搜索功能的話,是不是給用戶帶來了方便?這樣的話用戶是不是會更加的喜歡這個網(wǎng)站呢?
第四:做好html代碼優(yōu)化
html代碼可以使用table或者是div+css,個人認(rèn)為div+css是比較節(jié)省代碼的,所謂的html代碼優(yōu)化,簡單的說,就是同樣的東西,用最簡潔的方式去完成,給瀏覽器避免不必要的負(fù)擔(dān)。
第四:網(wǎng)頁布局要做到能張能弛
在網(wǎng)頁設(shè)計上有很多的網(wǎng)頁設(shè)計者為極力凸顯不同,在網(wǎng)頁設(shè)置布局上采用隨心所欲的風(fēng)格,這樣不僅失去了閱讀者對此網(wǎng)頁的閱讀興趣,而且在一定程度上會讓閱讀者厭惡。
那么如何作出更精美的布局呢
1.圖片與文字的協(xié)調(diào)性
一個完美的網(wǎng)頁布局會給人一種和平舒暢的心情,它不僅僅是表現(xiàn)在文字的表達(dá)程度,更多的表現(xiàn)在圖片與文字的協(xié)調(diào)性。
2.有松有馳
網(wǎng)頁制作上也要講究有松有馳,不要整個網(wǎng)頁都是一種樣式,要適當(dāng)進(jìn)行留白,運用空格或是改變字體之間的間距,從而達(dá)到不一樣的變化效果。
3.視覺上的對比性
通過不同的色彩、不同的圖形進(jìn)行對比,在視覺上形成視覺的沖擊,同時在圖形也要形成對比,只有這樣才能讓人們過目不忘。