網站建設

PC + 手機 + 微信網站 + 小程序 + APP,五端合一(yī / yì /yí)

當前位置:首頁>新聞資訊>網站建設

網站首頁怎麽設計

時(shí)間:2011-06-04   訪問量:1324

通過域名進網站的(de)第一(yī / yì /yí)眼看到(dào)的(de)是(shì)網站首頁,所以(yǐ)設計首頁的(de)好壞直接關系到(dào)用戶是(shì)不(bù)是(shì)會繼續浏覽或停留在(zài)你的(de)網頁上(shàng)。因此網站首頁設計一(yī / yì /yí)定要(yào / yāo)認真考慮顔色搭配、内容排版布局,争取做到(dào)讓其看着漂亮大(dà)方又簡潔實用。

一(yī / yì /yí).畫制草圖

先把需要(yào / yāo)在(zài)首頁展示的(de)所有内容,用鉛筆畫出(chū)一(yī / yì /yí)個(gè)大(dà)概的(de)結構草圖,這(zhè)屬于(yú)整體規劃階段,不(bù)需要(yào / yāo)處理細節,隻要(yào / yāo)使用線條畫出(chū)網頁整體輪廓,加上(shàng)相應的(de)文字說(shuō)明即可。可以(yǐ)畫出(chū)多種不(bù)同排版風格的(de)效果,最後通過對比選擇出(chū)最适合此網站所處行業,最貼近網站主題的(de)一(yī / yì /yí)個(gè)作爲(wéi / wèi)設計的(de)基礎,再加以(yǐ)修改完善直到(dào)感覺自我滿意。

二.網站首頁設計

使用做圖軟件新建一(yī / yì /yí)個(gè)空白文檔,上(shàng)面沒有任何文字内容,也(yě)沒有任何色彩,你可以(yǐ)把你的(de)草圖完整的(de)繪制到(dào)面闆上(shàng),根據草圖上(shàng)的(de)說(shuō)明,加上(shàng)文字内容和(hé / huò)logo以(yǐ)及相關産品、案例或廣告圖片,并根據用戶的(de)要(yào / yāo)求來(lái)爲(wéi / wèi)導航及每個(gè)版塊搭配顔色,最後再一(yī / yì /yí)點點的(de)修改每一(yī / yì /yí)塊的(de)細節,直到(dào)看着沒有任何細節問題,整體也(yě)非常協調爲(wéi / wèi)止(同樣的(de),也(yě)可以(yǐ)多設計出(chū)一(yī / yì /yí)兩套不(bù)同顔色風格的(de)效果,方便客戶選擇)。

三.請同事給出(chū)建議

所謂三人(rén)行,必有我師,把你做的(de)效果圖發給兩個(gè)以(yǐ)上(shàng)的(de)同事,請他(tā)們給出(chū)相應的(de)建議,根據他(tā)們給的(de)意見再加以(yǐ)自己的(de)經驗,作出(chū)相應的(de)修改(如果自己看着沒問題,但感覺總是(shì)不(bù)太完美,可以(yǐ)再次發給同事,請他(tā)們給出(chū)意見,直到(dào)自己感覺非常完美)。

四.發給客戶确認

把做好的(de)圖片切圖做成網頁,然後傳到(dào)測試空間,并把網址發給客戶,客戶作爲(wéi / wèi)消費者,總會提出(chū)自己的(de)修改需求,如果有什麽問題,可以(yǐ)跟客戶溝通說(shuō)明,最終根據客戶最後的(de)想法修改(畢竟客戶滿意也(yě)是(shì)網站建設成功的(de)标準之(zhī)一(yī / yì /yí))。

上(shàng)面是(shì)我們設計網站首頁時(shí)的(de)基本流程,希望對一(yī / yì /yí)些初級網站設計師起到(dào)一(yī / yì /yí)定的(de)幫助,但隻知道(dào)如何去做還是(shì)不(bù)夠的(de),以(yǐ)下我們給出(chū)一(yī / yì /yí)些網站設計遵循的(de)原則:

1.留白:這(zhè)也(yě)是(shì)最簡單的(de)一(yī / yì /yí)種設計風格,在(zài)網站内容集中的(de)區域留出(chū)足夠的(de)空白,一(yī / yì /yí)方面可以(yǐ)避免用戶眼睛疲勞,還可以(yǐ)提升搜索流暢度,而(ér)且用好留白,網站的(de)可讀性和(hé / huò)易讀性都會得到(dào)非常大(dà)的(de)改善,提升閱讀體驗的(de)同時(shí)也(yě)更易理解。

2.對比:大(dà)多數人(rén)聽到(dào)”對比”這(zhè)個(gè)詞,第一(yī / yì /yí)想法就(jiù)是(shì)顔色上(shàng)的(de)比較,但其實對比原則中不(bù)隻包含顔色,顔色隻是(shì)對用戶識别頁面不(bù)同的(de)版塊有很大(dà)的(de)幫助,一(yī / yì /yí)般頁面上(shàng)包含頭部,内容區,腳部,想要(yào / yāo)很好的(de)區分這(zhè)三個(gè)區域,最好的(de)方法就(jiù)是(shì)使用不(bù)同的(de)背景顔色。而(ér)另一(yī / yì /yí)種做法,就(jiù)是(shì)内容文字之(zhī)間也(yě)可以(yǐ)使用不(bù)同顔色來(lái)對比,标題、副标題、簡介、詳細内容都可以(yǐ)使用不(bù)同的(de)顔色來(lái)區分,這(zhè)樣用戶在(zài)滾動頁面時(shí)就(jiù)可以(yǐ)很方便的(de)找到(dào)哪塊是(shì)正文内容。

3.勻稱平衡:這(zhè)種做法也(yě)是(shì)大(dà)多數普通企業網站設計使用到(dào)的(de),多指左右、上(shàng)下完全對照,主要(yào / yāo)體現在(zài)規則的(de)順序展示,一(yī / yì /yí)些政府網站和(hé / huò)行業門戶網站使用,這(zhè)樣可以(yǐ)達到(dào)誠實、依賴的(de)感覺。

4.異常平衡:這(zhè)也(yě)是(shì)一(yī / yì /yí)種對照形式,隻不(bù)過這(zhè)種平衡是(shì)不(bù)完全勻稱的(de),可以(yǐ)是(shì)斜對角,也(yě)可以(yǐ)是(shì)跨度間隔很大(dà)的(de)兩塊相同風格區域,主要(yào / yāo)讓用戶可以(yǐ)産生熟悉感。

5.圖片說(shuō)明:很多内容是(shì)一(yī / yì /yí)些隻能意會,不(bù)可言傳的(de),使用圖片就(jiù)可以(yǐ)很好的(de)說(shuō)明,并傳達給浏覽者更多的(de)語言無法達到(dào)的(de)信息。

以(yǐ)上(shàng)總結了(le/liǎo)目前網絡上(shàng)常見的(de)網站首頁設計技巧,其實還有很多别具一(yī / yì /yí)格的(de)設計,但隻要(yào / yāo)你做的(de)首頁滿足了(le/liǎo)以(yǐ)上(shàng)幾點,基本上(shàng)完全可以(yǐ)滿足客戶的(de)需求了(le/liǎo)。北京網站建設,專業網站首頁設計。歡迎來(lái)電咨詢。

上(shàng)一(yī / yì /yí)篇:網站建設與歸檔的(de)過程及問題

下一(yī / yì /yí)篇:企業網站建設高黏度的(de)用戶社群

發表評論:

評論記錄:

未查詢到(dào)任何數據!

在(zài)線咨詢

點擊這(zhè)裏給我發消息 售前咨詢專員

點擊這(zhè)裏給我發消息 售後服務專員

在(zài)線咨詢

免費通話

24小時(shí)免費咨詢

請輸入您的(de)聯系電話,座機請加區号

免費通話

微信掃一(yī / yì /yí)掃

微信聯系
返回頂部