圖標(biāo)可能是您作品集中最重要且被低估的設(shè)計(jì)示例之一。這里有一些鼓舞人心的例子來看看圖標(biāo)設(shè)計(jì)。

圖標(biāo)元素幾乎隨處可見，但有時(shí)是事后才產(chǎn)生的。不應(yīng)該是這樣的。偉大的圖標(biāo)設(shè)計(jì)可以與眾不同，并為項(xiàng)目增添技巧和天賦。

讓我們來看看圖標(biāo)設(shè)計(jì)有什么新鮮事，什么是熱點(diǎn)！

完全圖解的圖標(biāo)

一段時(shí)間以來，圖標(biāo)大部分時(shí)間都很簡(jiǎn)單，但越來越多的設(shè)計(jì)師正在嘗試漂亮且引人入勝的全插圖圖標(biāo)樣式。這些更復(fù)雜的圖標(biāo)元素通常以更大的尺寸使用，并且對(duì)設(shè)計(jì)的整體故事貢獻(xiàn)更大。

與上面的示例一樣，這種風(fēng)格非常適合具有更童趣色調(diào)的設(shè)計(jì)或可以顯示更多創(chuàng)意風(fēng)格的圖標(biāo)元素。

顏色、比例、尺寸和設(shè)計(jì)的一致性對(duì)于這種風(fēng)格很重要，這樣你的圖標(biāo)集看起來就應(yīng)該搭配在一起。

圖標(biāo)涂鴉

筆記本角落里那些雜亂無章的涂鴉可能只是你的下一個(gè)整潔的圖標(biāo)集。具有不完美風(fēng)格的涂鴉風(fēng)格圖標(biāo)讓人感覺真實(shí)而有趣，并且是個(gè)人作品集等項(xiàng)目的絕佳口音。

涂鴉圖標(biāo)的有趣之處在于它們可以使設(shè)計(jì)感覺更加獨(dú)特。只是涂鴉的視覺元素暗示了自發(fā)性和個(gè)性。在考慮如何最好地使用這種風(fēng)格時(shí)，使用這些概念對(duì)你有利。

不要忘記在圖標(biāo)之間進(jìn)行顏色和細(xì)微調(diào)整，以真正發(fā)揮這種設(shè)計(jì)趨勢(shì)的獨(dú)特、個(gè)性化的本質(zhì)。

流行藝術(shù)風(fēng)格圖標(biāo)

圖標(biāo)設(shè)計(jì)范圍的另一端是流行藝術(shù)風(fēng)格的圖標(biāo)，它們色彩鮮艷、精致，而且有點(diǎn)過頭了。

流行藝術(shù)元素很有趣，可以為項(xiàng)目注入大量個(gè)性。這里最棘手的事情是不要讓顏色單獨(dú)或集體淹沒圖標(biāo)集。這些圖標(biāo)可以在沒有很多其他戲劇性顏色或效果的設(shè)計(jì)中發(fā)揮最佳效果。

使用這種風(fēng)格圖標(biāo)的另一個(gè)技巧是考慮過大的使用，周圍有足夠的空間。讓每個(gè)圖標(biāo)的藝術(shù)閃耀。

手繪圖標(biāo)

手繪圖標(biāo)不僅是一種時(shí)尚風(fēng)格，而且還為設(shè)計(jì)項(xiàng)目創(chuàng)造了一種更親密、更真實(shí)的感覺。這些圖標(biāo)的樣式可以變化很大，從簡(jiǎn)單的形狀和線條到全彩圖標(biāo)。

手繪樣式最好的部分是您實(shí)際上不必自己繪制它們。有大量可用的手繪圖標(biāo)集，因此即使您不覺得過于藝術(shù)，也可以找到合適的樣式。

帶有深度的圖標(biāo)

在圖標(biāo)設(shè)計(jì)中創(chuàng)造深度有些棘手，但更多的設(shè)計(jì)師正在使用這種趨勢(shì)來設(shè)計(jì)超大圖標(biāo)集。使用陰影和幾何圖形創(chuàng)建恰到好處的形狀組合，并添加幾乎三維效果的元素。

這些風(fēng)格很有趣，有時(shí)會(huì)使用來來去去的趨勢(shì)暗示，例如長(zhǎng)陰影。

這些圖標(biāo)往往更復(fù)雜，最適合在圖標(biāo)相當(dāng)大或與其他元素（例如徽標(biāo)的文本）結(jié)合使用的情況下使用。

帶有懸停狀態(tài)的圖標(biāo)

對(duì)于網(wǎng)絡(luò)圖標(biāo)，最流行的技術(shù)之一是以創(chuàng)建懸停狀態(tài)或動(dòng)畫的方式配對(duì)一組圖標(biāo)。這可能包括使用帶有顏色填充的圖標(biāo)，然后不或幾乎在圖標(biāo)周圍創(chuàng)建按鈕。

如果您打算對(duì)圖標(biāo)使用某種懸停狀態(tài)，請(qǐng)務(wù)必在圖標(biāo)設(shè)計(jì)階段考慮這一點(diǎn)。并非所有圖標(biāo)或圖標(biāo)集都針對(duì)此技術(shù)進(jìn)行了優(yōu)化。尋找一個(gè)完整的圖標(biāo)集，其中包含可以更輕松地創(chuàng)建懸停狀態(tài)的變體。

并且不要試圖在這里變得太復(fù)雜。一個(gè)精致的圖標(biāo)可能會(huì)在懸停狀態(tài)下丟失。這最適合簡(jiǎn)單的圖標(biāo)對(duì)。

簡(jiǎn)化圖標(biāo)

即使是以前具有復(fù)雜圖標(biāo)樣式的網(wǎng)站和設(shè)計(jì)也正在轉(zhuǎn)向更加精簡(jiǎn)和簡(jiǎn)化的圖標(biāo)。

它們的優(yōu)點(diǎn)是每個(gè)圖標(biāo)都描繪了一個(gè)可識(shí)別的東西，但表示并不總是100%字面意思。圖標(biāo)設(shè)計(jì)師可以隨意使用形狀或線條來創(chuàng)建圖標(biāo)形狀，這是它所代表的項(xiàng)目的最簡(jiǎn)單版本。

帶有顏色形狀的線條圖標(biāo)

線條圖標(biāo)始終是一種流行的選擇，這要?dú)w功于一種與幾乎任何其他設(shè)計(jì)元素相得益彰的多功能風(fēng)格。這種趨勢(shì)只是在線條圖標(biāo)后面添加了一種流行的顏色，通常以圓形或正方形的形式增加了一點(diǎn)視覺趣味。

顏色形狀可能會(huì)填充線條圖標(biāo)設(shè)計(jì)的一部分，但通常它只是漂浮在背景中。這種微小的視覺興趣可以將圖標(biāo)組合在一起，強(qiáng)調(diào)品牌顏色，或者只是讓舊的線條圖標(biāo)站點(diǎn)煥然一新。

圖標(biāo)設(shè)計(jì)的棘手部分是顏色形狀元素的位置和大小。如果它太大或顏色太亮，它可能會(huì)從圖標(biāo)中消失。如果形狀太小，您可能會(huì)將其視為錯(cuò)誤。

雖然沒有完美的尺寸，但大多數(shù)使用這種趨勢(shì)的圖標(biāo)將顏色形狀保持在圖標(biāo)全尺寸的四分之一左右。

抽象圖標(biāo)形狀

不確定哪個(gè)圖標(biāo)代表您的內(nèi)容？一個(gè)抽象的圖標(biāo)形狀可能是答案。

越來越多的設(shè)計(jì)師正在創(chuàng)建用于跨網(wǎng)站的抽象風(fēng)格圖標(biāo)。這種風(fēng)格的好處——以及總體趨勢(shì)——是抽象風(fēng)格創(chuàng)造了一種奇思妙想的感覺，與設(shè)計(jì)中一些更大的整體趨勢(shì)相匹配。

使用抽象形狀的關(guān)鍵是確保您不會(huì)錯(cuò)誤地復(fù)制某些東西，并且圖標(biāo)確實(shí)是抽象的。（不要嘗試創(chuàng)建與您的徽標(biāo)相似的圖標(biāo)，例如，它們可能看起來像錯(cuò)誤。）對(duì)于真正匹配的東西，對(duì)圖標(biāo)和品牌材料使用相同的調(diào)色板。

帶有背景圖標(biāo)的圖標(biāo)

為了更精細(xì)地使用圖標(biāo)——我們?cè)谶@里不采用微小的圖標(biāo)——圖標(biāo)可以堆疊和分層以創(chuàng)造更多的藝術(shù)元素。

這種趨勢(shì)通常使用顏色和陰影來區(qū)分主要焦點(diǎn)圖標(biāo)和背景圖標(biāo)。主圖標(biāo)通常是全彩色或?qū)嵭膱D標(biāo)。背景圖標(biāo)幾乎總是線條樣式，并且可能具有淺色調(diào)色板。

您可以通過以不同方式混合和匹配圖標(biāo)，使用許多預(yù)制圖標(biāo)套件創(chuàng)建此效果。使用類似主題的圖標(biāo)創(chuàng)建深度和視覺趣味，并堅(jiān)持使用少數(shù)元素以防止場(chǎng)景過于繁忙。不要害怕使用和重用元素，并在背景和前景中使用相同的圖標(biāo)（交替線和填充）。

雙色圖標(biāo)

建立在流行線條圖標(biāo)樣式上的另一個(gè)圖標(biāo)設(shè)計(jì)趨勢(shì)是創(chuàng)建雙色元素。

雙色圖標(biāo)可以建立在您現(xiàn)有的調(diào)色板或品牌顏色上，或者結(jié)合幾乎任何其他顏色對(duì)。在使用圖標(biāo)趨勢(shì)進(jìn)行設(shè)計(jì)時(shí)，請(qǐng)尋找能夠從您計(jì)劃使用它們的背景中脫穎而出的顏色對(duì)。

在設(shè)計(jì)方面，為大多數(shù)圖標(biāo)選擇原色。使用輔助顏色來強(qiáng)調(diào)圖標(biāo)的元素。（考慮在70%到80%的設(shè)計(jì)中使用原色，其余部分使用輔助色。）

這在圖標(biāo)設(shè)計(jì)中創(chuàng)造了一種強(qiáng)調(diào)，這將有助于將注意力吸引到設(shè)計(jì)元素中，并希望能吸引周圍的內(nèi)容。

色澤鮮艷

明亮的顏色選擇在設(shè)計(jì)的各個(gè)方面都很重要。這與圖標(biāo)沒有什么不同。明亮的顏色是吸引人們注意圖標(biāo)的一種誘人方式。

當(dāng)談到圖標(biāo)設(shè)計(jì)趨勢(shì)時(shí)，顏色以幾種不同的方式被使用：

作為帶有白色或黑色線條樣式圖標(biāo)的背景

用于具有更逼真外觀的全彩色圖標(biāo)元素

適用于具有更扁平、漸變或超亮設(shè)計(jì)的圖標(biāo)元素

明亮系列中流行的顏色選擇包括黃色、藍(lán)色、綠色和紫色。這些顏色往往是明亮的一面，并且為圖標(biāo)集制作具有三到五種色調(diào)的調(diào)色板很受歡迎。

徽標(biāo)中的圖標(biāo)

記下有多少標(biāo)志帶有圖標(biāo)。一旦你開始考慮它，在標(biāo)志設(shè)計(jì)中看不到所有的小圖標(biāo)會(huì)很困難。

徽標(biāo)中圖標(biāo)的好處在于它與品牌名稱一起使用，并且隨著時(shí)間的推移和品牌資產(chǎn)可以獨(dú)立存在。想想上面的例子，Spotify。盡管音樂提供商的存在時(shí)間不長(zhǎng)（在品牌范圍內(nèi)），但三行的圓圈是高度可識(shí)別的。

圖標(biāo)在彩色和不帶顏色的情況下工作-一個(gè)強(qiáng)大圖標(biāo)的關(guān)鍵-并且可以獨(dú)立或與刻字一起使用。這種多功能性使您很容易理解為什么圖標(biāo)是標(biāo)志設(shè)計(jì)中的流行元素。

界

圓圈是最和諧的形狀之一。在圖標(biāo)設(shè)計(jì)方面，它們相當(dāng)受歡迎。從包含在球體內(nèi)的圖標(biāo)到對(duì)象內(nèi)的圓圈，使用圓圈創(chuàng)建設(shè)計(jì)標(biāo)記可以為用戶營(yíng)造恰到好處的感覺。

圓圈在圖標(biāo)設(shè)計(jì)中的部分影響可能與谷歌在MaterialDesign中提出的一些指導(dǎo)方針有關(guān)。所有這些圓形按鈕都非常適合點(diǎn)擊手機(jī)。同樣的理念也適用于圖標(biāo)設(shè)計(jì)。（想想圖標(biāo)是可觸摸或可點(diǎn)擊元素的頻率。）

關(guān)于這個(gè)圖標(biāo)趨勢(shì)的一個(gè)小技巧是在所有使用其他形狀的地方網(wǎng)格化圓圈。應(yīng)用程序圖標(biāo)往往是方形的；社交媒體資料是圓形的（和方形的）。

創(chuàng)建圓形圖標(biāo)時(shí)，請(qǐng)確保圖標(biāo)設(shè)計(jì)的內(nèi)容在小尺寸時(shí)易于理解，因?yàn)槟仨毥?jīng)常將其縮小以適應(yīng)其他地方。

線條樣式圖標(biāo)設(shè)計(jì)

線條風(fēng)格的圖標(biāo)似乎是永不過時(shí)的趨勢(shì)。

部分原因是這種圖標(biāo)樣式幾乎可以在任何背景類型的任何地方工作。由于這種多功能性，許多流行的可下載圖標(biāo)包通常包含線條樣式設(shè)計(jì)。

在上面的示例中很容易看到這一點(diǎn)。幾乎任何尺寸的每個(gè)圖標(biāo)都易于查看和理解。

簡(jiǎn)單元素和表示

與2022年的大多數(shù)其他設(shè)計(jì)趨勢(shì)一樣，簡(jiǎn)約也是圖標(biāo)設(shè)計(jì)的一部分。簡(jiǎn)單的形狀和地理相結(jié)合，為圖標(biāo)創(chuàng)建了幾乎過于簡(jiǎn)單的表示。

結(jié)果是一個(gè)非常巧妙的設(shè)計(jì)，讓用戶看起來。

在上面使用食物圖標(biāo)的示例中，每個(gè)圖標(biāo)都使用圖標(biāo)中一個(gè)圓圈的公共線程。這可以是圖標(biāo)本身的整體形狀，也可以是圖標(biāo)設(shè)計(jì)的一部分。此形狀將項(xiàng)目中的每個(gè)圖標(biāo)相互連接起來。

帶有漸變的圖標(biāo)

已成為2022年主要主題之一的漸變色趨勢(shì)也是圖標(biāo)設(shè)計(jì)的一個(gè)因素。從線條筆劃中的簡(jiǎn)單漸變（例如上面的示例）到完整的漸變著色到漸變背景上的白色圖標(biāo)，這種配色方案很受歡迎。

這可能就是在圖標(biāo)（和整體）中使用漸變的魅力所在——有很多不同的方式來使用這種趨勢(shì)。您可以添加一個(gè)漸變，但仍然沒有一個(gè)看起來像其他東西的項(xiàng)目。

專注于簡(jiǎn)單的著色

圖標(biāo)設(shè)計(jì)師也在顏色方面采取了相反的方法，并為這些小的設(shè)計(jì)元素堅(jiān)持簡(jiǎn)單、更有限、更基本的調(diào)色板。

使用有限的調(diào)色板是個(gè)好主意。對(duì)于如此小巧的設(shè)計(jì)，過多的顏色或細(xì)節(jié)會(huì)迅速淹沒空間并導(dǎo)致眼睛疲勞。

您不希望用戶必須考慮圖標(biāo)是什么或顏色的含義。限制細(xì)節(jié)的數(shù)量——包括精心著色——可以讓每個(gè)單獨(dú)的圖標(biāo)更容易看到和理解。這對(duì)于將以最小尺寸使用的圖標(biāo)最為重要。

一切應(yīng)用風(fēng)格

圖標(biāo)如此受歡迎的原因之一是我們已經(jīng)在為幾乎所有東西設(shè)計(jì)它們。從應(yīng)用程序圖標(biāo)到網(wǎng)站圖標(biāo)或桌面圖標(biāo)的應(yīng)用程序風(fēng)格圖標(biāo)，這種風(fēng)格幾乎無處不在。

應(yīng)用程序風(fēng)格的圖標(biāo)幾乎都有自己獨(dú)特的風(fēng)格。這包括：

方形的

圓邊

彩色背景（通常是一種顏色）

圖標(biāo)內(nèi)的簡(jiǎn)單形狀

圖標(biāo)和背景顏色之間的大量對(duì)比

沒有文字或刻字

粗而均勻的筆觸

不僅線條風(fēng)格的圖標(biāo)很受歡迎，粗線條的圖標(biāo)也特別受歡迎。

這些圖標(biāo)通常專為單色應(yīng)用程序而設(shè)計(jì)，經(jīng)常在彩色或照片背景上以白色或黑色使用。

筆畫粗而均勻的圖標(biāo)最常單獨(dú)使用，例如購物車圖標(biāo)或聯(lián)系人圖標(biāo)。它們不常用于圖標(biāo)集合。

平面圖標(biāo)仍然很受歡迎

盡管對(duì)扁平化設(shè)計(jì)的大部分關(guān)注已經(jīng)消失，但圖標(biāo)設(shè)計(jì)仍然相當(dāng)扁平化（或至少幾乎是扁平化的）。

這可能是由于平面設(shè)計(jì)的超級(jí)簡(jiǎn)單性質(zhì)以及這種外觀可以很容易地與許多其他風(fēng)格相結(jié)合的想法。

即使查看此處介紹的一些圖標(biāo)設(shè)計(jì)示例和趨勢(shì)，您也會(huì)發(fā)現(xiàn)其中許多都是扁平的。（例如，線條樣式圖標(biāo)幾乎總是扁平的。）

表情符號(hào)圖標(biāo)

表情符號(hào)幾乎已經(jīng)成為他們自己的語言——一種更直觀的交流形式，一直被越來越普遍接受。

圖標(biāo)設(shè)計(jì)也呈現(xiàn)出表情符號(hào)風(fēng)格。由于關(guān)注人或生物的頭部形狀，這些圖標(biāo)是可識(shí)別的。（上面受《星球大戰(zhàn)》啟發(fā)的表情符號(hào)圖標(biāo)是如何從圖標(biāo)設(shè)計(jì)中獲得樂趣的一個(gè)很好的例子。）

這種風(fēng)格的圖標(biāo)可以很好地用于聯(lián)系頁面或在設(shè)計(jì)中代表人物或角色。

如何設(shè)計(jì)更好的圖標(biāo)

制作一個(gè)好的圖標(biāo)或一組圖標(biāo)不僅僅是了解圖標(biāo)設(shè)計(jì)的一些最新趨勢(shì)。由于圖標(biāo)尺寸很小，因此對(duì)細(xì)節(jié)和精確度的關(guān)注是設(shè)計(jì)過程的重要組成部分。

簡(jiǎn)單的規(guī)則仍然適用于2022年的圖標(biāo)設(shè)計(jì)。將這些指南與上面的一些趨勢(shì)想法結(jié)合起來，創(chuàng)造出你會(huì)喜歡的東西：

(1)從網(wǎng)格開始

(2)使用幾何構(gòu)建

(3)創(chuàng)造獨(dú)特的形狀

(4)給圖標(biāo)足夠的空間

(5)堅(jiān)持你的品牌顏色

(6)使用一致的草皮

(7)設(shè)計(jì)成您需要的最小尺寸

(8)不要裝飾

總結(jié)

圖標(biāo)是一種有用的設(shè)計(jì)工具。從用作應(yīng)用程序圖標(biāo)到網(wǎng)站標(biāo)記或網(wǎng)站圖標(biāo)再到可用于徽標(biāo)或整個(gè)設(shè)計(jì)項(xiàng)目的草皮，圖標(biāo)是一個(gè)可以保留的標(biāo)記。

以與幾乎任何其他項(xiàng)目相同的方式處理圖標(biāo)設(shè)計(jì)，但要真正考慮簡(jiǎn)單性和大小。圖標(biāo)可以快速查看并且通常很小。這會(huì)對(duì)設(shè)計(jì)優(yōu)化產(chǎn)生很大的影響。