一：關(guān)于整體版面部份

﹝一﹞關(guān)于標(biāo)題的呈現(xiàn)方式

　　1. 標(biāo)題宜以包括圖像及文字的綜合設(shè)計(jì)表現(xiàn)之。

　　2. 臺(tái)灣地區(qū)使用者喜歡色彩較豐富的標(biāo)題。

　　3. 標(biāo)題宜居于版面中間位置，并以長方形方式呈現(xiàn)。

　　4. 標(biāo)題宜突顯于背景之上。

﹝圖一﹞：YAHOO 全球信息網(wǎng)
﹝二﹞關(guān)于版面的留白的呈現(xiàn)方式

　　1. 版面留白量以 50% 為宜。

2. 背景色彩純度過高會(huì)造成版面空白量感覺消失。　

﹝圖二﹞：Adobe 公司的頁面
﹝三﹞關(guān)于連結(jié)點(diǎn)的呈現(xiàn)方式

　　1. 橫列式較長的文字連結(jié)點(diǎn)以單排向左對(duì)齊為宜。

　　2. 橫列式較短的文字連結(jié)點(diǎn)以雙排位置居中，文字向左對(duì)齊為宜。

　　3. 直列式圖文連結(jié)點(diǎn)，個(gè)別間距宜加寬，以利區(qū)分。

　　4. 連結(jié)點(diǎn)之前用圖像或色球來指引或強(qiáng)調(diào)，能方便搜尋。

﹝圖三﹞：US News & World Reports 全球信息網(wǎng)
﹝四﹞關(guān)于重要信息呈現(xiàn)方式

　　1. 重要信息應(yīng)置于標(biāo)題之后，首頁連結(jié)點(diǎn)或內(nèi)文之前。

　　2. 重要信息可以運(yùn)用置于前端明顯或突出的圖像強(qiáng)調(diào)。

　　3. 重要信息可以運(yùn)用不同顏色區(qū)塊強(qiáng)調(diào)。

﹝五﹞關(guān)于訊息的連貫性

　　1. 保持固定的版式，求取統(tǒng)一感，方便閱讀與搜尋。

二：關(guān)于背景使用部份

﹝一﹞背景與主體的關(guān)系

　　1. 背景與主體明度對(duì)比為 3:1 到 5:1 之間為宜。

﹝二﹞背景的色彩

　　1. 淡色系列的背景有助于整體和諧。

﹝三﹞背景的材質(zhì)機(jī)能

1. 淡色材質(zhì)背景為佳，能與主題分離之淺色標(biāo)志或文字背景亦可。

﹝圖四﹞：A-List-Apart.com
三：關(guān)于色彩使用部份

﹝一﹞關(guān)于純色的使用

　　1. 同版面不宜超過七種純色。

﹝二﹞關(guān)于整體色彩的表現(xiàn)

　　1. 做到和諧并能達(dá)到視覺平衡。

﹝三﹞關(guān)于色彩的對(duì)比

　　1. 避免類似色調(diào)，以致不同類信息之間的區(qū)隔不明顯。

﹝四﹞關(guān)于機(jī)能性色彩區(qū)塊的應(yīng)用

　　1. 運(yùn)用小色球或色塊能造成集群化的效果，以協(xié)助視覺搜尋。

﹝圖五﹞：顏色大膽的ROUGHCUT.COM網(wǎng)站
四：關(guān)于內(nèi)文設(shè)計(jì)部份

﹝一﹞關(guān)于每一行文字的長度

　　1. 最好 20 到 30 個(gè)中文字﹝40 到 60 個(gè)英文字母﹞

﹝二﹞關(guān)于行距與字距

1. 行距與字距已由軟件內(nèi)定。設(shè)計(jì)者能以段落與段落間空行，及首行 縮排方式以輔助閱讀。

﹝三﹞關(guān)于字體大小

　　1. 標(biāo)題以 H1 到 H3 為佳，內(nèi)文 font size = 3 到 4 級(jí)為佳。

﹝四﹞關(guān)于同版面字型

　　1. 三種字型以內(nèi)。

﹝五﹞關(guān)于文字的顏色

　　1. 三種顏色以內(nèi)。

﹝六﹞關(guān)于已選過的文字

　　1. 在顏色上要能與未選過之文字連結(jié)點(diǎn)辨別，也要與背景區(qū)分。

﹝七﹞關(guān)于內(nèi)文的排列

　　1. 向左對(duì)齊并與左邊界保持適當(dāng)距離。可以善用表格填入文字以達(dá)此 效果。

﹝八﹞關(guān)于表格或清單內(nèi)的字

　　1. 運(yùn)用相同字型與字體大小，以利辨別。

五：關(guān)于圖形設(shè)計(jì)部份

﹝一﹞關(guān)于圖形的主體

　　1. 清晰可見，去除不必要噪聲。

﹝二﹞關(guān)于圖形的意義

　　1. 簡單明了。

﹝三﹞關(guān)于圖形內(nèi)文字的本身

　　1. 清楚容易視認(rèn)。

﹝四﹞關(guān)于圖形內(nèi)文字的裝飾

1. 沒有過分花俏裝飾，造成文字辨識(shí)不易。