| 版面安排 | |
| 接近(proximity) | 接近原則的基本目的是組織，一旦版面經過組織化，能產生更多吸引人且適當的留白美感。 |
| 對齊(alignment) | 對齊原則強調，將每個項目並列對齊在頁面上，成為一個結合性單位，目的是整體性與組織化，利用一視覺上線條，將版面每個部分連結一起，產生所謂的整體性美感。 |
| 重複(repetition) | 重複原則主張重複某些部份已貫穿整個作品，可以視為一致性的概念，其目的是達到整體化與增加視覺趣味性。 |
| 對比(contract) | 對比原則指兩個不太相同的項目，應該盡量讓他們產生差異化，其目的是產生版面的趣味性吸引人及組織性。 |
| 字體設計 | |
| 大小 | 運用字體大小產生對比，增加視覺上的美感 |
| 重量 | 利用畫筆的粗細產生變化美感 |
| 結構 | 利用不同字體家族的結構差異產生對比 |
| 形式 | 不同的字母形狀會產生不同的視覺效果 |
| 方向 | 字體傾斜的角度產生對比的美感及趣味性 |
| 顏色 | 適當運用冷暖色系組合，吸引人視覺的注意力 |
| 圖像 | |
| 視覺化程度高 | |
| 視覺效果的一致性 | |
| 圖片完整性 | |
| 在單獨的頁面上不要包含過多的大型圖片 | |
| 不要讓背景顏色或圖片模糊了文字的內容 | |
| Jakob Nielsen十項使用性評估指標 | ||
| 評估指標 | 衡量準則/屬性 | |
| 1 | 系統狀態是可見的 | 使用過程中系統應讓使用者清楚了解目前系統狀態，在合理時間範圍內給予適當回應。 |
| 2 | 系統與實際使用情況是相近的 | 系統中用詞、概念與呈現方式應呼應使用者實際使用情形。 |
| 3 | 系統給予使用者極大自主權 | 系統給予使用者極大的自主權，在選擇錯誤的當下可立即回復原始狀態或重新開始。 |
| 4 | 系統設計一致且符合標準 | 系統中的使用辭彙、狀態與動作所代表之意涵應具有一致性。 |
| 5 | 系統中的錯誤是可預防的 | 降低錯誤發生率或系統提供使用者送出指令前再確認的機制，有助於降低錯誤發生率。 |
| 6 | 使用過程中可辨識而非依靠記憶 | 介面設計是容易識別的，使用者不需特別記憶。系統使用說明應隨時可見且方便查詢。 |
| 7 | 使用上具彈性且有效率 | 無論是首次使用者或有經驗的使用者皆可在網站上找到符合其需求之使用方式。 |
| 8 | 設計具美感且簡潔 | 畫面應簡潔，避免不必要資訊的出現干擾使用者。 |
| 9 | 協助使用者了解、診斷並修正錯誤。 | 所顯示之錯誤訊息應已使用者易於了解的方式呈現，清楚地指出錯誤之處並提供修正方法。 |
| 10 | 線上輔助與文件 | 提供線上協助，供使用者在任務進行過程中查詢。 |
| 視覺設計權威 |
| 黃格崇 雲科大數位媒體設計系暨設計運算研究所助理教授 專長：形象系統規劃、教學媒體系統科技、設計教育系統 |
| 許峻誠 國立交通大學 傳播與科技學系 助理教授 專長：影像美學、視覺設計 |
| 內容專家 |
| 羅世宏 國立中正大學傳播學系專 專長：全球化研究、傳播社會學、傳播政治經濟學、媒體政策 |
| 互動設計 |
| 鄧怡莘 國立交通大學應用藝術研究所副教授 專長：設計方法、設計運算化、電腦輔助設計、感性工學互動設計、介面設計 |
| 林崇偉 國立交通大學傳播與科技學系林崇偉助理教授 專長：數位典藏、人機互動 |
| 資工背景 |
| 李奇瑋 元智大學資訊傳播學系助理教授 專長：網際網路、影像處理、程式語言、虛擬實境、電腦圖學、人工智慧 |
