網頁布局設計的簡單原則

2024-08-30 08:36:33

字體：大中小

來源：轉載

供稿：網友

本文整理了一些網頁布局設計的簡單原則，希望對網頁設計者有一些用處。
?重復：在整個站點中重復實現某些頁面設計風格。

重復的成分可能是某種字體、標題logo、導航菜單、頁面的空白邊設置、貫穿頁面的特定厚度的線條等。
顏色作為重復成分也很有用：為所有標題設置某種顏色，或者在標題背后使用精細的背景。

?用對比來吸引讀者的注意力。

通過對比來抓住讀者的注意力，例如，你可以讓標題在黑色背景上反白，并且用大的粗體字（比如黑體），這與下面的普通字體（比如宋體）行成對比。另一個方法是在某段文本的背后使用一種被景色。

?在文本周圍留出空白以便更容易閱讀，布局更優美。

留白是一種美德。滿屏幕密密麻麻的字會讓人頭暈眼花，適當地留出邊距及行距，讓閱讀變得輕松些。

?保持簡單。

避免只是為了試驗一種技術或新技巧而采用它們，把會使人分心的東西減到最少。

不要期望人們會下載插件，很多人會因此轉到別的地方去。

應該將注意力集中在提供信息方面，而不是使頁面看起來令人驚嘆而信息卻被淹沒在動畫閃爍、閃爍的文本和其他花招的迷霧里。

?只要可能，就要避免滾動。

用戶在瀏覽新頁面時，常常大致掃一眼頁面的內容區域，而不理會導航菜單條（這就是說，那種大尺度的flash頭部除了好看，是沒有用的！）。如果頁面看起來和用戶的需要無關，那么兩三秒后用戶總會點擊“后退”按鈕。

?不要使用閃爍的文本。

除了在一些及其少見的情況下，閃爍的文本會使用戶厭。

動畫文本也是這樣的，一定要非常有節制地使用。

?嘗試使用文本的布局協助導航。

如果我們的頁面里包含幾十個鏈接，那么，就要把這些連接分類，并且用不同的標題和顏色塊來區分它們。

?心里時刻想著站點的觀眾。

哪種人會訪問這個站點？他們為什么要來訪問，他們的主要知識背景是什么？頁面的設計和布局需要反映這些群體的不同需求。

?使用頁面布局突出人們將要尋找的標題。

一旦你了解了客戶群體的需要，就可以分析出他們最希望看到的標題，并且利用頁面布局使這些標題突出出來。當然，作一個客戶調查，是很好地掌握他們關心內容的方法。

上一篇：CSS分欄布局的方法:絕對定位和浮動

下一篇：新版一淘網首頁響應式布局示例分析