DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 網頁布局設計的簡單原則
網頁布局設計的簡單原則
編輯:HTML和Xhtml     

本文整理了一些網頁布局設計的簡單原則,希望對網頁設計者有一些用處。 本文整理了一些網頁布局設計的簡單原則,希望對網頁設計者有一些用處。
・重復:在整個站點中重復實現某些頁面設計風格。
重復的成分可能是某種字體、標題logo、導航菜單、頁面的空白邊設置、貫穿頁面的特定厚度的線條等。
顏色作為重復成分也很有用:為所有標題設置某種顏色,或者在標題背後使用精細的背景。

・用對比來吸引讀者的注意力。
通過對比來抓住讀者的注意力,例如,你可以讓標題在黑色背景上反白,並且用大的粗體字(比如黑體),這與下面的普通字體(比如宋體)行成對比。另一個方法是在某段文本的背後使用一種被景色。
・在文本周圍留出空白以便更容易閱讀,布局更優美。
留白是一種美德。滿屏幕密密麻麻的字會讓人頭暈眼花,適當地留出邊距及行距,讓閱讀變得輕松些。
・保持簡單。
避免只是為了試驗一種技術或新技巧而采用它們,把會使人分心的東西減到最少。
不要期望人們會下載插件,很多人會因此轉到別的地方去。
應該將注意力集中在提供信息方面,而不是使頁面看起來令人驚歎而信息卻被淹沒在動畫閃爍、閃爍的文本和其他花招的迷霧裡。
・只要可能,就要避免滾動。
用戶在浏覽新頁面時,常常大致掃一眼頁面的內容區域,而不理會導航菜單條(這就是說,那種大尺度的flash頭部除了好看,是沒有用的!)。如果頁面看起來和用戶的需要無關,那麼兩三秒後用戶總會點擊“後退”按鈕。
・不要使用閃爍的文本。
除了在一些及其少見的情況下,閃爍的文本會使用戶厭。
動畫文本也是這樣的,一定要非常有節制地使用。
・嘗試使用文本的布局協助導航。
如果我們的頁面裡包含幾十個鏈接,那麼,就要把這些連接分類,並且用不同的標題和顏色塊來區分它們。
・心裡時刻想著站點的觀眾。
哪種人會訪問這個站點?他們為什麼要來訪問,他們的主要知識背景是什麼?頁面的設計和布局需要反映這些群體的不同需求。
・使用頁面布局突出人們將要尋找的標題。
一旦你了解了客戶群體的需要,就可以分析出他們最希望看到的標題,並且利用頁面布局使這些標題突出出來。當然,作一個客戶調查,是很好地掌握他們關心內容的方法。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved