Web设计原则
1.設(shè)計網(wǎng)站時要牢記自己的目標受眾，遵循一定的設(shè)計原則
? ? ? ? 瀏覽器友好性。瀏覽器使用統(tǒng)計數(shù)據(jù)來源：Net Market Share（http://marketshare.hitslink.com）
? ? ? ? ? 屏幕分辨率。為使網(wǎng)頁在多種分辨率下看起來令人滿意，可居中整個網(wǎng)頁
2.網(wǎng)站的組織結(jié)構(gòu)圖稱為站點地圖
? ? ? ?分級式組織結(jié)構(gòu)：站點地圖有一個明確定義的主頁，它鏈接到網(wǎng)站的各個主要部分。
? ? ? ?線性組織結(jié)構(gòu)：對提供需要按順序觀看的教程、導(dǎo)覽或演示非常有用
? ? ? ? ?隨機組織結(jié)構(gòu)：沒有提供清晰的導(dǎo)航路徑。通常不用于商業(yè)網(wǎng)站上，在藝術(shù)類或原創(chuàng)網(wǎng)站上采用。
? ? ? ??
? ? ? 三次點擊原則：
? ? ? ? ? ? ?網(wǎng)頁訪問者最多只應(yīng)點擊三次鏈接，就能從網(wǎng)站的一個頁面跳轉(zhuǎn)到同一網(wǎng)站上其他任意頁面。
3.四個視覺設(shè)計原則：重復(fù)、對比、近似和對齊
? ? ? ?重復(fù)：在整個設(shè)計中重復(fù)視覺元素。注意如何在重復(fù)的導(dǎo)航矩形中使用背景顏色區(qū)分鏈接的類型。
? ? ? ?對比：添加視覺刺激和吸引注意力。應(yīng)用對比原則，應(yīng)加大元素之間的差異。設(shè)計網(wǎng)頁時，背景顏色和文本之間應(yīng)該有很好的對比度。
? ? ? 近似：分組相關(guān)項目。相關(guān)的項目在物理上應(yīng)該放到一起，無關(guān)項目則應(yīng)分隔開。
? ? ? 對齊：對齊元素實現(xiàn)視覺上的統(tǒng)一。
4.無障礙設(shè)計：內(nèi)容可感知，界面組件可操作，內(nèi)容和控件可理解，內(nèi)容足夠健壯。
? ?搜索引擎的后臺程序（一般稱為機器人或蜘蛛）跟隨網(wǎng)站上的鏈接來檢索內(nèi)容。
5.文本使用：使用短句，言簡意賅，用標題和副標題組織內(nèi)容，項目列表能充分吸引人的眼球，且易于閱讀。
6.增強網(wǎng)頁可讀性的建議：
? ? ? 使用常用的字體。英語字體使用Arial、Verdana或Times New Roman，中文字體使用宋體、微軟雅黑或黑體。
? ? ? ?使用恰當?shù)念伾M合。可從網(wǎng)站的圖片或logo中選取顏色。
? ? ? ?檢查對齊。居中的文本比左對齊的文本更難閱讀。
? ? ? ?慎重選擇超鏈接文本。不要將整個句子做成超鏈接。
7.RGB強度值是0~255的數(shù)值。年輕人通常喜歡深色背景（偶爾使用明亮對比）、音樂和動態(tài)導(dǎo)航。
8.面向“所有人”的網(wǎng)站通常使用白色背景和一些分散的顏色來強調(diào)頁面中的某些區(qū)域并增添趣味性，通常還包含吸引人的圖像。
9.文件大小和圖片尺寸都要盡可能小。
? ?將網(wǎng)頁和相關(guān)媒體文件的總大小限制在60KB縮短訪問者等待時間。
? ?可將包含大型圖片的頁面分解成多個小一點的頁面，以縮短訪問者感覺到的加載時間。
10.每個頁面都要有清晰的導(dǎo)航鏈接，應(yīng)該在每個頁面的同一位置。
? ? ?一般在站點標識logo下顯示水平導(dǎo)航欄。
? ? ?大型網(wǎng)站采用面包屑路徑讓訪問者不在網(wǎng)站中感到迷失方向，它會顯示當前會話中的網(wǎng)頁路徑。
11.使用圖片鏈接來提供網(wǎng)站導(dǎo)航，為了確保無障礙訪問采用：
? ? ? 每個image元素都配備替代文本；
? ? ? ?頁腳區(qū)域提供文本鏈接。
12.線框是網(wǎng)頁設(shè)計的草圖或者藍圖，顯示了基本頁面元素的基本布局，但不包括具體設(shè)計。
? ? ?三種流行的頁面布局技術(shù)：固定、粘著和流動。
? ? ?固定設(shè)計：采用固定設(shè)計的網(wǎng)頁以左邊界為基準，寬度固定。
? ? ?粘著設(shè)計：將內(nèi)容配置成居中顯示，而且可以指定固定寬度或者百分比寬度。
? ? ?流動設(shè)計：內(nèi)容將占據(jù)100%的瀏覽器窗口，一個缺點是高分辨率下得文本行被拉得很長。 ??? ? ?
總結(jié)
- 上一篇： 这里是一个有关KiTTY本地化程序 cn
- 下一篇： 软件开发项目的风险