網(wǎng)站建設(shè)知識企業(yè)官網(wǎng)定制開發(fā),擁有網(wǎng)站建設(shè)制作的豐富經(jīng)驗,為企業(yè)提供高質(zhì)量的網(wǎng)站建設(shè)服務(wù)
作者:鵬飛網(wǎng)絡(luò) 時間:2015-3-23 分類:網(wǎng)站建設(shè)知識
通過域名進網(wǎng)站的第一眼看到的是網(wǎng)站首頁,所以設(shè)計首頁的好壞直接關(guān)系到用戶是不是會繼續(xù)瀏覽或停留在你的網(wǎng)頁上。因此網(wǎng)站首頁設(shè)計一定要認真考慮顏色搭配、內(nèi)容排版布局,爭取做到讓其看著漂亮大方又簡潔實用。
一.畫制草圖
先把需要在首頁展示的所有內(nèi)容,用鉛筆畫出一個大概的結(jié)構(gòu)草圖,這屬于整體規(guī)劃階段,不需要處理細節(jié),只要使用線條畫出網(wǎng)頁整體輪廓,加上相應(yīng)的文字說明即可?梢援嫵龆喾N不同排版風(fēng)格的效果,最后通過對比選擇出最適合此網(wǎng)站所處行業(yè),最貼近網(wǎng)站主題的一個作為設(shè)計的基礎(chǔ),再加以修改完善直到感覺自我滿意。
二.網(wǎng)站首頁設(shè)計
使用做圖軟件新建一個空白文檔,上面沒有任何文字內(nèi)容,也沒有任何色彩,你可以把你的草圖完整的繪制到面板上,根據(jù)草圖上的說明,加上文字內(nèi)容和logo以及相關(guān)產(chǎn)品、案例或廣告圖片,并根據(jù)用戶的要求來為導(dǎo)航及每個版塊搭配顏色,最后再一點點的修改每一塊的細節(jié),直到看著沒有任何細節(jié)問題,整體也非常協(xié)調(diào)為止(同樣的,也可以多設(shè)計出一兩套不同顏色風(fēng)格的效果,方便客戶選擇)。
三.請同事給出建議
所謂三人行,必有我?guī),把你做的效果圖發(fā)給兩個以上的同事,請他們給出相應(yīng)的建議,根據(jù)他們給的意見再加以自己的經(jīng)驗,作出相應(yīng)的修改(如果自己看著沒問題,但感覺總是不太完美,可以再次發(fā)給同事,請他們給出意見,直到自己感覺非常完美)。
四.發(fā)給客戶確認
把做好的圖片切圖做成網(wǎng)頁,然后傳到測試空間,并把網(wǎng)址發(fā)給客戶,客戶作為消費者,總會提出自己的修改需求,如果有什么問題,可以跟客戶溝通說明,最終根據(jù)客戶最后的想法修改(畢竟客戶滿意也是網(wǎng)站建設(shè)成功的標準之一)。
上面是我們設(shè)計網(wǎng)站首頁時的基本流程,希望對一些初級網(wǎng)站設(shè)計師起到一定的幫助,但只知道如何去做還是不夠的,以下我們給出一些網(wǎng)站設(shè)計遵循的原則:
1.留白:這也是最簡單的一種設(shè)計風(fēng)格,在網(wǎng)站內(nèi)容集中的區(qū)域留出足夠的空白,一方面可以避免用戶眼睛疲勞,還可以提升搜索流暢度,而且用好留白,網(wǎng)站的可讀性和易讀性都會得到非常大的改善,提升閱讀體驗的同時也更易理解。
2.對比:大多數(shù)人聽到”對比”這個詞,第一想法就是顏色上的比較,但其實對比原則中不只包含顏色,顏色只是對用戶識別頁面不同的版塊有很大的幫助,一般頁面上包含頭部,內(nèi)容區(qū),腳部,想要很好的區(qū)分這三個區(qū)域,最好的方法就是使用不同的背景顏色。而另一種做法,就是內(nèi)容文字之間也可以使用不同顏色來對比,標題、副標題、簡介、詳細內(nèi)容都可以使用不同的顏色來區(qū)分,這樣用戶在滾動頁面時就可以很方便的找到哪塊是正文內(nèi)容。
3.勻稱平衡:這種做法也是大多數(shù)普通企業(yè)網(wǎng)站設(shè)計使用到的,多指左右、上下完全對照,主要體現(xiàn)在規(guī)則的順序展示,一些政府網(wǎng)站和行業(yè)門戶網(wǎng)站使用,這樣可以達到誠實、依賴的感覺。
4.異常平衡:這也是一種對照形式,只不過這種平衡是不完全勻稱的,可以是斜對角,也可以是跨度間隔很大的兩塊相同風(fēng)格區(qū)域,主要讓用戶可以產(chǎn)生熟悉感。
5.圖片說明:很多內(nèi)容是一些只能意會,不可言傳的,使用圖片就可以很好的說明,并傳達給瀏覽者更多的語言無法達到的信息。
以上總結(jié)了目前網(wǎng)絡(luò)上常見的網(wǎng)站首頁設(shè)計技巧,其實還有很多別具一格的設(shè)計,但只要你做的首頁滿足了以上幾點,基本上完全可以滿足客戶的需求了。北京網(wǎng)站建設(shè),專業(yè)網(wǎng)站首頁設(shè)計。歡迎來電咨詢。