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

　　1、記住：你能掌控的時間是有限的

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

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

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

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

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

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

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

　　6、文字和圖片

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

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

　　來吸引注意的好的元素是文字口號，行動綱領(lǐng)的按鈕（通常用亮色調(diào)），分成1-2-3級，或者就是一個普通的列表……

　　如果你在寫一篇很長的文章，很重要的一件事情就是你要去找小標(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)提及過用戶對廣告是視而不見的。當(dāng)你在設(shè)計過程中使用到圖片時，要確保它們不要雜亂、令人討厭或不被理解。大部分人感覺看雜亂、色彩花哨的圖片是比較費(fèi)勁兒的。圖片應(yīng)該簡潔、易理解的。

　　你使用人的臉部圖片更容易引起用戶的注意，尤其當(dāng)圖片人物的眼睛盯著用戶。當(dāng)然你也可以用目光的方向來引導(dǎo)用戶關(guān)注某一個方向。

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

　　英文原文：10 short ‘n’ sweet tips on how to design for web

　　轉(zhuǎn)載請注明以上信息，以表示對作者和譯者的尊重，多謝！

it知識庫：如何做網(wǎng)頁設(shè)計的10個小竅門，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。