启动页、启动图标

App应用的启动页是每个应用打开时最先呈现在用户面前的界面。手机的不同分辨率导致了适配时要制作的启动页、大小不同。

启动图标由于使用的设备不同也有大小的区别。下面就介绍一下当前H5开发的IDE--HBuilder中需要的启动页尺寸（文章末尾附各种尺寸的psd模板）

HBuilder

首先我们打开HBuilder，在HBuilder中查看所需要的启动图标（logo）、启动页界面尺寸（附截图）。

image.png
启动页位置
启动图标位置

下面总结一下所需要的尺寸以及相关知识

通过查看在HBuilder中支持到的图片格式为.png格式的图片。在启动图表中，大家可以看到一些小的尺寸的图标变得模糊，所以需要我们制作合适大小的矢量图替换。

启动图标

启动图标：安卓图标

安卓有以下的尺寸大小

48*48

72*72

96*96

144*144

192*192

安卓图标

启动图标：ios图标

ios图标：首先上架ios AppStore（苹果应用市场）需要10241024大小的图标，所以需要制作10241024大小图标

ios AppStore图标要求

ipad的图标

spotlight 搜索图标-ios-7-11

40*40

80*80

Settings设置图标 -ios-7-11

29*29

58*58

通知栏图标-ios-7-11

20*20

40*40

app程序图标-ios-7-11

76*76

152*152

167*167

ipad的图标

iphone的图标

spotlight 搜索图标-ios-7-11

80*80

120*120

Settings设置图标 -ios-7-11

58*58

87*87

通知栏图标-ios-7-11

40*40

60*60

app程序图标-ios-7-11

120*120

180*180

iphone的图标

启动页

启动页：安卓启动页大小

480*762

720*1242

1080*1882

安卓启动页大小

启动页：ios启动页大小

ios启动页大小

总结：在启动图标的制作中要保证矢量图，或者高分辨率。在启动页中，有些特殊的启动页需要重新排版，例如iphone4/iphone4s、iphone x的启动页，其他的启动页可以通过缩放比例，微调整制作。

启动页模板大小预览

（软件版本：ps 2017制作）

源文件获取：

1网盘直达：

链接：https://pan.baidu.com/s/1nvFv6p7 密码：7blz

2.请在公众号中获取：后台回复：“启动页”。