小白自学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 去生成各种不同的图标尺寸给到程序员 。

 

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

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

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

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

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

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