一款APP设计的从0到1之:上线准备篇(1)

来源:网络   作者:热心网友   发布时间:2017-10-03    浏览次数:191

《一款APP设计的从0到1》这是一篇系列文章干货,上次U妹讲的是关于视觉还原篇,今天是系列的最后一篇文章,U妹来说一下上线准备篇。


往期回顾:

APP设计教程之:项目立项篇

APP设计教程之项目预估时间篇

APP设计教程之界面设计篇

APP设计教程之切图标注篇

APP设计教程之视觉还原篇


这次U妹接着上次的茬,继续之前先来看看整个目录(满满的干货)


U妹列了一个小小的目录:


1、 项目立项

2、 项目预估时间

3、 界面设计

4、 切图标注

5、 视觉还原

6、 上线准备


上线准备篇


当一款APP开发完毕,测试通过,这时候就需要准备提交正式上线了,但是在上线之前,我们设计师还需要配合,做一些上线前的工作,U妹带你来看一看需要做哪些工作?


一、应用图标(APP Icon)


1. iOS icon:


这是iOS开发工具Xcode提供的APP Icon (应用图标)的各项尺寸(这是U妹为了写这篇文章专门找开发要的,U妹和开发的关系可是很不错的),咋一看是不是吓一跳?开发是按照iOS的系统版本来设置的,但你是设计师,你是按照iPhone的版本来作图的,所以其实没有那么多,真实情况下,我的开发同事要求提供以下几个尺寸:


因为需要的图标非常多,不可能全部加进去,只能选择最好的尺寸,我的开发哥哥要求我提供以下图标尺寸:


1024x1024Retina APP Icon for APP Store(高清屏的APP Store)

512x512APP Icon for APP Store(普通屏幕的APP Store)

120x1206以及以下的主屏幕尺寸

180x180 6 plus的主屏幕图标尺寸

58x58 Settings on devices with retina display

87x87Settings on iPhone 6 Plus

80x80Spotlight on devices with retina display


注意:这里需要注意一下,iOS系统可以自动把图片裁剪为圆角,所以提交图标的时候,你只需要提交正方形的PNG格式即可。


我们来看看苹果官方的APP icon规范


2. Android icon:


安卓的图标相对iOS来说较少,我们只需提供一下几个尺寸就可以了,但是需要提高2套,圆角和直角各一套,因为有的地方都会用到。


512x512px

192x192px

144x144px

96x96px

72x72px

48x48px


因为安卓有很多的机型,不同屏幕密度的手机对应的icon大小也是不同的,所以U妹这里没法给你给出相应的icon所被应用的位置。


二、启动页(Launch Image)



这同样也是iOS开发工具Xcode提供的LaunchImage(启动页)的各项尺寸,我们需要提供4种尺寸给的开发工程师:


640x960pxiPhone 4/4s

640x1136px iPhone 5/5s/5c/SE

750x1334px iPhone 6/6S/7

1242x2208pxiPhone 6 plus/6S plus/7 plus

2208x1242pxiPhone 6 plus/6S plus/7 plus的横屏尺寸,如果我们的APP支持横屏模式,你就需要做一张横屏的启动页。


注意:启动页面一定要是PNG格式的,建议给开发之前讲图片全部压缩一下。


12共2页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/6710.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通