UI/交互设计规范移动开发iOS学习笔记

iOS屏幕快照属性尺寸指南

2016-10-30  本文已影响0人  YoKenfuu

 神马?屏幕快照?

  相信看到这篇文章的设计朋友们第一次看到“屏幕快照”这个名词也会一脸懵逼,小编当时也不知“屏幕快照”一词。因为是要设计App Store上app的介绍图(下图),在百度上搜了“App介绍图”、“应用市场介绍图”、“iOSApp上传图”等等关键词,均无所获。

传说中的 “屏幕快照 ”

  我就纳闷了,为什么网上这方面的资料那么少,是我的姿势不对吗?还是“屏幕快照”没有其他的说法。有问题就有需求,为了搞清楚这个原因,小编花了一天的时间在网上查阅各种资料。先上iOS Human Interface Guidelines死啃英文版iOS人机交互指南,看完所有的目录发现根本没有“屏幕快照”这方面的资料,宝宝内心蓝瘦。突然想到一个idea,去麻烦程序员打开上传“屏幕快照”的界面看看尺寸不就OK了吗。

偷渡于开发者账号下的截图

终于等到你,还好我没放弃,原来你叫“屏幕快照”,初次见面多多指教。自从有了程序员,办事都容易多了,妈咪再也不用担心了。后来请教了很多同行才发现,iOS屏幕快照的官方资料藏在iTunes Connect Properties有兴趣的朋友点进去看看域名就知道藏得多深了。

iTunes Connect Properties

懒得看英文的朋友可忽略上图,请看小编的总结:

提交APP审核时苹果需要设计师提供4个尺寸的屏幕快照,分别是:

640*960px/960*640px(3.5-Inch)

640*1136px/1136*640px(4-Inch)

750*1334px/1334*750px(4.7-Inch)

1242*2208px/2208*1242px(5.5-Inch)

每个尺寸最多5张屏幕快照,一共最多需要20张。 

另外还需要注意设计图输出必须为:72dpi,RGB,平整,无空白像素,高质量JPEG/PNG 

(官方要求无空白像素,建议使用JPEG作为输出,因为PNG会保留空白像素,而JPEG不会。)


细心的朋友应该会发现上传屏幕快照的其他尺寸时有【使用5.5英寸显示屏】选项

上传屏幕快照界面截图

意思是,我们只要设计5.5英寸的尺寸就可以适配所有苹果手机。神马?为什么不早说,我都做了三天三夜了,容我喝一杯82年的雪碧压压惊。

以上总结,设计屏幕快照要求:

尺寸:1242*2208px/2208*1242px(5.5-Inch)

页数:<=5

格式:JPEG/PNG

其他:72dpi、RGB、平整、无空白像素

注:如果你也像我一样曾在寻找屏幕快照尺寸时遇到困难,或者搜索过的关键词却得不到自己想要的答案,请把你的搜索关键词留言给我,我会及时更新此文,让更多的新手能通过关键词搜索到此文,为他们解答问题。

上一篇 下一篇

猜你喜欢

热点阅读