启动图标的设计

一、风格

1、扁平极简

主流的的图标以扁平极简风为主，ios7设计风格的大变革，由之前的拟物化变成了极简的平面，由此开启了界面设计的扁平化时代，渐变色彩和透明效果。

• 品牌色+反白图形
  

• 白底+彩色图形

• 线条图形质感

2、拟物图标

iphone的诞生引领了智能手机的行业，其推出的电容屏幕，以触摸作为主要的交互手势，同时也推出了拟物化的设计风格，物体光影、反射、慢射真实模拟了现实的场景，ios7之后苹果经历了重大的视觉变化，在经历了完全扁平的时代后，出现了轻拟物、新拟物等风格，物体在扁平图形的基础上加以轻微的质感变化。

二、图形

图标中图形大多数为单文字、多文字、文字+形、单字母、多字母、字母+形、线条、面性、卡通风格、正负形等

1、文字

• 使用app名称中的关键字，进行平面加工呈现在启动图标上，例如，支付宝、小红书、淘宝、有道词典、facebook等，部分图标添加渐变、阴影等细节修饰

• 以宋体或书法字体作为启动图标，多见文字类、文档类、文化类等展现文化底蕴的app

不同风格的文字可以展现不同的品牌调性和理念，可以根据品牌调性设计一个相衬的字体图标

2、IP吉祥物+品牌色

部分app会使用品牌IP的不同形态作为应用的图标，使用ip的优势是图标的延展性有很大的发挥空间，各种节日也能够变换吉祥物的视角，例如京东、河马、美团、飞猪、携程、微博等

3、图形

通过简化的图形来表达app的使用含义，例如：微信、百度云、谷歌、ins、twitter等

4、统一化图标

属于同一个品牌下的不同app，风格相似，功能不同，例如office、adobe系列的软件等

三、装饰

1、渐变

单色渐变/彩色渐变

2、背景装饰

• 在背景中加入反光

• 背景中加入纹理

3、图形加阴影

• 普通阴影：在扁平图形上加阴影

• 扁平阴影：阴影呈现某种角度的在背景上

扁平图形投影

文字投影

立体图形投影

扁平图形长投影

4、图形加质感细节

• 在有弧线转弯的位置适当添加阴影，增加质感

• 根据现有的立意可为图形内部添加阴影，实现立体效果

• 基础图形的重复

5、节日装饰

• 节日装饰通常会在图标下方1/4的位置，文字说明活动的内容，例如春季上新、3.8节、11·11等

同时图标的背景也会根据对应的主题或节日发生变化，下方的文字背景可根据logo的图形进行相应的变化，比如个税app的图形是个盾，下方使用v型背景就更为贴切

• 在没有主题氛围时，部分图标也会在下方使用文字装饰，一般是软件的版本等相关信息，这种装饰持续的时间比较长

五、图标栅格线

在图标绘制时，需要根据不同平台的规范进行绘制

1、andriod图标栅格下载
https://developer.android.com/google-play/resources/icon-design-specifications?hl=zh-cn

2、ios图标栅格下载
https://developer.apple.com/cn/design/resources/、、

六、切图

1、iOS端

iOS不需要切图

2、安卓端

安卓端需要对三种尺寸进行切图、切角，具体看下方图表；google play不需要切图，只需要导出512*512的图标即可

来源：
https://developer.android.com/google-play/resources/icon-design-specifications?hl=zh-cn
https://codeantenna.com/a/z98ZDA9JfI
相关资料：
https://www.zhihu.com/tardis/sogou/ans/378394564
https://www.shejidaren.com/app-icon-design-guide.html


mac切图软件分享：
https://www.jianshu.com/p/072ae78e7be2


六...待补充