網(wǎng)頁布局設(shè)計的簡單原則:
·重復(fù):在整個站點中重復(fù)實現(xiàn)某些頁面設(shè)計風(fēng)格。
重復(fù)的成分可能是某種字體、標(biāo)題logo、導(dǎo)航菜單、頁面的空白邊設(shè)置、貫穿頁面的特定厚度的線條等。
顏色作為重復(fù)成分也很有用:為所有標(biāo)題設(shè)置某種顏色,或者在標(biāo)題背后使用精細(xì)的背景。
·用對比來吸引讀者的注意力。
通過對比來抓住讀者的注意力,例如,你可以讓標(biāo)題在黑色背景上反白,并且用大的粗體字(比如黑體),這與下面的普通字體(比如宋體)行成對比。另一個方法是在某段文本的背后使用一種被景色。
·在文本周圍留出空白以便更容易閱讀,布局更優(yōu)美。
留白是一種美德。滿屏幕密密麻麻的字會讓人頭暈眼花,適當(dāng)?shù)亓舫鲞吘嗉靶芯?,讓閱讀變得輕松些。
·保持簡單。
避免只是為了試驗一種技術(shù)或新技巧而采用它們,把會使人分心的東西減到少。
不要期望人們會下載插件,很多人會因此轉(zhuǎn)到別的地方去。
應(yīng)該將注意力集中在提供信息方面,而不是使頁面看起來令人驚嘆而信息卻被淹沒在動畫閃爍、閃爍的文本和其他花招的迷霧里。
·只要可能,就要避免滾動。
用戶在瀏覽新頁面時,常常大致掃一眼頁面的內(nèi)容區(qū)域,而不理會導(dǎo)航菜單條(這就是說,那種大尺度的flash頭部除了好看,是沒有用的!)。如果頁面看起來和用戶的需要無關(guān),那么兩三秒后用戶總會點擊“后退”按鈕。
·不要使用閃爍的文本。
除了在一些及其少見的情況下,閃爍的文本會使用戶厭。
動畫文本也是這樣的,一定要非常有節(jié)制地使用。
·嘗試使用文本的布局協(xié)助導(dǎo)航。
如果我們的頁面里包含幾十個鏈接,那么,就要把這些連接分類,并且用不同的標(biāo)題和顏色塊來區(qū)分它們。
·心里時刻想著站點的觀眾。
哪種人會訪問這個站點?他們?yōu)槭裁匆獊碓L問,他們的主要知識背景是什么?頁面的設(shè)計和布局需要反映這些群體的不同需求。
·使用頁面布局突出人們將要尋找的標(biāo)題。