app应用截图的作图规范

前面已经介绍了应用市场图设计的前两个方面概念认识和设计步骤，今天来接着讲第三个方面——作图规范。

想了解上篇概念认识和设计步骤内容的小伙伴也可以直接点链接去看一下↓↓↓

《app应用上架的截图要怎么设计？》

 

作图规范

通过之前的4个设计步骤，我们应该有了市场图最终的设计方案，接下来就应该正式进入设计作图环节了。在这个环节中我们需要注意三点：各平台尺寸的规范，文案规范和内容规范，下面具体介绍一下：

1.尺寸规范

市场图不同于页面设计，页面我们需要考虑的是iOS、Android两大系统的区别。而应用图因为是在不同平台市场使用，每个平台都有自己的规范，所以几乎每个平台都需要有一套单独的图，不过近两年安卓各平台间的差异化逐渐缩小，可以通用的尺寸正在增加。

我一般是以iOS的尺寸规范作为基础模板开始设计，设计完毕后，根据公司的主要投放的几个市场，对比其他Android市场的尺寸，选取其中一个较为通用的尺寸进行调整，根据规范逐步完善各个市场的用图。

 

接下来我为大家梳理了几个主流平台的规范。

· App Store

图标：1024*1024、PNG、直角。

应用截图&视频：尺寸如下图所示，1080*1920，750*1334，640*1136，这三个都是同比例的准备一套图再进行缩放就可以，需要特殊处理的是iPhone X 886*1920以及iPhone 4 640*960两个尺寸，而且注意iPhone X的状态栏也需要是对应的。

 

· 华为

图标：216*216、PNG、直角。

应用截图&视频：应用截图需最少上传3张，官方建议尺寸为 450*800，但只要是9:16的尺寸，单张图片不超过2M就可以 ，尺寸比较灵活。

 

· 百度手机助手

图标：1024*1024、PNG&JPG、圆角，要求无白边且小于800K。

应用截图：尺寸480*800，需上传不少于4张且内容不重复的图片，单张图片不超过2M 。需要注意顶部通知栏不可有图标，截图中也不能加入水印或其他logo标志 。

 

小米

图标：90*90、136*136、168*168、192*192、224*224，PNG，直角。

应用截图：需上传至少 3 张图片，尺寸可选720*1280 或 1080*1920，支持横屏或竖屏。需要注意的是，要求使用小米手机外观。

手机Psd素材地址：https://dev.mi.com/console/doc/detail?pId=948

 

· 安智

图标：512*512，PNG、无白边。

应用截图：建议尺寸480*800，需上传4-5张且单张不超过1M以内。

 

· 应用宝

图标：16*16 、50*50、64*64、75*75、100*100 20K以内，512*512 200K以内，PNG、直角。

应用截图：不小于320*480，建议尺寸480*800，需上传2-5张且单张不超过1M以内。

 

· 360手机助手

图标：512*512，PNG、圆角半径弧度：70PX无白边。

应用截图：尺寸不小于480*800，支持横屏或竖屏，单张图片不能超过3M，需要去除图中的顶部通知栏。

 

· 魅族

图标：512*512、PNG、直角，小于1M。

应用截图：如下图提供了四种尺寸以供选择，系统顶部通知栏不能存在其他无关APP图标，需要使用不带品牌标识的Android手机外观或魅族PRO 7 PLUS。

手机素材地址：https://pan.baidu.com/s/1hud8DNI

 

· 三星

图标：512*512、PNG、直角，小于1024K。

应用截图：最小 320 像素，最大 3840 像素，JPG/PNG 格式，图片比例 2:1，至少需要4个图片，最多可上传8个，需使用不带品牌信息的手机。

 

· 搜狗手机助手

图标：512*512、PNG、小于1M圆角透明图标。

应用截图：需上传4-5张不小于480*800的截图，纵向、横向皆可，单张小于3M。

 

总结一下，iOS的尺寸其中iPhone X与iPhone 4需要单独处理，其他机型都可以用同一套进行缩放。

安卓市场基本可以概括为两种尺寸：480*800和1080*1920，有这两种尺寸再针对各平台特殊的手机外壳、状态栏要求微调就可以。

（PS：各平台的规范偶尔会有变动更新，制作的时候要以官方公布的最新的为准哟。）

 

 

2.文案规范

除了尺寸的规范，文案规范也需要注意。由于新的广告法颁布，平台会禁止开发者使用“违规”宣传语，以保障行业的公平竞争环境。

禁止的绝对化用语应仅限于作为表示程度的最高级形容词或类似语句，“权威、最优秀、最好、最大、领先、领导者、缔造者、全国销量冠军、国家级产品、全网第一、销量第一、排名第一……”这些极限词的使用需要规避。

一般我们接到的文案应该已经排除违规的词了，不过做页面的时候还是需要我们留心检查一下。如果不确定文案内容是否可用的话，最好提前找法务部市场部的同事确认，网络上也有广告法禁用词的查询工具，可以自己检索查询，以避免后期大批量的改图增加工作量。

 

 

3.内容规范

内容规范是指图上的内容要与提交审核的app版本的功能内容保持一致。我之前有一次由于公司策略调整，一个课程页面由收费变为免费，按钮由购买变为加入，这种情况如果在市场图中涉及到该页面，就需要连该图片一起调整，不然审核的时候容易出问题，导致审核失败不通过。

所以我们在作图的时候要确认检查，所用页面是否与当前要提交审核的版本一致，特别是一些设计到购买、分享等功能的地方需要注意，避免因为内容不符而审核不通过耽误项目进度。

以上就是我在工作中对应用市场图设计积累的一些经验，平台太多可能总结的不是非常全面，欢迎大家补充，留言交流~

 

 

划重点

· iOS的尺寸其中iPhone X 886*1920以及iPhone 4 640*960需要单独处理，其他机型都可以750*1334的尺寸进行缩放。

· 安卓市场基本可以概括为两种尺寸：480*800和1080*1920，再针对各平台特殊的手机外壳、状态栏要求进行微调。

· 需要检查文案内容，避免极限词的使用。

· 需要检查所用页面内容是否与提交审核的版本一致。

 

 

 

原创： 焱小玖

公众号：海盐社