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

成长值达到300分以上才可以发布哟!~

先看看别人的即刻>

一篇搞定应用市场图设计(下)

原创文章 分类: 经验/观点 版权:
645 36 10 4
2019-06-26
9.3
编辑推荐

上篇说到我们主要从概念认识,设计步骤和作图规范三个方面,今天介绍作图规范的内容。

上文说到我们主要从概念认识,设计步骤和作图规范三个方面,来介绍应用市场图设计的整个流程,希望能对应用市场图有一个较为全面的了解。上周已经介绍了前两个方面概念认识和设计步骤,今天来接着讲第三个方面——作图规范。

 

想了解上篇概念认识和设计步骤内容的小伙伴也可以直接点链接去看一下,一篇搞定应用市场图设计(上)



三、作图规范


通过之前的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的状态栏也需要是对应的。

Image title


华为

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

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

Image title


百度手机助手

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

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


Image title


小米

图标: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

Image title


安智

图标:512*512,PNG、无白边。

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

Image title


应用宝

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

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

Image title


360手机助手

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

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

Image title


魅族

图标:512*512、PNG、直角,小于1M。

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

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

Image title


三星

图标:512*512、PNG、直角,小于1024K。

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

Image title


搜狗手机助手

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

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

Image title


总结一下,iOS的尺寸其中iPhone X与iPhone 4需要单独处理,其他机型都可以用同一套进行缩放。安卓市场基本可以概括为两种尺寸:480*800和1080*1920,有这两种尺寸再针对各平台特殊的手机外壳、状态栏要求微调就可以。(PS:各平台的规范偶尔会有变动更新,制作的时候要以官方公布的最新的为准哟。)



2.文案规范


除了尺寸的规范,文案规范也需要注意。由于新的广告法颁布,平台会禁止开发者使用“违规”宣传语,以保障行业的公平竞争环境。禁止的绝对化用语应仅限于作为表示程度的最高级形容词或类似语句,“权威、最优秀、最好、最大、领先、领导者、缔造者、全国销量冠军、国家级产品、全网第一、销量第一、排名第一……”这些极限词的使用需要规避。

 

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


Image title



3.内容规范


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

 

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

 

 

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


想了解应用市场图的概念认识和设计步骤内容的小伙伴可以点链接去看文章上半篇内容,传送门一篇搞定应用市场图设计(上)



划重点


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

 

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

 

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

 

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



参考

App Store connect 帮助 http://t.cn/EChYzCy

华为创建并管理应用操作指南 http://t.cn/Ea6OWlK

小米文档中心-应用商店 http://t.cn/EKxGfEf

百度移动开发平台-应用管理 http://t.cn/EChdYQf

魅族应用审核规范 http://t.cn/EChgoY2

三星应用商店上传指南 http://t.cn/EChgkye

360移动开发平台-应用提交 http://t.cn/ECheJjl

腾讯开发平台-应用管理 http://t.cn/EChDIbf

中华人民共和国广告法 http://t.cn/RA8POUQ








焱小玖

580粉丝/34关注

首页达人小有见解原创小生收藏家lv.2勤学标兵lv.1
细节篇:四步搞定分页符设计一篇搞定应用市场图设计(上)
0
青山_

赞!

精彩!

扫描二维码
去手机端查看海报

焱小玖

TA已经获得7枚勋章啦

  • 成就勋章

    • 特别勋章

    • 身份勋章

  • 已拥有

  • 作品

    创造者才是真正的享受者。

  • 经验

    经验是一所好学校,可它的学生却经常旷课。

  • 活跃

    大神都是从围观群众开始的

  • 拓展

    作品、经验、活跃还不能满足你?

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2019 UI.CN

Cw9sdfed

朕收下了