当前位置: 首页 >> APP图标尺寸_APP图标设计教程_APP图标制作_APP图标下载 >> 阅读正文

小白自学APP设计:教你如何制作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桌面图标设计需求和方向之后,即可动手设计草图。如下图所示。

百度钱包logo草图设计

最终定稿的APP桌面图标:

百度钱包logo草图设计2

 

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

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

百度钱包logo草图设计3

 

 

第三步:品牌元素提炼

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

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

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

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

百度钱包logo草图设计4

第四步:根据出来的设计稿大图尺寸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)

  • 180×180
  • 120×120
  • 87×87
  • 80×80
  • 58×58
  • 57×57
  • 29×29

启动图片尺寸输出列表:(单位:PX)

  • 640×960
  • 640×1136
  • 750×1334
  • 1242×2208

 



无觅相关文章插件,快速提升流量

本文标题:小白自学APP设计:教你如何制作APP桌面图标

本文地址:http://www.25xt.com/iconweb/10628.html

本文关键词: , ,

除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,转载同时请务必保留原网站网址。