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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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