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

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

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

2、記?。河脩羰锹宰x頁(yè)面

當(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í)慣方式來(lái)讀書(shū)讀文章的（從左上角的位置開(kāi)始），另外早期的網(wǎng)站和應(yīng)用軟件也是基于此方法進(jìn)行設(shè)計(jì)開(kāi)發(fā)的。我們通常會(huì)把LOGO放在左上角，這樣是很好的。但是考慮一下加入一個(gè)或者兩個(gè)其他的元素在這個(gè)位置讓它看起來(lái)更明顯（注冊(cè)的鏈接、搜索的表單、標(biāo)語(yǔ)等）。

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

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

5、了解用戶忽略什么

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

6、文字和圖片

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

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

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

8、文字格式

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

9、使用簡(jiǎn)潔圖片

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

10、使用留白

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

中文原文：如何做網(wǎng)頁(yè)設(shè)計(jì)的10個(gè)小竅門(mén)
英文原文：10 short ‘n’ sweet tips on how to design for web