在 Webflow，我們最近開始對產品進行品牌重塑和重新設計，專注於完善每個細節。在了解這些微小而強大的元素的重要性後，我們採取了細緻的方法來改進我們的圖像。
在這篇文章中，我將分享我們新圖示集設計過程的幕 亞美尼亞 電話號碼資源 後獨家報導。作為一名精心設計了 800 多個圖標的產品設計師，我將深入研究塑造我們煥然一新的視覺語言的考慮因素、挑戰和創意決策。從實現像素完美到確保可用性和清晰度，請繼續閱讀以探索Webflow圖示設計的藝術和工藝。
圖標設計過程和關鍵考慮因素
我們之前的圖標集跨越了多種尺寸（12x12、16x16、20x20、24x24…等等），這些圖標大多是填充的，過於詳細，有時還具有多種顏色。對於新的集合，我們的目標是盡可能簡化所有圖標，以提高可讀性並減少尺寸差異。我們將其縮減為：
大多數介面圖示為 16x16
左側邊欄和頂部欄上的圖示為 24x24
64x64 用於空 UI 狀態
我們還決定採用描邊方法而不是填充來獲得全新的外觀，並透過更新的 UI排版呈現出一種有凝聚力的風格。
在這次重新設計過程中，我們還有一些其他考量。我們探索的一種方法是使用更抽象的風格，使圖標不那麼字面化，而更具象徵意義。然而，這在立即識別和可用性方面提出了挑戰，特別是對於新用戶而言。
相反，我們專注於實現像素完美，並確保每個圖示清晰銳利，即使尺寸很小，考慮到我們圖示的使用方式，這一點至關重要。當涉及筆畫的筆蓋和關節時，我們採用了不同的方法——這將繼續成為我們圖像中標誌性風格的一部分。我們的外側有圓角，內側有尖角，如下圖。
帶有圓角的五邊形圖示設計。
最有趣的圖示設計
我們非常著名的“發布”圖標火箭確實令人難忘。發佈網站是建立網站時最令人興奮的步驟之一，因此我希望這個圖標能夠真正經過精心打磨，同時又簡單且與圖標庫的其他部分具有凝聚力。
將興奮感和動感注入到一個小圖示中是樂趣的一部分。深思熟慮的設計需要引入象徵意義，清楚地捕捉到推出新的和令人興奮的東西的感覺。挑戰在於平衡火箭飛船的有趣方面，同時確保它在小尺寸下保持清晰和功能。
火箭圖示設計和眼睛圖示設計。
清晰地傳達複雜的概念
我們的“站點”圖標實際上只是一個矩形。有時，最大的挑戰是抵制設計決策的過度複雜化。網站可以是任何東西，但它總是從一張白紙開始，這就是為什麼我們認為簡單的 16x16 像素圖示將是最好的決定。
