《一款APP设计的从0到1》这是干货系列文章。上次U姐讲了视觉还原。今天是这个系列的最后一篇文章。U姐就说说网上的准备吧。
过去回顾:
《APP设计教程之:项目立项篇》
《APP设计教程之项目预估时间篇》
《APP设计教程之界面设计篇》
《APP设计教程之切图标注篇》
《APP设计教程之视觉还原篇》
这一次,U姐沿用了之前的胡茬。继续之前先看一下整个目录(满满的干货)。
U姐列了个小目录:
1.项目立项
2.项目的预计时间
3.接口设计
4.剪下图片,做好标记。
5.视觉恢复
6.准备上线。
在线准备
一个APP在开发测试的时候,需要做好提交和正式上线的准备。不过在它上线之前,我们的设计师还是需要配合,做一些上线前的工作。u姐会告诉你需要做什么?
I .应用图标(应用图标)
1.iOS图标:
这是iOS开发工具Xcode提供的APP Icon的大小(这是U姐为了写这篇文章找开发用的,U姐和开发的关系很好)。第一眼看到你是不是很惊讶?开发是按照iOS的系统版本来设置的,但是你是设计师,你是按照iPhone的版本来画图的,所以其实没有那么多。实际上,我的开发同事询问了以下维度:
因为需要的图标太多了,不可能全部加进去,只能选择最好的尺寸。我的开发兄弟要求我提供以下图标尺寸:
应用商店的024 x 1024 retina应用图标(带高清屏幕的应用商店)
应用商店的52 x 512应用图标(普通屏幕的应用商店)
主屏幕尺寸为120x1206及以下
180x180 6 plus主屏幕图标尺寸
配备retina显示屏的设备上的58x58设置
iPhone 6 Plus上的87x87设置
80x 80带retina显示屏的聚光灯
注意:这里需要注意的是,iOS系统可以自动将图片裁剪成圆角,所以在提交图标时,只需要提交方形PNG格式即可。
我们来看看苹果官方的APP图标规范。
2.Android图标:
与iOS相比,Android的图标更少。我们只需要提供几个尺寸,但是需要改进2套,一套圆角,一套直角,因为有些地方会用到。
512x512px
192x192px像素
144x144px
96x96px
72x72px
48x48px
因为安卓的型号很多,不同屏幕密度的手机对应的图标大小也不一样,U美在这里无法给你对应图标应用的位置。
二、启动页面(启动图像)
这也是iOS开发工具Xcode提供的LaunchImage的大小。我们需要向开发工程师提供四种尺寸:
640x960pxiPhone 4/4s
640x1136px iPhone 5/5s/5c/SE
750x1334px iPhone 6/6S/7
1242x2208pxiPhone 6 plus/6S plus
/7 plus2208x1242pxiPhone 6 plus/6S plus/7 plus的横屏尺寸,如果我们的APP支持横屏模式,你就需要做一张横屏的启动页。
注意:启动页面一定要是PNG格式的,建议给开发之前讲图片全部压缩一下。
三、商店页(Launch Image)

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

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

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


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

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

U妹再给大家回顾一下整个APP的开发流程:
一款完整的APP,经过这样的一个流程:项目立项启动→设计产品原型→设计效果图→进入开发阶段→开发成功后进入测试阶段→测试将问题反馈给开发人员进行调试→多次测试确认没有bug→提交市场、正式上线。
当要上线时,我们还需做点必不可少的准备:
设楠木案堂,三支灵香,紫砂香炉,于申时燃起,叩首三次,待三炷香燃尽,方可成功上线,此缺一不可,切记切记!!!
关于《一款APP设计的从0到1》的iOS系列就全部讲完了,希望可以给你有很大的帮助;U妹这里说的只是一种工作方法,好的工作方法才能自己事半功倍,在具体工作中也要灵活拥有,一定要多和开发沟通交流,良好的沟通才是解决问题的唯一方法,有疑问题也可给U妹留言,我们下期再见!
本文来自于网络,仅供参考,欢迎加入UI设计群587751709
以上就是帮企客小编为大家带来的全部内容,希望可以帮助到大家。免责声明:本文为转载,非本网原创内容,不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
如有疑问请发送邮件至:bangqikeconnect@gmail.com