UI圖標修飾手法大寶鑒，教你設計好看的ICON

Sponsor

今天的教程，就是給大家窮盡圖標的修飾手法。讓圖標看起來更加的精致。有的人會說了， 圖標設計不就很簡單么，直接拿islide 往上一貼，改個顏色，就完事了。

注意，高手跟小白的差距，差的是實力， 差的更是畫面中一點一點的細節。無數個細節，到最后就會造成整體的品質感差很多。

另外，有很多的大廠，他們的圖標設計里，蘊含著他們的品牌調性和品牌基因。舉個很常見的例子，優酷。大家看優酷的logo。

我們再來看，優酷的圖標設計。配色沿用logo的色系，在圖標上一些小點綴，采用的統一風格的漸變。你說，這種東西能直接套個icon，換個顏色懟上去嗎？

接下來我給大家總結歸類一下，圖標的修飾手法有哪一些。收藏好，下次直接選其中一種方法來用就行。以下所用案例，皆來自于網絡， 如侵刪。

01、純色圖標

首先第一種，是最簡單的純色圖標。我們在實際的使用當中呢，就直接根據項目，根據品牌方或者活動方的主題顏色就行。

特意做了一個放大版的圖標，圖標不能放大看，會比較丑， 這里我想強調的是，很多人的圖標，投影用的都是黑色，灰色。?這樣會顯得很臟，?正確的做法是，投影是固有色的降低。比如這個圖標是藍色，投影就是用藍色的淺色。

這樣一看，是不是舒服多了。

記住，投影用灰色，黑色，慎重?。?！

02、純色+描邊圖標

第二種，是純色加描邊圖標。這一種在第一種的基礎上，添加了黑色描邊。是第一種手法的升級版。

03、線稿加內部填充

第三種，線稿加內部填充顏色。注意，適當的內部小留白是細節。

04、線稿圖標加主題色

第四種，是線稿圖標加主題色。圖標內部的一些小細節，加一點主題色的修飾。單純的黑色描邊太枯燥，加一點主題色作為點綴，妙筆生花~

05、漸變加幾何修飾

第五種，漸變加幾何修飾。線稿圖標采用漸變色，但是會在圖標的基礎上，添加漸變色塊作為一個修飾。

06、漸變+輕質感

第六種，漸變+輕質感。

07、MEB風格圖標

第七種，MBE風格~ 來自Dribbble~ 這種風格比較Q萌，在真實項目中，假設碰到兒童類，卡通插畫類的PPT需求，可以考慮MBE風格的圖標。

注意這種圖標的畫法，有以下幾個特點，這里重點強調一下。這里我以氣泡為例子。

首先我們畫一個圓圈

然后接著我們畫一個大粗描邊

細節，就在于MBE一定要斷開黑邊

添加暗部

大黑描邊，描邊斷開，注意明暗。這是MBE三個核心的要點。

大黑描邊，描邊斷開，注意明暗。這是MBE三個核心的要點。

大黑描邊，描邊斷開，注意明暗。這是MBE三個核心的要點。

08、雙色搭配

第八種，當甲方存在兩種主題色，一種用作描邊，一種用作色塊。如圖所示，所有圖標圍繞這兩種顏色去展開，其中紫色是主色，蘭青色是修飾顏色。注意圖標還是做了一點暗部的細節的。

09、YOGA風圖標

第九種，YOGA風。

什么叫YOGA風呢？花瓣一搜就有了。

這種在PPT運用中用的比較少。而且畫法復雜，所以不展開詳細說明。手法已經給大家總結了，關鍵還是要看大家平時多看、多練、多想、多問。

作者 | 葉神
來源 | 光想青年PPT（ID: gxqnppt）

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。