好的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
推荐阅读》《APP图标素材,最新iOS9图标模板规范PSD下载》
下面我们就以百度钱包品牌LOGO设计为案例,教大家如何制作APP桌面图标。
第一步:APP桌面图标草图阶段
确定好APP桌面图标设计需求和方向之后,即可动手设计草图。如下图所示。
最终定稿的APP桌面图标:
第二步:运用品牌色、定色彩、上色环节。
红色是百度钱包品牌色,同时也是百度三大品牌色之一,红色既能体现百度钱包子产品的品牌,也能突出百度的品牌;“钱包红”和“百度红”两种颜色整体饱和度过高,在产品中大面积使用后,长时间的阅读会产生压抑和抵触感,所以在两种品牌色基础上,加入“百度白”进行融合。经过对融合颜色的尝试和筛选,最终确定百度钱包移动页面红色为:#e94643,为品牌定义色。
第三步:品牌元素提炼
圆形:在整个圆形为基础元素的logo设计中,针对logo中的圆形元素,进行发散和尝试,对页面中的部分元素和空间,以圆形形式展现,贴合品牌特性,贴合钱包的形象。
圆角方形:圆角方形作为logo形象中的一部分,具有点睛的作用,是整个logo圆润形象的特殊形状,同时方形的圆角又与整体的圆润感协调呼应
唯一主色调:红色为整个视觉的唯一主色调,风格元素和重点突出元素以红色为唯一主色。
扁平化:结合目前移动端扁平化流行趋势,确定钱包整体视觉风格,简洁而轻薄,在页面元素模块中尽量突出轻薄的风格。
第四步:根据出来的设计稿大图尺寸1024*1024 去生成各种不同的图标尺寸给到程序员。
APP图标制作的常用工具:photoshop、illustrator、 fireworks、coredraw,设计工具有像素绘图工具,矢量绘图工具,像素图由小变大时会变模糊,影响美观,因此一般都是做大图,然后压缩成需要的各种规格小图。
最后总结:我们根据自己设计的APP图标logo 需要输出的图标尺寸有以下几种尺寸规格。
图标尺寸输出列表:(单位:PX)
180×180
120×120
87×87
80×80
58×58
57×57
29×29
启动图片尺寸输出列表:(单位:PX)
640×960
640×1136
750×1334
1242×2208