1.設計網站時要牢記自己的目標受眾，遵循一定的設計原則

? ? ? ? 瀏覽器友好性。瀏覽器使用統計數據來源：Net Market Share（http://marketshare.hitslink.com）

? ? ? ? ? 屏幕分辨率。為使網頁在多種分辨率下看起來令人滿意，可居中整個網頁

2.網站的組織結構圖稱為站點地圖

? ? ? ?分級式組織結構：站點地圖有一個明確定義的主頁，它鏈接到網站的各個主要部分。

? ? ? ?線性組織結構：對提供需要按順序觀看的教程、導覽或演示非常有用

? ? ? ? ?隨機組織結構：沒有提供清晰的導航路徑。通常不用于商業網站上，在藝術類或原創網站上采用。

? ? ? ??

? ? ? 三次點擊原則：

? ? ? ? ? ? ?網頁訪問者最多只應點擊三次鏈接，就能從網站的一個頁面跳轉到同一網站上其他任意頁面。

3.四個視覺設計原則：重復、對比、近似和對齊

? ? ? ?重復：在整個設計中重復視覺元素。注意如何在重復的導航矩形中使用背景顏色區分鏈接的類型。

? ? ? ?對比：添加視覺刺激和吸引注意力。應用對比原則，應加大元素之間的差異。設計網頁時，背景顏色和文本之間應該有很好的對比度。

? ? ? 近似：分組相關項目。相關的項目在物理上應該放到一起，無關項目則應分隔開。

? ? ? 對齊：對齊元素實現視覺上的統一。

4.無障礙設計：內容可感知，界面組件可操作，內容和控件可理解，內容足夠健壯。

? ?搜索引擎的后臺程序（一般稱為機器人或蜘蛛）跟隨網站上的鏈接來檢索內容。

5.文本使用：使用短句，言簡意賅，用標題和副標題組織內容，項目列表能充分吸引人的眼球，且易于閱讀。

6.增強網頁可讀性的建議：

? ? ? 使用常用的字體。英語字體使用Arial、Verdana或Times New Roman，中文字體使用宋體、微軟雅黑或黑體。

? ? ? ?使用恰當的顏色組合。可從網站的圖片或logo中選取顏色。

? ? ? ?檢查對齊。居中的文本比左對齊的文本更難閱讀。

? ? ? ?慎重選擇超鏈接文本。不要將整個句子做成超鏈接。

7.RGB強度值是0~255的數值。年輕人通常喜歡深色背景（偶爾使用明亮對比）、音樂和動態導航。

8.面向“所有人”的網站通常使用白色背景和一些分散的顏色來強調頁面中的某些區域并增添趣味性，通常還包含吸引人的圖像。

9.文件大小和圖片尺寸都要盡可能小。

? ?將網頁和相關媒體文件的總大小限制在60KB縮短訪問者等待時間。

? ?可將包含大型圖片的頁面分解成多個小一點的頁面，以縮短訪問者感覺到的加載時間。

10.每個頁面都要有清晰的導航鏈接，應該在每個頁面的同一位置。

? ? ?一般在站點標識logo下顯示水平導航欄。

? ? ?大型網站采用面包屑路徑讓訪問者不在網站中感到迷失方向，它會顯示當前會話中的網頁路徑。

11.使用圖片鏈接來提供網站導航，為了確保無障礙訪問采用：

? ? ? 每個image元素都配備替代文本；

? ? ? ?頁腳區域提供文本鏈接。

12.線框是網頁設計的草圖或者藍圖，顯示了基本頁面元素的基本布局，但不包括具體設計。

? ? ?三種流行的頁面布局技術：固定、粘著和流動。

? ? ?固定設計：采用固定設計的網頁以左邊界為基準，寬度固定。

? ? ?粘著設計：將內容配置成居中顯示，而且可以指定固定寬度或者百分比寬度。

? ? ?流動設計：內容將占據100%的瀏覽器窗口，一個缺點是高分辨率下得文本行被拉得很長。 ??? ? ?

總結

以上是生活随笔為你收集整理的Web设计原则的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。