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