讓你的圖標脫穎而出的 6 個圖標設計技巧

已發表: 2019-08-07

圖標市場正在設計可供印刷設計師和 Web 開發人員使用的廉價矢量圖標。 但是,如果您希望您的圖標設計脫穎而出,您應該設計一個獨特的圖標來代表您的品牌。

目錄隱藏
1.不要把圖標當成圖片:
2.選擇鮮豔的顏色:
3. 將圖標設計成矢量格式:
4. 創建符號:
5.避免使用複雜的詞:
6.單色:

在設計圖標時,您應該考慮實用設計的​​三個主要屬性,即形式、可識別性和美學統一性。 當您有效地使用這三個屬性時,您可以設計一個吸引更多人並讓他們難忘的圖標。 此外,如果您想讓您的圖標在視覺上吸引人,您可以使用這些設計技巧。

1.不要把圖標當成圖片:

別針

您可以將圖像添加到圖標,但不要將圖標視為框中的照片。 圖標也可以是徽標、文本表示或這些元素的組合。 圖標應該是可視的和可識別的。 大多數徽標沒有實際照片,而是一個想法的圖形表示。 使用圖像的主要缺點是手機用戶難以閱讀小尺寸圖像。 此外,圖像會降低圖標的可識別性。 另一方面,圖形表示可以承載更多的視覺重量。 例如,梅西百貨公司使用星形圖標,便於識別。 星形會根據背景改變顏色(紅色背景為白色星形,白色背景為紅色星形)以增加對圖標的強調。

2.選擇鮮豔的顏色:

別針

使您的圖標設計脫穎而出的最佳方法是使用大膽的顏色。 明亮的顏色選擇將使您的應用在不同的背景下脫穎而出,甚至吸引用戶的注意力。 您當然不希望您的圖標與您網站上的其他元素混合。 所以盡量避免沉悶的顏色,尤其是海軍色調和天藍色,因為許多其他圖標已經使用了這些顏色。 但是,如果您的品牌顏色是藍色,您可以將其與更亮的顏色結合使用,以增加圖標的影響力。 您可以使用新的中性色,如檸檬綠,也可以選擇季節性色調,如春季的亮粉色或秋季的亮橙色。 此外,請確保您的網站元素具有相同的配色方案,以使網站看起來具有凝聚力。

3. 將圖標設計成矢量格式:

別針

在考慮格式時,您應該考慮圖標的大小和比例。 因此,在創建圖標時使用基於矢量的設計是必不可少的。 設計矢量圖像將允許您修改設計並為各種尺寸、視口和設備保存圖標,而無需創建多個單獨的圖像。 這是因為,實際上,您將需要多個版本的圖標來處理各種項目。 您將擁有移動用戶和平板電腦用戶,因此最好在設計徽標時考慮這一點,而不是稍後更改完全設計的徽標。 因此,矢量格式的主要好處是靈活性。 但是,對於某些平台或應用程序,您必須保留非矢量格式的副本。

4. 創建符號:

別針

您可能有您公司的徽標,但在設計圖標時,符號對於突出圖標的可識別性至關重要。 符號可以是任何東西,從圖像或徽標的片段到簡單的圖形表示。 但是,它需要令人難忘和敏銳。 大多數品牌都在為其標誌和品牌設計標誌性符號,以在較大的設計項目和較小的圖標之間建立聯繫。 例如,Snapchat(消息和照片共享應用程序)使用幽靈符號。 該符號使品牌具有可識別性,並且可以作為用戶熟悉的圖標出現。 即使您看到其他顏色的符號,用戶也會立即識別您的品牌。 這正是符號的工作方式。

5.避免使用複雜的詞:

別針

圖標設計師應該避免的一件事是使用文字。 圖標很小,因此沒有文字空間。 作為一個經驗法則,你應該避免使用任何文本,除非它是你的標誌的一部分。 即使文字是您徽標的一部分,您也應該在使用之前仔細考慮設計的複雜性。 應該以不使用文字來建立身份的方式創建圖標。 此外,許多圖標用於設備的上下文中,因此,將徽標中的文本自定義為不同大小變得具有挑戰性。 如果您仍想添加文字,您可以在圖標下方添加描述文字來解釋您的品牌。 例如,設計小屋使用帶有“d”的圖標,該圖標在顏色和類型處理方面與網站一致。 這樣易於閱讀的字母創建了沒有實際單詞的連接。

6.單色:

別針

多年來,所有圖標設計師都使用了一個有趣的小技巧來測試初始設計的有效性。 他們使徽標圖標成為單色。 根據他們的說法,如果一個標誌在沒有或有顏色的情況下發出相同的信息,它就會很好地工作。 但是,如果圖標需要讀取顏色,您應該修改設計。 如果您認為這是一項繁重的工作,您可以從白色和黑色開始您的設計項目,然後再為其添加顏色。 它類似於計算機概念上的草圖。 如果您的草圖在紙上工作而不添加顏色,則該圖標具有強大的框架。 稍後您只需要添加可以增強品牌圖標信息的顏色。

它可能看起來很複雜,但這些技巧很容易通過經常練習來學習和掌握。 但是,在設計圖標時,請始終記住顏色、視覺識別和簡單性等基本因素。 您還應該考慮符合您標準的最新趨勢。 此外,請牢記設計的美感,讓您的圖標在整個系列中保持一致。 這使人們更容易記住和識別您的品牌。 此外,切勿複制其他圖標,嘗試根據您獨特的創意願景製作圖標。