恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
一款APP设计的从0到1之:上线准备篇
0.0°
2019-05-22 原创文章 经验/观点 举报 5972 99 43 6

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


往期回顾:


    《一款APP设计的从0到1之:项目立项篇》

    《一款APP设计的从0到1之:项目预估时间篇》

    《一款APP设计的从0到1之:界面设计篇》

    《一款APP设计的从0到1之:切图标注篇》

    《一款APP设计的从0到1之:视觉还远篇》


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


严哥列了一个小小的目录:


1、 项目立项

2、 项目预估时间

3、 界面设计

4、 切图标注

5、 视觉还原

6、 上线准备


上线准备篇

Image title


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


一、应用图标(APP Icon)


1. iOS icon:

Image title


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

Image title


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


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

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

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

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

58x58                      Settings on devices with retina display

87x87                      Settings on iPhone 6 Plus

80x80                      Spotlight on devices with retina display


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


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

Image title


2. Android icon:


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

Image title


512x512px                  

192x192px                  

144x144px                  

96x96px                      

72x72px                      

48x48px         

            

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


二、启动页(Launch Image)


Image title


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


640x960px         iPhone 4/4s

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

750x1334px       iPhone 6/6S/7

1242x2208px     iPhone 6 plus/6S plus/7 plus

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


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


三、商店页(Launch Image)


Image title

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

Image title

 

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


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

 Image title


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

Image titleImage title

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


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

Image title


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


480x854px、720x1280px

Image title


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


一款完整的APP,经过这样的一个流程:项目立项启动→设计产品原型→设计效果图→进入开发阶段→开发成功后进入测试阶段→测试将问题反馈给开发人员进行调试→多次测试确认没有bug→提交市场、正式上线。


当要上线时,我们还需做点必不可少的准备:


设楠木案堂,三支灵香,紫砂香炉,于申时燃起,叩首三次,待三炷香燃尽,方可成功上线,此缺一不可,切记切记!!!


关于《一款APP设计的从0到1》的iOS系列就全部讲完了,希望可以给你有很大的帮助;严哥这里说的只是一种工作方法,好的工作方法才能自己事半功倍,在具体工作中也要灵活拥有,一定要多和开发沟通交流,良好的沟通才是解决问题的唯一方法,有疑问题也可给严哥留言,我们下期再见!

Image title


微信公众号:UI严选

更新:2019-05-22

收藏

99人已收藏

小小方方

微信公众号:UI严选

  • 94

    作品

  • 7241

    粉丝

  • 20

    关注

  • 动效落地,方案怎么选?
  • 告别手动!如何三分钟快速搞定AE动画,附插件安装包
  • 潮流、潮牌、手撕褶皱、抽象几何图形、潮流样机素材,请注意查收
  • AE避坑 | AE动效落地时常见问题解析和注意事项

    猜你喜欢

      2019-05-22 原创文章 经验/观点 举报 5972 99 43 6

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

      0.0°

      你确定要举报一款APP设计的从0到1之:上线准备篇

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年07月26日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      43
      99
      6

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录