发布时间:2022-12-24 分类: 行业资讯
《一款APP设计的从0到1》这是干货的一系列文章,最后一次U姐谈到视觉修复文章,今天是该系列的最后一篇文章,U姐姐谈到了网上准备。
这一次,U女孩继续看完整个目录(装满干货)。
姊妹列出了一个小目录:
一,项目项目(点击查看)
二,项目预计时间(点击查看)
三,界面设计
第四,剪切图标说明
V.视觉恢复
六,在线准备
当开发应用程序并通过测试时,有必要为正式发布做好准备,但在发布之前,我们的设计师需要合作并在上线前做一些工作。你姐姐带你去看看需要做些什么。工作?
首先,应用程序图标(APP图标)
1. iOS图标:
这是iOS开发工具Xcode提供的APP图标的大小(这是U女孩写这篇文章的特殊目的,U和开发之间的关系非常好),乍一看难道不是很可怕吗?开发是根据iOS的系统版本设置的,但你是一名设计师,你是根据iPhone的版本绘制的,所以没有那么多。实际上,我的开发同事要求以下几种尺寸:
因为我需要这么多图标,所以我无法全部添加。我只能选择最好的尺寸。我的开发兄弟让我提供以下图标大小:
1024× APP Store的1024 Retina APP图标
512× APP Store的512个APP图标
120倍; 120 6及以下主屏尺寸
180× 180 6加主屏幕图标大小
58&次; 58具有视网膜显示的设备上的设置
87× 87 iPhone 6 Plus上的设置
80× 80聚焦具有视网膜显示的设备
注意:这里应该注意iOS系统可以自动将图像裁剪成圆角,因此在提交图标时,您只需要提交方形PNG格式。
让我们来看看Apple的官方APP图标规范:
2. Android图标:
Android的图标比iOS少。我们只需要提供一些尺寸,但我们需要增加2套,圆角和直角,因为有些地方会被使用。
512x512px
192x192px
144x144像素
96x96px
72x72px
48x48px
由于Android有很多型号,不同屏幕密度的手机图标大小不同,所以U女孩无法给你相应图标的位置。
二,启动页面(Launch Image)
这也是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)
这是Apple的官方在线提交页面,您需要上传APP图标,版本号和应用程序说明。
您需要在这里添加商店页面,最多5个png或jpg文件格式的商店页面,并且还支持视频格式
这是Pesticide APP的商店促销页面:
以下是其他商店页面尺寸的附加页面,我们必须在之前提供4套尺寸:
不久前,iOS开发兄弟告诉我,现在商店页面只需要设置一个大小:750x1334px,没关系,这对我们来说减少了很多工作
这是Apple的官方商店页面规范:
有很多Android应用程序市场,但总体来说它相对一致,我们需要为Android商店页面提供2套大小:
480x854像素,720x1280像素
你会给你一个关于整个APP开发过程的评论:
一个完整的APP,在这样的过程之后:项目项目开始→设计产品原型→设计效果图→进入发展阶段→成功开发进入测试阶段→测试反馈给开发人员进行调试&rarr许多测试证实没有bug和rarr;提交市场,正式推出。
当我们上网时,我们仍然需要做一些必要的准备工作:
设置了一个楠木案例,三香香,紫砂香炉,在神石气,匕首三次,直到三种香味烧毁,才能顺利推出,这是必不可少的,切记要记住!!!
关于《一款APP设计的从0到1》的iOS系列全部完成,希望我能给你很多帮助; U女孩只是一种工作方法,一种好的工作方法可以用更少的钱做更多的事情,并且在特定的工作中也具有灵活性。务必与开发进行更多沟通,良好的沟通是解决问题的唯一方法。
作者:U姐,生活中的UI设计师,等着你缝妹妹哟
来源:微信公众号“ UI姐姐” (ID:UIfaner)