欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

系列|一款APP设计的从0到1:上线准备篇

发布时间:2017:11:16 03:01:13 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1201个文字,预计阅读时间4分钟
导语
《一款APP设计的从0到1》这是一篇系列文章干货,上次U妹讲的是关于视觉还原篇,今天是系列的最后一篇文章,U妹来说一下上线准备篇。

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

  

系列|一款APP设计的从0到1:上线准备篇

 

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

推荐阅读:Axure教程 | 移动端APP原型动效库之底部弹框

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

  一、项目立项(点击查看)

  二、项目预估时间(点击查看)

  三、界面设计

  四、切图标注

  五、视觉还原

  六、上线准备

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

  一、应用图标(APP Icon)

  1. iOS icon:

  

系列|一款APP设计的从0到1:上线准备篇

 

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

  

系列|一款APP设计的从0到1:上线准备篇

 

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

  1024×1024 Retina APP Icon for APP Store(高清屏的APP Store)

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

  120×120 6以及以下的主屏幕尺寸

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

  58×58 Settings on devices with retina display

  87×87 Settings on iPhone 6 Plus

  80×80 Spotlight on devices with retina display

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

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

  

系列|一款APP设计的从0到1:上线准备篇

 

  2. Android icon:

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

  

系列|一款APP设计的从0到1:上线准备篇

 

  512x512px

  192x192px

  144x144px

  96x96px

  72x72px

  48x48px

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

  二、启动页(Launch Image)

  

系列|一款APP设计的从0到1:上线准备篇

 

  

系列|一款APP设计的从0到1:上线准备篇

 

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

  640×960 px iPhone 4/4s

  640×1136 px iPhone 5/5s/5c/SE

  750×1334 px iPhone 6/6S/7

  1242×2208 px iPhone 6 plus/6S plus/7 plus

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

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

  三、商店页(Launch Image)

  

系列|一款APP设计的从0到1:上线准备篇

 

  这是苹果官方上线提交页面,在这里你需要上传APP图标,版本号和应用描述等信息。

  

系列|一款APP设计的从0到1:上线准备篇

 

  这里就是需要添加商店页的地方,商店页最多为5张,格式为png或jpg文件格式,并且还支持视频格式

  这是农药APP的商店宣传页:

  

系列|一款APP设计的从0到1:上线准备篇

 

  下面其他商店页尺寸的添加页面,在最之前我们都要提供4套尺寸:

  

系列|一款APP设计的从0到1:上线准备篇

 

  

系列|一款APP设计的从0到1:上线准备篇

 

  前不久,iOS开发哥哥告诉我,现在商店页只需做一套尺寸:750x1334px,就ok了,为我们减少了很多的工作量

  这是苹果官方的商店页规范:

  

系列|一款APP设计的从0到1:上线准备篇

 

  安卓应用市场有很多,但总体来来说相对比较一致,安卓的商店页我们是需要提供2套尺寸的:

  480x854px、 720x1280px

  

系列|一款APP设计的从0到1:上线准备篇

 

  U妹再给大家回顾一下整个APP的开发流程:

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:纯干货:我的设计套路——创意解密

下一篇:网页排版设计的10个小技巧

  • 18900 文章总数
  • 2375440访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信