設計語言

所有圖示共用的畫布、圖層、輪廓、顏色、標記和動態。尺寸以畫布單位表示。

畫布

圖示繪製在 31×29 單位的畫布上,圖稿置中於 (15.5, 12.5)。外圍範圍由四條基準線決定,基準線是讓圖示保持相同視覺大小的參考形狀:直徑 23 單位的圓、邊長 20.6 單位的正方形、23×18.4 的橫向矩形,以及 18.4×23 的直向矩形。圖示為置中對齊,而非靠底對齊。

圖層

圖示有一個帶陰影的中間色調底層,通常還有一個較淺的前層,上緣有柔和的高光。符號或線條等白色內容可位於兩層之間。沒有前層的圖示,其白色內容會大到足以形成第二層。前層的上方兩個圓角單獨設定,使底層在轉角處露出。

輪廓與圓角

輪廓寬 1 單位,位於填色外側。圖示本體的圓角半徑為 2.2(含輪廓為 3.2),內容的圓角半徑為 1.2。輪廓內的有色色帶寬度至少為 2 單位,否則省略。

顏色

每個色階都以一個參考藍色設計,再轉換為主色,同時保持相對於該主色的明度。中間色調的部分用白色標記,淺色部分用深色標記。

標記

標記是圖示上繪製的線條和符號。內容線條的描邊為 1.6,箭頭等方向性標記為 2.2,輪廓為 1。類似指標的部分例外,使用 2.6 或 2.0。最小的元素為 2.4 單位。箭頭為實心三角形。

動態

動態有兩個關鍵影格,即靜止姿態和懸停姿態,持續 460ms。圖示只演出真實物品會做的動作:資料夾打開,信封拆封,日曆翻頁。動態不用來表示抽象的概念。

完整規則在 PROMPT.md 中,以簡體中文撰寫。

Kubai Icons 可免費使用 贊助本專案