我們剛剛發布了 Heroicons v2.1，其中包含全新的 micro 風格 — 一套完整的近三百個 16×16 圖示，專為更緊湊、更高密度的 UI 設計。
我們一直以來都想製作這種尺寸的圖示集，但直到今年初開始開發 新的 React UI 工具包專案時，我們才迫切需要它們，並下定決心設計它們。
在 Catalyst (我們新的 UI 工具包) 中，我們試圖在給予足夠的空間呼吸和保持足夠的密度之間取得平衡，以便您使用它構建的應用程式實際使用起來感覺有效率。
我們使用了許多在 UI 中看起來很棒的 14px 文字，但是當我們嘗試加入我們現有的 20×20 圖示時，它們感覺稍微太大且不平衡。
大多數人可能只是縮小圖示並繼續前進，但我們不是大多數人，無論好壞。
當您為它們將使用的確切尺寸設計時，圖示總是會變得更清晰，因此我們開始從頭重新繪製每個圖示的過程，仔細修剪每個圖示上的細節量，以確保它們在預期的尺寸下呈現良好且清晰。
大約一個月後，我們有了全新的 288 個圖示，這些圖示經過精心設計，適用於更高密度的介面，例如我們一直在使用 Catalyst 進行開發的介面。
您可以在 Heroicons 網站上查看所有新圖示，使用我們的官方 Heroicons Figma 圖庫開始設計，並使用我們的 React 和 Vue 函式庫將它們新增到您的專案中。