頁(yè)面布局和可視設(shè)計(jì)
- 網(wǎng)線數(shù)應(yīng)當(dāng)適于目標(biāo)用戶和他們的任務(wù)
- 布局可以幫助用戶把注意力集中在下一步要做的東西上
- 在所有頁(yè)面，最重要的信息（例如經(jīng)常用的主題、特色和功能）放在屏幕的第一個(gè)滿屏
- 網(wǎng)站在不水平滾動(dòng)的情況下就可以使用
- 可點(diǎn)擊的元素（例如按鈕），應(yīng)當(dāng)設(shè)計(jì)成明顯可點(diǎn)擊的樣子
- 不能點(diǎn)擊的元素
- 按鈕或控件的功能從他們的標(biāo)簽或設(shè)計(jì)上就可以明顯看出來(lái)
- 可點(diǎn)擊圖片包含多余文本標(biāo)簽（Clickable images include redundant text labels (i.e. there is no ‘mystery meat’ navigation)）
- 超文本鏈接可以輕松被辨認(rèn)（例如下劃線），而不需要大面積掃視。
- 網(wǎng)站字體使用應(yīng)當(dāng)具有一致性
- 控件和它所具備的操作之間的關(guān)系是顯而易見(jiàn)的
- 圖標(biāo)和圖形是標(biāo)準(zhǔn)的和（或）直觀的（具體的和為人熟悉的）
- 在每一個(gè)頁(yè)面上都應(yīng)有一個(gè)清晰的視覺(jué)“起點(diǎn)”
- 網(wǎng)站的每個(gè)頁(yè)面共享一致的布局
- 網(wǎng)頁(yè)為打印格式化，或者有一個(gè)為打印準(zhǔn)備的版本
- 按鈕或鏈接能顯示出他們被點(diǎn)擊過(guò)了
- 圖形用戶界面（GUI）組件（例如單選按鈕和復(fù)選框）應(yīng)當(dāng)被適當(dāng)?shù)厥褂?
- 所用字體應(yīng)當(dāng)是可閱讀的
- 網(wǎng)站應(yīng)當(dāng)避免使用斜體字，并只為超文本添加下劃線
- 信息密度和留白應(yīng)當(dāng)有一個(gè)良好的平衡
- 網(wǎng)站看上去應(yīng)是讓人愉悅的
- 網(wǎng)頁(yè)應(yīng)避免出現(xiàn)“滾動(dòng)障礙物（scroll stoppers）”（標(biāo)題或其它頁(yè)面元素給用戶造成在頁(yè)面頂部或底部的錯(cuò)覺(jué)）
- 網(wǎng)站應(yīng)當(dāng)避免大量使用大寫(xiě)文本
- 網(wǎng)站應(yīng)當(dāng)有一致性的、清晰可識(shí)別的外觀和感覺(jué)，以吸引用戶
- 深藍(lán)色避免使用在細(xì)節(jié)地方（Saturated blue is avoided for fine detail）（例如文本、細(xì)線和符號(hào)）
- 借助顏色組織和分組頁(yè)面元素
- 網(wǎng)站圖形不應(yīng)當(dāng)與banner廣告混雜不清
- 對(duì)于重要的主題分類加重顯示（em）
- 在標(biāo)準(zhǔn)寬度的瀏覽器窗口中，內(nèi)容頁(yè)面一行不要太短（小于50字）也不要太長(zhǎng)（大于100字）
- 頁(yè)面依據(jù)柵格設(shè)計(jì)，所有頁(yè)面元素和部件水平對(duì)齊、垂直對(duì)齊
- 有意義的文本標(biāo)簽，令人印象深刻的背景配色，邊框和留白的恰當(dāng)使用，這些一起來(lái)幫助用戶把網(wǎng)頁(yè)元素分別出不相關(guān)聯(lián)的功能區(qū)域
- 網(wǎng)頁(yè)配色合理搭配，避免過(guò)于復(fù)雜的背景設(shè)計(jì)/li>
- 較為獨(dú)立的網(wǎng)頁(yè)應(yīng)當(dāng)避免雜亂不相干的信息
- 標(biāo)準(zhǔn)頁(yè)面元素（例如頁(yè)面標(biāo)題、站點(diǎn)導(dǎo)航、頁(yè)面導(dǎo)航、隱私策略等）可輕松找到
- 組織logo放置在每個(gè)頁(yè)面的相同位置，點(diǎn)擊logo后返回最合情理的頁(yè)面（比如首頁(yè)）
- 吸引人注意力的特色元素（例如動(dòng)畫(huà)、醒目的色調(diào)、明顯的字體大小差異）應(yīng)當(dāng)保守的使用，并只在恰當(dāng)?shù)牡胤绞褂?
- 圖標(biāo)（icons）要在視覺(jué)上和概念上有所區(qū)分，但又要與頁(yè)面和諧。
- 相關(guān)信息和功能集中放置，每一組可以在一個(gè)視野瀏覽到（大約直徑為4.4厘米的屏幕區(qū)域）
出處：css9.net
責(zé)任編輯：moby
上一頁(yè) 寫(xiě)作和內(nèi)容質(zhì)量 下一頁(yè) 搜索可用性
|
第 1 頁(yè) 
第 7 頁(yè) 頁(yè)面布局和可視設(shè)計(jì)
