圖標中的輔助圖形必然水平上可讓圖標的視覺表示力更強，并強化圖標的細節和特點。那末作為設計師，要若何用好圖標設計中的輔助圖形？本篇文章里，作者總結了5條相干經驗，無妨一路來看一下吧。

良多人知道品牌設計中有輔助圖形的概念，輔助圖形對品牌辨認系統很是主要，但其其實圖標設計時，也會常常用到輔助圖形。圖標中的輔助圖形，簡單理解就是圖標的裝潢元素，它能讓圖標設計有更多的細節和特點，強化圖標辨認性，同時還能讓圖標更具視覺表示力。

舉個例子，像下面這套圖標中的淡色部門和噪點就是圖標中的輔助圖形，去失落這些輔助圖形不年夜會影響圖標的辨認性，但增添這些輔助圖形后，圖標變得更有特點，更輕易被記住。

https://dribbble.com/shots/14490441-Feature-Icons

善用輔助圖形為圖標加強表示力是圖標設計中的一個奧秘兵器，彩云在工作中總結了一些經驗，大要有以下5點：

《簡約至上》這本書中提到過一個刪除原則：刪除是將沒必要要的元素都剔除失落，直到不克不及再刪除為止。那末在圖標設計中，這一點尤其主要，由于圖標自己就濃縮了年夜量的信息，所以要讓用到的輔助圖形有它存在的價值，不加過剩的元素。

好比下面這個案例，輕易看出此中的輔助圖形是綠色部門。在圖標中它們代表的是步履或成果，作為事物主體的彌補，可以理解為主語和賓語的關系。由于有了如許的輔助圖形存在，強化了圖標的辨認性，這就可以讓圖標增色很多。

https://dribbble.com/shots/14374503-Covid-19-Back-to-Work

下面這個案例是星球中一名同窗的操練，整體來講仍是不錯的，但就輔助圖形的利用上看就有些小問題了。淡黃色的輔助圖形圓形跟主體圖形沒有太年夜的聯系關系，也沒有太多現實意義，可以理解為強行動了同一而同一。圖標主體已做了雙色設計，增添這些圓形后讓圖標變得比力復雜且刪除對圖標意義的表達也沒影響，所以這里的輔助圖形的利用稍顯過剩。

在配色上，輔助圖形還可以連系品牌色采。用品牌色的主色作為主體色彩，輔助色作為輔助圖形的色彩，或直接用品牌主色調作為輔助圖形的配色都可以作為圖標設計的亮點。

品牌色的插手，可以或許讓圖標配色的利用找到安身的來由，頓時就可以加分。

好比大師常常在繪圖標的時辰，圖標主體凡是以單色為主，但此時可以測驗考試插手以品牌色裝潢元素作為點綴，立馬就可以晉升圖標細節。下面這個案例是愛奇藝的首頁圖標設計，能看出來它的輔助圖形設計配色上是按品牌綠色來設計的。

在利用輔助圖形的時辰，特別是對多圖標系統來講，完全一致的輔助圖形就顯得比力機器，缺少細節。再拿上面阿誰星球同窗的操練來看，不看輔助圖形的具體寄義和復雜度，在整體上看起來也缺少轉變，圓形都在統一個位置，連結著統一個巨細和色彩。

輔助圖形的利用想要有更好的結果，盡可能在必然的規模能多一些轉變。

好比下面這個例子，固然圖形的位置和巨細都一樣，但在色彩上做了分歧的轉變，整體看來細節度仍是不錯的。

https://dribbble.com/shots/14728145-Project-icon

再好比下面這個案例，輔助圖形的利用有豐碩的轉變，使得圖標的細節滿滿。

https://dribbble.com/shots/3861669-Australia-Post-Iconography

別的值得留意的是，轉變應當在必然的規模，不成以轉變太年夜。

好比星球中另外一位同窗的操練，她在圖標的底部用了淡色的藍色填充作為輔助圖形，但這3個之間的輔助圖形差別太年夜，前面2個還能理解是一套，但對第三個圖標來講，輔助圖形的比例較著年夜于前2個圖標，顯得不敷同一。

而對下面這組圖標來講，藍色的輔助圖形的面積轉變相對一致，顯得更加同一。

https://dribbble.com/shots/3817782-Gretchen-Rubin-Icons

固然利用圖標輔助圖形會讓圖標顯得加倍有特點，但也要分清主次，不該該跨越圖標自己的焦點意義，不克不及太搶用戶的留意力而影響辨認性。

好比下面的案例，圖標主體特點一眼就可以辨認出來，輔助圖形的插手其實不會影響主次關系。

https://dribbble.com/shots/3235311-Clearly-Eyewear-Iconography

星球中的一名同窗做的操練，這里的輔助圖形有些過分于搶眼，且蓋在圖標上面影響了必然的圖標辨認性。點竄標的目的是假如能把輔助圖形的玻璃質感做一個強化，增添一些透明度，把主體元素凸顯出來就會好良多。

這是另外一位同窗的操練，也是一樣的問題，輔助圖形搶了主體元素的風頭。點竄標的目的是把輔助圖形改小一些就會好良多。

她畫這個圖標是摹仿了原作的結果，能看到原作中的星星輔助圖形小一些會好良多。

圖標輔助圖形也是圖標的一部門，從整體上也需要遵守圖標自己的氣概系統。

這是星球中一名同窗的操練，輔助圖形用星星是沒問題的，但這里星星的尖角相對主圖形的圓角來講就顯得氣概不敷同一，把星星的尖角改成圓角就會好良多。

這位同窗的作品也是摹仿了原作的結果，能看到在原作中輔助圖形都是以一樣的圓潤圖形為主的，這里就表現了氣概的一致性。

好比對比看看MBE的圖標氣概，他的輔助圖形跟主圖形一樣，都是比力圓潤可愛的，如許看起來整體的氣概加倍同一協調。

https://dribbble.com/shots/2636752-Rocket

以上這5點就是彩云關于圖標輔助圖形的一些小我經驗總結，紛歧定合用于所有場景，僅供參考。

對圖標來講，輔助圖形常常不被正視，覺得只是為了讓圖標看起來不單調就加一些結果堆上去，其實這里面也有良多紀律和要留意的細節。但愿大師可以或許公道善用輔助圖形，存眷細節，讓本身設計的圖標更具亮點。

我在加入人人都是產物司理2022年度作者評選，但愿喜好我的文章的伴侶都能來撐持我一下~

點擊下方鏈接進入我的小我參選頁面，點擊紅心便可為我投票。

每人天天最多可投35票，投票便可取得抽獎機遇，抽取冊本、人人都是產物司理記念周邊和出發點講堂會員等好禮哦！

投票傳送門：https://996.pm/MZ9B9