DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 網頁設計心得:頁面布局的簡單規則
網頁設計心得:頁面布局的簡單規則
編輯:前端技巧     

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