網頁設計心得:頁面佈局的簡單規則
發表於 : 2009-06-15, 14:13網頁設計心得:頁面佈局的簡單規則網頁設計心得:頁面佈局的簡單規則
‧重複：在整個站點Web Design中重複實現某些頁面設計風格。 重複的成分可能是某種字體、標題logo、導航功能表、頁面的空白邊設定、貫穿頁面的特定厚度的線條等。
顏色作為重複成分也很有用：為所有標題設定某種顏色，或者在標題背後使用精細的背景。
‧用對比來吸引讀者的注意力。
通過對比來抓住讀者的注意力，例如，你可以讓標題在黑色背景上反白，並且用大的粗體字（比如黑體），這與下面的普通字體（比如宋體）行成對比。另一個方法是在某段文本的背後使用一種被景色。
‧在文本周圍留出空白以便更容易閱讀，佈局更優美。
在Web Design中留白是一種美德。滿螢幕密密麻麻的字會讓人頭暈眼花，適當地留出邊距及行距，讓閱讀變得輕鬆些。
‧保持簡單。
避免只是為了試驗一種技術或新技巧而採用它們，把會使人分心的東西減到最少。
不要期望人們會下載插件，很多人會因此轉到別的地方去。
應該將注意力集中在提供資訊方面，而不是使頁面看起來令人驚歎而資訊卻被淹沒在動畫閃爍、閃爍的文本和其他花招的迷霧裏。
‧只要可能，就要避免滾動。
用戶在流覽新頁面時，常常大致掃一眼頁面的內容區域，而不理會導航菜單條（這就是說，那種大尺度的flash頭部除了好看，是沒有用的！）。如果頁面看起來和用戶的需要無關，那麼兩三秒後用戶總會點擊“後退”按鈕, 這在Web Design中也是非常重要的。
‧不要使用閃爍的文本。
除了在一些及其少見的情況下，閃爍的文本會使用戶厭。
動畫文本也是這樣的，一定要非常有節制地使用.
‧嘗試使用文本的佈局協助導航。
如果我們在網頁設計的過程中, 頁面裏包含幾十個鏈結，那麼，就要把這些連接分類，並且用不同的標題和顏色塊來區分它們。
‧心裏時刻想著站點的觀眾。
哪種人會訪問這個站點？他們為什麼要來訪問，他們的主要知識背景是什麼？頁面的網頁設計和佈局需要反映這些群體的不同需求。
‧使用頁面佈局突出人們將要尋找的標題。
一旦你瞭解了客戶群體的需要，就可以分析出他們最希望看到的標題，並且利用網頁設計中的頁面佈局使這些標題突出出來。當然，作一個客戶調查，是很好地掌握他們關心內容的方法。
‧重複：在整個站點Web Design中重複實現某些頁面設計風格。 重複的成分可能是某種字體、標題logo、導航功能表、頁面的空白邊設定、貫穿頁面的特定厚度的線條等。
顏色作為重複成分也很有用：為所有標題設定某種顏色，或者在標題背後使用精細的背景。
‧用對比來吸引讀者的注意力。
通過對比來抓住讀者的注意力，例如，你可以讓標題在黑色背景上反白，並且用大的粗體字（比如黑體），這與下面的普通字體（比如宋體）行成對比。另一個方法是在某段文本的背後使用一種被景色。
‧在文本周圍留出空白以便更容易閱讀，佈局更優美。
在Web Design中留白是一種美德。滿螢幕密密麻麻的字會讓人頭暈眼花，適當地留出邊距及行距，讓閱讀變得輕鬆些。
‧保持簡單。
避免只是為了試驗一種技術或新技巧而採用它們，把會使人分心的東西減到最少。
不要期望人們會下載插件，很多人會因此轉到別的地方去。
應該將注意力集中在提供資訊方面，而不是使頁面看起來令人驚歎而資訊卻被淹沒在動畫閃爍、閃爍的文本和其他花招的迷霧裏。
‧只要可能，就要避免滾動。
用戶在流覽新頁面時，常常大致掃一眼頁面的內容區域，而不理會導航菜單條（這就是說，那種大尺度的flash頭部除了好看，是沒有用的！）。如果頁面看起來和用戶的需要無關，那麼兩三秒後用戶總會點擊“後退”按鈕, 這在Web Design中也是非常重要的。
‧不要使用閃爍的文本。
除了在一些及其少見的情況下，閃爍的文本會使用戶厭。
動畫文本也是這樣的，一定要非常有節制地使用.
‧嘗試使用文本的佈局協助導航。
如果我們在網頁設計的過程中, 頁面裏包含幾十個鏈結，那麼，就要把這些連接分類，並且用不同的標題和顏色塊來區分它們。
‧心裏時刻想著站點的觀眾。
哪種人會訪問這個站點？他們為什麼要來訪問，他們的主要知識背景是什麼？頁面的網頁設計和佈局需要反映這些群體的不同需求。
‧使用頁面佈局突出人們將要尋找的標題。
一旦你瞭解了客戶群體的需要，就可以分析出他們最希望看到的標題，並且利用網頁設計中的頁面佈局使這些標題突出出來。當然，作一個客戶調查，是很好地掌握他們關心內容的方法。
