做網(wǎng)頁的10個(gè)技巧

這片文章大體概括了一些設(shè)計(jì)網(wǎng)頁中的大問題。希望能給你做下一個(gè)網(wǎng)頁時(shí)給予一些兒啟發(fā)。

1、記?。耗隳苷瓶氐臅r(shí)間是有限的

我僅僅用4秒鐘就能瀏覽完平常的頁面，因此，你沒有足夠的時(shí)間吸引用戶并讓他們繼續(xù)瀏覽你的網(wǎng)站。也就是說你應(yīng)盡可能準(zhǔn)確的描述你設(shè)計(jì)的網(wǎng)站是關(guān)于什么的。如果它需要讓瀏覽者花費(fèi)更多的時(shí)間去弄明白此網(wǎng)站是關(guān)于什么的，他將放棄并離開。

2、記住：用戶是略讀頁面

當(dāng)你進(jìn)入一個(gè)房間時(shí)，你不會(huì)具體的看每一樣?xùn)|西的外表。首先你會(huì)注意屋子里面人或物的外形，你環(huán)視整個(gè)屋子，然后找令你敢興趣的東西。在第一次瀏覽網(wǎng)站的時(shí)候也會(huì)發(fā)生類似的事兒，瀏覽者或用戶首先是大體瀏覽一下。這就需要你引導(dǎo)用戶去你想要讓他們?nèi)サ牡胤?。它可能是個(gè)登陸按鈕、更多內(nèi)容按鈕、或博客文章等等

3、網(wǎng)站的左上角是最明顯的位置

這是大家公認(rèn)的事實(shí)。主要原因是大家都是用這種習(xí)慣方式來讀書讀文章的（從左上角的位置開始），另外早期的網(wǎng)站和應(yīng)用軟件也是基于此方法進(jìn)行設(shè)計(jì)開發(fā)的。我們通常會(huì)把LOGO放在左上角，這樣是很好的。但是考慮一下加入一個(gè)或者兩個(gè)其他的元素在這個(gè)位置讓它看起來更明顯（注冊(cè)的鏈接、搜索的表單、標(biāo)語等）。

4、了解“F”結(jié)構(gòu)

一些視覺跟蹤調(diào)查研究證明，用戶瀏覽網(wǎng)站的視覺路線類似于字母“F”型。最頂部的位置總是能被看到，中間區(qū)域僅有一半被看到，再往下只有左邊一部分能被看到。當(dāng)你在設(shè)計(jì)的時(shí)候不知道將一個(gè)內(nèi)容塊放到社么位置的時(shí)候，你可以去考慮一下這一因素。

5、了解用戶忽略什么

用戶都是對(duì)廣告視而不見的。他們習(xí)慣于忽略圖片廣告和文字廣告。避免設(shè)計(jì)的東西看上去像廣告，同時(shí)，用戶也會(huì)忽略大塊的文字區(qū)域。沒有人有時(shí)間（更確切的說是耐心！）去閱讀大片的文字，他們僅僅是了解頁面文章的大意。

6、文字和圖片

一個(gè)有趣的事實(shí)是。文字比那些絕妙的圖片更能夠獲得注意！如果你想向你的用戶傳達(dá)信息，我建議你使用大的標(biāo)語文字來代替那些很炫的頭部圖片……

7、用設(shè)計(jì)元素來吸引注意

來吸引注意的好的元素是文字口號(hào)，行動(dòng)綱領(lǐng)的按鈕（通常用亮色調(diào)），分成1-2-3級(jí)，或者就是一個(gè)普通的列表…… 如果你在寫一篇很長的文章，很重要的一件事情就是你要去找小標(biāo)題。小標(biāo)題比其他的內(nèi)容容易獲得關(guān)注。使用恰當(dāng)?shù)臉?biāo)題，通過這簡單的步驟向用戶闡述這篇文章的主題。

8、文字格式

恰當(dāng)?shù)奈淖指袷降木幣鸥幸庥陂喿x。不要擔(dān)心使用過多的段落、加粗、斜體、引用、下劃線或者字母大小寫……它們都可以讓文字塊更有視覺沖擊力。當(dāng)然，你也需要用格式化強(qiáng)調(diào)一些你認(rèn)為很重要的文字或者句子，這些能夠引導(dǎo)你的讀者閱讀完全文。

9、使用簡潔圖片

我前面已經(jīng)提及過用戶對(duì)廣告是視而不見的。當(dāng)你在設(shè)計(jì)過程中使用到圖片時(shí)，要確保它們不要雜亂、令人討厭或不被理解。大部分人感覺看雜亂、色彩花哨的圖片是比較費(fèi)勁兒的。圖片應(yīng)該簡潔、易理解的。 你使用人的臉部圖片更容易引起用戶的注意，尤其當(dāng)圖片人物的眼睛盯著用戶。當(dāng)然你也可以用目光的方向來引導(dǎo)用戶關(guān)注某一個(gè)方向。

10、使用留白

使用留白可以給某些元素更多的可視空間，如果某元素與邊距或其它元素太近就容易被混淆，那就需要給它留點(diǎn)呼吸的空間。尤其在文字與文字內(nèi)容之間。

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

本文名稱：做網(wǎng)頁的10個(gè)技巧
網(wǎng)址分享：http://www.bm7419.com/news41/320441.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、企業(yè)建站、網(wǎng)站制作、網(wǎng)站排名、動(dòng)態(tài)網(wǎng)站、App開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)