好的APP桌面圖標(biāo)是一個APP的標(biāo)志、形象、無形的說話者?？梢砸龑?dǎo)用戶點(diǎn)擊使用APP?；蛘哒f點(diǎn)燃用戶與它交互的沖動。這就是我們要設(shè)計(jì)好APP桌面圖標(biāo)的目的。

跟隨學(xué)堂君來先看看下面這款優(yōu)秀的APP桌面圖標(biāo)設(shè)計(jì)作品。

APP設(shè)計(jì)新手著手制作APP桌面圖標(biāo)的時候，需要了解的知識點(diǎn)：

1、iOS和andorid 所有圖標(biāo)的圓角效果由系統(tǒng)生成，給到的圖標(biāo)本身不能是圓角的。直接提供方形的APP桌面圖標(biāo)即可。

2. 桌面圖標(biāo) (app icon) ? ??設(shè)計(jì)尺寸：1024*1024 px

?iPhone6 plus(@3x) : 180 x 180

?iPhone 6/5s/5/4s/4(@2x) : 120 x 120

3、兩個 ?APP桌面圖標(biāo)靈感欣賞酷站：

推薦全部是精美IOS圖標(biāo)大全網(wǎng)站iosicongallery??和 ?iOS App圖標(biāo)集|iOS免費(fèi)圖標(biāo)下載-Iconsfeed

下面我們就以百度錢包品牌LOGO設(shè)計(jì)為案例，教大家如何制作APP桌面圖標(biāo)。

第一步：APP桌面圖標(biāo)草圖階段

確定好APP桌面圖標(biāo)設(shè)計(jì)需求和方向之后，即可動手設(shè)計(jì)草圖。如下圖所示。

最終定稿的APP桌面圖標(biāo)：

第二步：運(yùn)用品牌色、定色彩、上色環(huán)節(jié)。

紅色是百度錢包品牌色，同時也是百度三大品牌色之一，紅色既能體現(xiàn)百度錢包子產(chǎn)品的品牌，也能突出百度的品牌；“錢包紅”和“百度紅”兩種顏色整體飽和度過高，在產(chǎn)品中大面積使用后，長時間的閱讀會產(chǎn)生壓抑和抵觸感，所以在兩種品牌色基礎(chǔ)上，加入“百度白”進(jìn)行融合。經(jīng)過對融合顏色的嘗試和篩選，最終確定百度錢包移動頁面紅色為：#e94643，為品牌定義色。

第三步：品牌元素提煉

圓形：在整個圓形為基礎(chǔ)元素的logo設(shè)計(jì)中，針對logo中的圓形元素，進(jìn)行發(fā)散和嘗試，對頁面中的部分元素和空間，以圓形形式展現(xiàn)，貼合品牌特性，貼合錢包的形象。

圓角方形：圓角方形作為logo形象中的一部分，具有點(diǎn)睛的作用，是整個logo圓潤形象的特殊形狀，同時方形的圓角又與整體的圓潤感協(xié)調(diào)呼應(yīng)

唯一主色調(diào)：紅色為整個視覺的唯一主色調(diào)，風(fēng)格元素和重點(diǎn)突出元素以紅色為唯一主色。

扁平化：結(jié)合目前移動端扁平化流行趨勢，確定錢包整體視覺風(fēng)格，簡潔而輕薄，在頁面元素模塊中盡量突出輕薄的風(fēng)格。

第四步：根據(jù)出來的設(shè)計(jì)稿大圖尺寸1024*1024 去生成各種不同的圖標(biāo)尺寸給到程序員。

APP圖標(biāo)制作的常用工具:photoshop、illustrator、 fireworks、coredraw，設(shè)計(jì)工具有像素繪圖工具，矢量繪圖工具，像素圖由小變大時會變模糊，影響美觀，因此一般都是做大圖，然后壓縮成需要的各種規(guī)格小圖。

25學(xué)堂之前推薦過的在線生成APP桌面圖標(biāo)的網(wǎng)站：

1、直接下載APP桌面圖標(biāo)模板PSD：

最新iOS圖標(biāo)模板和iphone、ipad GUI設(shè)計(jì)模板2015

2、在線生成iOS app圖標(biāo)或android應(yīng)用圖標(biāo)網(wǎng)站-makeappicon

3、在線生成自定義APP圖標(biāo)字體利器：IconVault

4、在線批量剪裁各種尺寸iOS APP LOGO圖標(biāo) ：打包下載

學(xué)堂君最后總結(jié)：我們根據(jù)自己設(shè)計(jì)的APP圖標(biāo)logo 需要輸出的圖標(biāo)尺寸有以下幾種尺寸規(guī)格。

圖標(biāo)尺寸輸出列表：（單位：PX）

• 180x180
• 120x120
• 87x87
• 80x80
• 58x58
• 57x57
• 29x29

啟動圖片尺寸輸出列表：（單位：PX）

• 640x960
• 640x1136
• 750x1334
• 1242x2208