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