小白自学APP设计：教你如何制作APP桌面图标

好的APP桌面图标是一个APP的标志、形象、无形的说话者。可以引导用户点击使用APP。或者说点燃用户与它交互的冲动。这就是我们要设计好APP桌面图标的目的。

跟随学堂君来先看看下面这款优秀的APP桌面图标设计作品。

APP设计新手着手制作APP桌面图标的时候，需要了解的知识点：

1、iOS和andorid 所有图标的圆角效果由系统生成，给到的图标本身不能是圆角的。直接提供方形的APP桌面图标即可。

2. 桌面图标 (app icon)     设计尺寸：1024*1024 px

 iPhone6 plus(@3x) : 180 x 180

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

3、两个  APP桌面图标灵感欣赏酷站：

推荐全部是精美IOS图标大全网站iosicongallery  和  iOS App图标集|iOS免费图标下载-Iconsfeed

下面我们就以百度钱包品牌LOGO设计为案例，教大家如何制作APP桌面图标。

第一步：APP桌面图标草图阶段

确定好APP桌面图标设计需求和方向之后，即可动手设计草图。如下图所示。

最终定稿的APP桌面图标：

第二步：运用品牌色、定色彩、上色环节。

红色是百度钱包品牌色，同时也是百度三大品牌色之一，红色既能体现百度钱包子产品的品牌，也能突出百度的品牌；“钱包红”和“百度红”两种颜色整体饱和度过高，在产品中大面积使用后，长时间的阅读会产生压抑和抵触感，所以在两种品牌色基础上，加入“百度白”进行融合。经过对融合颜色的尝试和筛选，最终确定百度钱包移动页面红色为：#e94643，为品牌定义色。

第三步：品牌元素提炼

圆形：在整个圆形为基础元素的logo设计中，针对logo中的圆形元素，进行发散和尝试，对页面中的部分元素和空间，以圆形形式展现，贴合品牌特性，贴合钱包的形象。

圆角方形：圆角方形作为logo形象中的一部分，具有点睛的作用，是整个logo圆润形象的特殊形状，同时方形的圆角又与整体的圆润感协调呼应

唯一主色调：红色为整个视觉的唯一主色调，风格元素和重点突出元素以红色为唯一主色。

扁平化：结合目前移动端扁平化流行趋势，确定钱包整体视觉风格，简洁而轻薄，在页面元素模块中尽量突出轻薄的风格。

第四步：根据出来的设计稿大图尺寸1024*1024 去生成各种不同的图标尺寸给到程序员。

APP图标制作的常用工具:photoshop、illustrator、 fireworks、coredraw，设计工具有像素绘图工具，矢量绘图工具，像素图由小变大时会变模糊，影响美观，因此一般都是做大图，然后压缩成需要的各种规格小图。

25学堂之前推荐过的在线生成APP桌面图标的网站：

1、直接下载APP桌面图标模板PSD：

最新iOS图标模板和iphone、ipad GUI设计模板2015

2、在线生成iOS app图标或android应用图标网站-makeappicon

3、在线生成自定义APP图标字体利器：IconVault

4、在线批量剪裁各种尺寸iOS APP LOGO图标 ：打包下载

学堂君最后总结：我们根据自己设计的APP图标logo 需要输出的图标尺寸有以下几种尺寸规格。

图标尺寸输出列表：（单位：PX）

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

启动图片尺寸输出列表：（单位：PX）

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