網(wǎng)頁(yè)設(shè)計(jì)技巧:網(wǎng)站的首頁(yè)設(shè)計(jì)對(duì)于能觀眾的影響
發(fā)布時(shí)間:2012-08-09 16:22:43 作者:佚名
我要評(píng)論

網(wǎng)站的首頁(yè)設(shè)計(jì)對(duì)于一個(gè)觀眾的影響是顯而易見(jiàn)的.
我想你應(yīng)該知道網(wǎng)站主頁(yè)對(duì)整個(gè)網(wǎng)站的來(lái)說(shuō)是非常重要的,哪么我們?nèi)绻屗芪愕挠^眾(訪(fǎng)問(wèn)用戶(hù))?這就取決于你的設(shè)計(jì)了,網(wǎng)站首頁(yè)一般包含:導(dǎo) 航菜單、搜索欄、網(wǎng)站LOGO、目錄以及其它內(nèi)容,還有就是能一眼看到你網(wǎng)站就知道這是做什么的。我們除了讓首頁(yè)設(shè)計(jì)得有吸引力外,還得使它有其它功能或 是一些引導(dǎo)性信息。下面我們將告訴你能影響觀眾的網(wǎng)站首頁(yè)設(shè)計(jì)的10個(gè)要點(diǎn)。
1. 讓它能吸引訪(fǎng)客

摘自: Art 4 Web
首先,網(wǎng)站首頁(yè)就像是一本書(shū)的封面或是雜志封面,它是用戶(hù)瀏覽網(wǎng)站時(shí)第一眼看到的,因此,你的首頁(yè)設(shè)計(jì)必須第一眼就能吸引用,否則它就失去了首頁(yè)的 用途和目的。你可以看大部分網(wǎng)站的首頁(yè),他們都是很吸引人的,你可以全色彩或者只有黑白,也可以利用有吸引力的圖像與文字組合來(lái)創(chuàng)作你的首頁(yè)。
2. 讓用戶(hù)記住你的品牌.

摘自: Wunderkit
想要用戶(hù)容易記你的網(wǎng)站或品牌,你可以把你的網(wǎng)站LOGO放到網(wǎng)站適當(dāng)位置,而且要配合網(wǎng)站風(fēng)格,這樣會(huì)比較容易讓用戶(hù)記住你的網(wǎng)站LOGO,在用戶(hù)心中留下一定的印象,下次用戶(hù)訪(fǎng)問(wèn)網(wǎng)站的時(shí)候,看到你這個(gè)標(biāo)志就可以知道是你的。
3. 告訴用戶(hù)你網(wǎng)站是干什么的

摘自: Off Road Studios
如果用用戶(hù)看首頁(yè)都不知道你的網(wǎng)站是干什么的,哪么很容易讓用戶(hù)直接關(guān)閉網(wǎng)頁(yè),所以我們要充分利用網(wǎng)站明顯的位置添加一些文字或banner信息,offRoad sutdios的網(wǎng)站就是很好的例子。
4. 鼓勵(lì)用戶(hù)采用行動(dòng)

Site: Rdio
如果想用戶(hù)聯(lián)系你,你可以在頁(yè)面上留下一些摘要聯(lián)系信息而不需要放到contact us頁(yè)面。想用戶(hù)注冊(cè)你的網(wǎng)站,哪么就制作一個(gè)注冊(cè)或登陸功能的布局,你可以利用一些交互設(shè)計(jì)配合,使得設(shè)計(jì)更加醒目。所以可以用你的設(shè)計(jì)來(lái)引導(dǎo)用戶(hù)去采用或者行動(dòng),這是主頁(yè)的功效。
5. 設(shè)計(jì)一個(gè)個(gè)性的外觀.

摘自: De4macja
這一點(diǎn)很適合制作個(gè)人網(wǎng)站的用戶(hù),一般個(gè)人網(wǎng)站如果想讓更多人來(lái)訪(fǎng)問(wèn),哪么你的網(wǎng)站可以添加一些自己的個(gè)性作品以及文章,利用這些來(lái)吸引用戶(hù)以及用戶(hù)的2次來(lái)訪(fǎng)。
6. 留住用戶(hù).

摘自: k2
嗯……我想任何站長(zhǎng)都有這么個(gè)想法,像一個(gè)商城,如果用戶(hù)停留你的網(wǎng)站越久,訂單成功率就會(huì)越高,所以這點(diǎn)我只有這么個(gè)建議,就是你的內(nèi)容、產(chǎn)品以及設(shè)計(jì)要有足夠的吸引力,這樣用戶(hù)看到后可能還會(huì)收藏或分享給其它人。
7. 頁(yè)面有良好的引導(dǎo)性.

Site: Goverdose 2.0
如果具有良好的引導(dǎo)性呢?
1. 設(shè)計(jì)一個(gè)易用性的導(dǎo)航,不要太過(guò)花哨,可以使用一些交互效果來(lái)增加用戶(hù)體驗(yàn)
2. 利用圖片引導(dǎo),如一些banner廣告就是最好的引導(dǎo),banner一般是用生動(dòng)的圖像與文字結(jié)合,這是比較容易讓用戶(hù)注意到的,所以商城網(wǎng)站一般都會(huì)有這些廣告在。
8. 添加社會(huì)化分享插件.

Site: National Traveller
為你的網(wǎng)站添加一些熱門(mén)的社會(huì)化分享插件也是很不錯(cuò)的,現(xiàn)在無(wú)論是企業(yè)網(wǎng)站、電子商務(wù)網(wǎng)站或是個(gè)人博客都帶有這些分享工具,正如設(shè)計(jì)達(dá)人網(wǎng)站的側(cè) 邊,你可以明顯的看到一個(gè)分享圖標(biāo),這個(gè)圖標(biāo)為了配合網(wǎng)站風(fēng)格而重新設(shè)計(jì)過(guò)。這個(gè)分享工具能給網(wǎng)站帶來(lái)一定的回訪(fǎng)率,用戶(hù)分享的被其它用戶(hù)看到,可能會(huì)再 次分享。
9. SEO & 關(guān)鍵字

摘自: The Big Burn
除了設(shè)計(jì)以外要注意的地方就是SEO代碼方面,這個(gè)我想說(shuō)的主要是網(wǎng)頁(yè)要有標(biāo)題、關(guān)鍵字,現(xiàn)在的網(wǎng)站網(wǎng)址一般很難記住,當(dāng)用戶(hù)收藏網(wǎng)站在下次回訪(fǎng)時(shí)有標(biāo)題或簡(jiǎn)單網(wǎng)站描述會(huì)比較容易知道哪個(gè)是你的網(wǎng)站。SEO當(dāng)然還有很多內(nèi)容,但這個(gè)具體你得上網(wǎng)搜索學(xué)習(xí)了。
10. 獲得用戶(hù)信任

摘自: Epic
讓網(wǎng)站獲得用戶(hù)信任是很重要的,如果沒(méi)得到用戶(hù)信任,哪么用戶(hù)在和網(wǎng)站進(jìn)行操作的時(shí)候可能產(chǎn)生恐懼或者疑惑的感覺(jué),這點(diǎn)你可以通過(guò)內(nèi)容、優(yōu)秀設(shè)計(jì)或者放一個(gè)統(tǒng)計(jì)讓用戶(hù)知道你的網(wǎng)站已經(jīng)有運(yùn)行多久,還有得到過(guò)什么認(rèn)證之類(lèi)的。
所以我建議一個(gè)企業(yè)客戶(hù)做自己品牌網(wǎng)站的時(shí)候,應(yīng)該找些有信用的設(shè)計(jì)不錯(cuò)的設(shè)計(jì)機(jī)構(gòu)或設(shè)計(jì)師來(lái)制作,否則你的網(wǎng)站很可能像山寨一樣。
現(xiàn)在輪到你
毫無(wú)疑問(wèn),在網(wǎng)頁(yè)設(shè)計(jì)中一個(gè)網(wǎng)站的首頁(yè)起頭至關(guān)生要的重要,很可能影響到你的目標(biāo)用戶(hù)。因此它需要一個(gè)能讓用戶(hù)留下良好印象的設(shè)計(jì)方式,這樣用戶(hù)才會(huì)一次又一次的回訪(fǎng)你的網(wǎng)站。
你覺(jué)得這篇文章對(duì)你有幫助嗎?又或者你有一些建議要提出,哪么請(qǐng)?jiān)谙路浇o我們留言。在此,我們會(huì)非常感謝你?。ㄎ模涸O(shè)計(jì)達(dá)人)
1. 讓它能吸引訪(fǎng)客

摘自: Art 4 Web
首先,網(wǎng)站首頁(yè)就像是一本書(shū)的封面或是雜志封面,它是用戶(hù)瀏覽網(wǎng)站時(shí)第一眼看到的,因此,你的首頁(yè)設(shè)計(jì)必須第一眼就能吸引用,否則它就失去了首頁(yè)的 用途和目的。你可以看大部分網(wǎng)站的首頁(yè),他們都是很吸引人的,你可以全色彩或者只有黑白,也可以利用有吸引力的圖像與文字組合來(lái)創(chuàng)作你的首頁(yè)。
2. 讓用戶(hù)記住你的品牌.

摘自: Wunderkit
想要用戶(hù)容易記你的網(wǎng)站或品牌,你可以把你的網(wǎng)站LOGO放到網(wǎng)站適當(dāng)位置,而且要配合網(wǎng)站風(fēng)格,這樣會(huì)比較容易讓用戶(hù)記住你的網(wǎng)站LOGO,在用戶(hù)心中留下一定的印象,下次用戶(hù)訪(fǎng)問(wèn)網(wǎng)站的時(shí)候,看到你這個(gè)標(biāo)志就可以知道是你的。
3. 告訴用戶(hù)你網(wǎng)站是干什么的

摘自: Off Road Studios
如果用用戶(hù)看首頁(yè)都不知道你的網(wǎng)站是干什么的,哪么很容易讓用戶(hù)直接關(guān)閉網(wǎng)頁(yè),所以我們要充分利用網(wǎng)站明顯的位置添加一些文字或banner信息,offRoad sutdios的網(wǎng)站就是很好的例子。
4. 鼓勵(lì)用戶(hù)采用行動(dòng)

Site: Rdio
如果想用戶(hù)聯(lián)系你,你可以在頁(yè)面上留下一些摘要聯(lián)系信息而不需要放到contact us頁(yè)面。想用戶(hù)注冊(cè)你的網(wǎng)站,哪么就制作一個(gè)注冊(cè)或登陸功能的布局,你可以利用一些交互設(shè)計(jì)配合,使得設(shè)計(jì)更加醒目。所以可以用你的設(shè)計(jì)來(lái)引導(dǎo)用戶(hù)去采用或者行動(dòng),這是主頁(yè)的功效。
5. 設(shè)計(jì)一個(gè)個(gè)性的外觀.

摘自: De4macja
這一點(diǎn)很適合制作個(gè)人網(wǎng)站的用戶(hù),一般個(gè)人網(wǎng)站如果想讓更多人來(lái)訪(fǎng)問(wèn),哪么你的網(wǎng)站可以添加一些自己的個(gè)性作品以及文章,利用這些來(lái)吸引用戶(hù)以及用戶(hù)的2次來(lái)訪(fǎng)。
6. 留住用戶(hù).

摘自: k2
嗯……我想任何站長(zhǎng)都有這么個(gè)想法,像一個(gè)商城,如果用戶(hù)停留你的網(wǎng)站越久,訂單成功率就會(huì)越高,所以這點(diǎn)我只有這么個(gè)建議,就是你的內(nèi)容、產(chǎn)品以及設(shè)計(jì)要有足夠的吸引力,這樣用戶(hù)看到后可能還會(huì)收藏或分享給其它人。
7. 頁(yè)面有良好的引導(dǎo)性.

Site: Goverdose 2.0
如果具有良好的引導(dǎo)性呢?
1. 設(shè)計(jì)一個(gè)易用性的導(dǎo)航,不要太過(guò)花哨,可以使用一些交互效果來(lái)增加用戶(hù)體驗(yàn)
2. 利用圖片引導(dǎo),如一些banner廣告就是最好的引導(dǎo),banner一般是用生動(dòng)的圖像與文字結(jié)合,這是比較容易讓用戶(hù)注意到的,所以商城網(wǎng)站一般都會(huì)有這些廣告在。
8. 添加社會(huì)化分享插件.

Site: National Traveller
為你的網(wǎng)站添加一些熱門(mén)的社會(huì)化分享插件也是很不錯(cuò)的,現(xiàn)在無(wú)論是企業(yè)網(wǎng)站、電子商務(wù)網(wǎng)站或是個(gè)人博客都帶有這些分享工具,正如設(shè)計(jì)達(dá)人網(wǎng)站的側(cè) 邊,你可以明顯的看到一個(gè)分享圖標(biāo),這個(gè)圖標(biāo)為了配合網(wǎng)站風(fēng)格而重新設(shè)計(jì)過(guò)。這個(gè)分享工具能給網(wǎng)站帶來(lái)一定的回訪(fǎng)率,用戶(hù)分享的被其它用戶(hù)看到,可能會(huì)再 次分享。
9. SEO & 關(guān)鍵字

摘自: The Big Burn
除了設(shè)計(jì)以外要注意的地方就是SEO代碼方面,這個(gè)我想說(shuō)的主要是網(wǎng)頁(yè)要有標(biāo)題、關(guān)鍵字,現(xiàn)在的網(wǎng)站網(wǎng)址一般很難記住,當(dāng)用戶(hù)收藏網(wǎng)站在下次回訪(fǎng)時(shí)有標(biāo)題或簡(jiǎn)單網(wǎng)站描述會(huì)比較容易知道哪個(gè)是你的網(wǎng)站。SEO當(dāng)然還有很多內(nèi)容,但這個(gè)具體你得上網(wǎng)搜索學(xué)習(xí)了。
10. 獲得用戶(hù)信任

摘自: Epic
讓網(wǎng)站獲得用戶(hù)信任是很重要的,如果沒(méi)得到用戶(hù)信任,哪么用戶(hù)在和網(wǎng)站進(jìn)行操作的時(shí)候可能產(chǎn)生恐懼或者疑惑的感覺(jué),這點(diǎn)你可以通過(guò)內(nèi)容、優(yōu)秀設(shè)計(jì)或者放一個(gè)統(tǒng)計(jì)讓用戶(hù)知道你的網(wǎng)站已經(jīng)有運(yùn)行多久,還有得到過(guò)什么認(rèn)證之類(lèi)的。
所以我建議一個(gè)企業(yè)客戶(hù)做自己品牌網(wǎng)站的時(shí)候,應(yīng)該找些有信用的設(shè)計(jì)不錯(cuò)的設(shè)計(jì)機(jī)構(gòu)或設(shè)計(jì)師來(lái)制作,否則你的網(wǎng)站很可能像山寨一樣。
現(xiàn)在輪到你
毫無(wú)疑問(wèn),在網(wǎng)頁(yè)設(shè)計(jì)中一個(gè)網(wǎng)站的首頁(yè)起頭至關(guān)生要的重要,很可能影響到你的目標(biāo)用戶(hù)。因此它需要一個(gè)能讓用戶(hù)留下良好印象的設(shè)計(jì)方式,這樣用戶(hù)才會(huì)一次又一次的回訪(fǎng)你的網(wǎng)站。
你覺(jué)得這篇文章對(duì)你有幫助嗎?又或者你有一些建議要提出,哪么請(qǐng)?jiān)谙路浇o我們留言。在此,我們會(huì)非常感謝你?。ㄎ模涸O(shè)計(jì)達(dá)人)
相關(guān)文章
AudioContext 實(shí)現(xiàn)音頻可視化(web技術(shù)分享)
這篇文章主要分享的是web技術(shù)的 AudioContext 實(shí)現(xiàn)音頻可視化,要實(shí)現(xiàn)音頻可視化得先實(shí)現(xiàn)一些炫酷的效果需要借助 Web Audio API提供的一些方法 AudioContext,下面詳細(xì)內(nèi)容2022-02-23- 這篇文章主要給大家介紹了web技術(shù)中的WebRTC記錄音視頻流,文章內(nèi)容圍繞主題展相關(guān)資料,需要的小伙伴可以參考一下,希望對(duì)你有所幫助2022-02-23
- 這是我通過(guò)網(wǎng)上查閱資料總結(jié)的一些編碼規(guī)范,用于鞏固對(duì)html,css頁(yè)面重構(gòu)時(shí)的基礎(chǔ),需要的朋友可以參考下2020-12-19
前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開(kāi)發(fā)規(guī)范
這篇文章主要介紹了前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開(kāi)發(fā)規(guī)范,需要的朋友可以參考下2017-01-21Web前端開(kāi)發(fā)規(guī)范2017(HTML/JavaScript/CSS)
這是一份旨在增強(qiáng)團(tuán)隊(duì)的開(kāi)發(fā)協(xié)作,提高代碼質(zhì)量和打造開(kāi)發(fā)基石的編碼風(fēng)格規(guī)范,其中包含了 HTML, JavaScript 和 CSS/SCSS 這幾個(gè)部分。我們知道,當(dāng)一個(gè)團(tuán)隊(duì)開(kāi)始指定并實(shí)行2017-01-21web前端開(kāi)發(fā)規(guī)范文檔(2014年版本)
這篇文章主要為大家介紹了前端開(kāi)發(fā)團(tuán)隊(duì)遵循和約定的代碼書(shū)寫(xiě)規(guī)范,意在提高代碼的規(guī)范性和可維護(hù)性,需要的朋友可以參考下2017-01-21響應(yīng)式Web之流式網(wǎng)格系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了響應(yīng)式Web之流式網(wǎng)格系統(tǒng)的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-07-04在網(wǎng)頁(yè)標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實(shí)現(xiàn)方法
下面小編就為大家分享一篇在網(wǎng)頁(yè)標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實(shí)現(xiàn)方法。希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧,祝大家游戲愉快哦2016-03-16Visual Foxpro 6.0 中文版安裝向?qū)?圖解)
基于很多用戶(hù)都在下載Visual Foxpro 6.0,但是有安裝vtp6.0經(jīng)驗(yàn)的朋友確很少,在安裝過(guò)程中總會(huì)出現(xiàn)這樣那樣的問(wèn)題,基于這些問(wèn)題,下面小編抽個(gè)時(shí)間把Visual Foxpro 6.02015-09-09網(wǎng)站日志200 0 64狀態(tài)碼的分析(協(xié)議子狀態(tài))
網(wǎng)站日志200 0 64狀態(tài)碼的分析介紹2012-10-29