視覺效果
注意
此設計指南是針對 Windows 7 所建立,但尚未針對較新版本的 Windows 更新。 大部分的指導方針仍適用主體,但簡報和範例不會反映 我們目前的設計指導方針。
視覺效果包含控制項以外的視覺元素。 這些指導方針可協助您決定應用程式中的版面配置、字型、色彩、圖示等等。
主題 | 描述 |
---|---|
版面配置 |
版面配置是視窗或頁面內內容的調整大小、間距和位置。 有效版面配置對於協助使用者快速尋找其外觀,以及讓外觀更具吸引力非常重要。 有效的版面配置可以讓使用者立即瞭解的設計,以及讓使用者感到困惑和不堪負荷的設計之間有所差異。 |
字體 |
使用者會與文字互動,而不是與 Microsoft Windows 中的任何其他元素互動。 Segoe UI (發音為 「SEE-go」) 是 Windows 系統字型。 標準字型大小已增加到 9 點。 |
Color |
Color 是大部分使用者介面的重要視覺元素。 除了單純的美觀之外,色彩具有相關聯的意義,並產生情緒回應。 若要避免混淆的意義,必須一致地使用色彩。 若要取得所需的情緒回應,必須適當地使用色彩。 |
圖示 |
圖示是物件的圖片標記法,不僅基於視覺身分識別的一部分,也基於美感的一部分,也基於簡短的理由來傳達表示使用者幾乎能立即察覺到的意義。 Windows Vista 引進了新的圖示樣式,可為 Windows 帶來更高層級的詳細資料和複雜度。 |
標準圖示 |
標準圖示是屬於 Windows 一部分的錯誤、警告、資訊和問號圖示。 |
動畫和轉換 |
策略性地使用動畫和轉換,可讓您的程式更容易瞭解、感覺更順暢、更自然且品質更高,而且更具吸引力。 但是,動畫和轉換的不雅使用,可能會讓您的程式分心,甚至令人困擾。 |
圖形元素 |
圖形元素 會以視覺化方式顯示關聯性、階層和強調。 其中包括背景、橫幅、玻璃、匯總工具、分隔符號、陰影和控點。 |
音效 |
音效 是使用者體驗的音訊元素。 適當地使用時,音效可以是有效的通訊形式,可建立非語言甚至與使用者之間的情緒關係。 音效可以單獨使用或作為視覺 UI 的補充。 例如,將音效新增至通知會增加其注意到的可能性,特別是當使用者在事件發生時未查看畫面時。 |