一:關于整體版面部份
﹝一﹞關于標題的呈現(xiàn)方式
1. 標題宜以包括圖像及文字的綜合設計表現(xiàn)之。
2. 臺灣地區(qū)使用者喜歡色彩較豐富的標題。
3. 標題宜居于版面中間位置,并以長方形方式呈現(xiàn)。
4. 標題宜突顯于背景之上。
﹝圖一﹞:YAHOO 全球信息網(wǎng)
﹝二﹞關于版面的留白的呈現(xiàn)方式
1. 版面留白量以 50% 為宜。
2. 背景色彩純度過高會造成版面空白量感覺消失?!?/P>
﹝圖二﹞:Adobe 公司的頁面
﹝三﹞關于連結點的呈現(xiàn)方式
1. 橫列式較長的文字連結點以單排向左對齊為宜。
2. 橫列式較短的文字連結點以雙排位置居中,文字向左對齊為宜。
3. 直列式圖文連結點,個別間距宜加寬,以利區(qū)分。
4. 連結點之前用圖像或色球來指引或強調,能方便搜尋。
﹝圖三﹞:US News & World Reports 全球信息網(wǎng)
﹝四﹞關于重要信息呈現(xiàn)方式
1. 重要信息應置于標題之后,首頁連結點或內文之前。
2. 重要信息可以運用置于前端明顯或突出的圖像強調。
3. 重要信息可以運用不同顏色區(qū)塊強調。
﹝五﹞關于訊息的連貫性
1. 保持固定的版式,求取統(tǒng)一感,方便閱讀與搜尋。
二:關于背景使用部份
﹝一﹞背景與主體的關系
1. 背景與主體明度對比為 3:1 到 5:1 之間為宜。
﹝二﹞背景的色彩
1. 淡色系列的背景有助于整體和諧。
﹝三﹞背景的材質機能
1. 淡色材質背景為佳,能與主題分離之淺色標志或文字背景亦可。
﹝圖四﹞:A-List-Apart.com
三:關于色彩使用部份
﹝一﹞關于純色的使用
1. 同版面不宜超過七種純色。
﹝二﹞關于整體色彩的表現(xiàn)
1. 做到和諧并能達到視覺平衡。
﹝三﹞關于色彩的對比
1. 避免類似色調,以致不同類信息之間的區(qū)隔不明顯。
﹝四﹞關于機能性色彩區(qū)塊的應用
1. 運用小色球或色塊能造成集群化的效果,以協(xié)助視覺搜尋。
﹝圖五﹞:顏色大膽的ROUGHCUT.COM網(wǎng)站
四:關于內文設計部份
﹝一﹞關于每一行文字的長度
1. 最好 20 到 30 個中文字﹝40 到 60 個英文字母﹞
﹝二﹞關于行距與字距
1. 行距與字距已由軟件內定。設計者能以段落與段落間空行,及首行 縮排方式以輔助閱讀。
﹝三﹞關于字體大小
1. 標題以 H1 到 H3 為佳,內文 font size = 3 到 4 級為佳。
﹝四﹞關于同版面字型
1. 三種字型以內。
﹝五﹞關于文字的顏色
1. 三種顏色以內。
﹝六﹞關于已選過的文字
1. 在顏色上要能與未選過之文字連結點辨別,也要與背景區(qū)分。
﹝七﹞關于內文的排列
1. 向左對齊并與左邊界保持適當距離??梢陨朴帽砀裉钊胛淖忠赃_此 效果。
﹝八﹞關于表格或清單內的字
1. 運用相同字型與字體大小,以利辨別。
五:關于圖形設計部份
﹝一﹞關于圖形的主體
1. 清晰可見,去除不必要噪聲。
﹝二﹞關于圖形的意義
1. 簡單明了。
﹝三﹞關于圖形內文字的本身
1. 清楚容易視認。
﹝四﹞關于圖形內文字的裝飾
1. 沒有過分花俏裝飾,造成文字辨識不易。