Google Material Design Traditional Chinese

圖示

系統圖示

定義

系統圖示,或稱介面圖示,能象徵指令、檔案、裝置或目錄。系統圖示也用來表示常見的指令,例如「移至垃圾桶」、「列印」或「存檔」。

系統圖示被設計成簡潔、現代感、友善使用者甚至有時候帶點趣味感。每個圖示都將設計簡化到最精髓的樣式,這樣的設計即使在小型尺寸的圖示也能確保可讀性與清晰度。

設計原則

形態鮮明與幾何化。

對稱性與一致性維持獨特的品質,同時兼顧簡潔與鮮明。

柵格、比例與大小

圖示柵格是基於該圖示的關鍵原件與比例,作為縮放基準的柵格。圖示的形式是建立於相依在柵格的平面幾何上。

柵格中有四個基本的幾何圖形,透過這些特定的尺寸確保所有形狀都能有一致的視覺加權與比例。

有兩組尺寸不同的圖示供給您的應用程式使用:狀態列與內容圖示,動作列與桌面圖示。

圓角

所有的正方形或矩形都使用圓角的設計。 圓角與尖角可同時用在方形或矩形的突出點或內縮點。 線狀圖示則使用尖角。

每個大小不同的系統圖示都需要不同的圓角,以達到視覺上的連續性。

一致性

一致性對於圖示的使用是重要的,盡可能的在各個應用程式中使用一致的圖示。

你該這麼做

你不該這麼做

內容與應用程式中的圖示

圖示置放於盒狀容器中,盒狀容器的大小由柵格定義為24dps。

翻譯: Peter