AppStore&Android 应用市场截图及文案撰写

本文从概念认识设计步骤作图规范三个方面,介绍应用市场图设计的整个流程,希望对大家有所帮助。

概念认识

1.名称

应用市场图是指产品在App Store或是安卓市场中的预览图。

2.作用

用户:为用户提供产品的预览,让用户在下载前可以简单了解产品的界面和功能。

产品:对产品来说应用截图可以宣传产品的买点,展现功能,加大产品的曝光率,帮助用户更好的了解产品属性、产品定位和产品的功能。

3.表现形式

市场图支持静态图片视频两种形式。静态图是必须提供的,视频是可选项,可做可不做。视频虽然展示直观表现力强,但耗时也会多一些,具体我们需要根据项目的时间和内容来评估。

· 静态图片

必须项;格式:JPG、PNG;

数量:3-5张。

· 视频

非必须项;格式:mov、m4v、mp4;

数量:1-3个。

iOS的时长要求是最短15秒最长30秒,在这个区间取值,过长的视频很少有用户会看完。

内容一般以功能操作为主,演示APP的核心功能和特色功能,片头片尾加入品牌信息如logo、slogan等,加大产品品牌的曝光度。

设计步骤

1.讨论表现内容,确定表现形式

首先,我们要知道市场图需要表现什么,接到的需求里一般是已经提供了文案与内容。如果没有就需要我们去与产品、运营的同事沟通讨论已确定内容,然后根据内容和项目排期确定表现形式,是否需要做视频。

· 功能

展现产品的亮点、价值、核心功能或是本次更新改版的特性等,主要是让用户快速得到有价值的信息,了解产品的功能特性,区别于竞品。一般工具型产品都倾向于选择这样的内容。如360相机,5张图分别展示了产品的5种功能。

· 内容

展示产品的内容,一般内容平台型产品如视频、书籍、音频类用的比较多,产品的内容资源丰富,更新较快时效性较强、经常结合当下的热点资源,以内容吸引用户。如下图QQ阅读的市场图展示的就是当前热门书籍。

· 运营

配合运营需求展示产品内的近期的促销、专题活动、赛事等,电商类大型活动前一般会选择此类内容宣传推广以加大活动的曝光率,如下图:

2.选择设计风格

确定了表现内容和形式,选择了设计样式接下来就是考虑设计风格了,

· 商务风

这种风格使用率比较高,采用简洁的设计主要突出应用截图,文案强调产品的重点信息,去除多余装饰以保证图片的易读性。

· 插画风

插画有很强的视觉表现力,它的加入可以为较单调的页面增色,辅助用户理解,给用户留下更深刻的印象。本身较为简单的产品,如果界面截图缺乏吸引力的话,可以选择加入插画,增强视觉表现力,区别于竞品,吸引用户。

· 色彩风

色彩对人类具有天然的吸引力,可以轻易唤起人们愉悦感,是影响人们情绪的重要元素,正是人们对颜色的喜爱形成了这种风格。

通过色彩抓住用户心理活动,满足用户心理需求。

· 跨屏风

跨屏风是图片内容跨越两张或多张图,加大了视觉冲击力,更容易吸引用户的注意力,不少产品都选择了这种风格。

· 元素风

在图中加入页面组件或是IP形象,打造亮点让用户的聚焦,关注元素内容,第一时间注意到产品的特点。IP形象的加入可以形成自己的品牌特色让产品和竞品区分出来。

3.灵活运用

结合自己产品的风格定位,将选择的元素样式、设计风格组合创作,突破风格的限制,大胆创新打造与产品气质更相符的页面,创造更多更丰富的视觉效果。

比如抖音,同样是截图+文案+手机框的元素,调整了手机的位置,上下穿插的变化让画面更加活泼。

抖音让手机的连续跨屏结合背景的色彩渐变,使界面更加活力时尚。

优酷利用人物元素结合不同背景颜色及插画元素突出主题内容,对不同定位的内容采取不同的设计风格,让设计风格更加符合内容,主题更加契合。

作图规范

1.尺寸规范

ios应用商店截图:

· App Store

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

应用截图&视频:对于iPhone,必须提供 5.5英寸设备 (iPhone 6s Plus、iPhone 7 Plus、iPhone 8 Plus) 和 6.5英寸 iPhone Xs Max 两个尺寸,这些屏幕快找可缩放至较小的设备尺寸,而且注意iPhone X的状态栏也需要是对应的。

对于iPad,必须提供12.9英寸iPad Pro(第2代)和12.9英寸iPad Pro(第3代)的屏幕快照。这些屏幕快照可缩放至较小的设备尺寸。

android应用商店截图:

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

· 华为

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

应用截图&视频:最少上传3张,推荐480*800或720*1280,但只要是9:16的尺寸,单张小于2M ,尺寸比较灵活,截图不能包含iOS元素,通知栏去除与应用无关图标。

· 百度手机助手

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

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

· 小米

图标:90*90、136*136、168*168、192*192、224*224,PNG,直角。

应用截图:至少 3 张图片,尺寸720*1280或1080*1920,支持横屏或竖屏。要求使用小米手机外观。

· 安智

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

应用截图:尺寸800*1280、1080*1800、1152*1920、1536*2560,单张小于5M。

· 三星

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

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

· 搜狗手机助手

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

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

(PS:各平台的规范偶尔会有变动更新,制作的时候要以官方公布的最新的为准哟。)

2.文案规范

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

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

3.内容规范

内容规范是截图上的内容要与提交审核的app版本的功能内容保持一致。特别是一些设计到购买、分享等功能的地方需要注意,避免因为内容不符而审核不通过,耽误项目进度。

要点

iOS的尺寸其中6.5英寸 1242*2688(刘海屏)以及5.5英寸 1242*2208(无刘海);

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

检查文案内容,避免极限词的使用;

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



欢迎扫描关注我的微信公众号交流。热爱设计,关注用户体验,分享设计思考。

公众号回复以下关键词获取设计资源

* 回复“软件”可以获取全套设计软件(包括win系统和Mac系统)

* 回复"PS"可获取最新版PS cc 2019

* 回复“字体”可获取最全的设计常用字体

* 回复“C4D”可获取从新手到进阶全套C4D视频教程

* 回复“笔刷”可获最全的笔刷资源

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,084评论 6 503
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,623评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,450评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,322评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,370评论 6 390
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,274评论 1 300
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,126评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,980评论 0 275
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,414评论 1 313
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,599评论 3 334
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,773评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,470评论 5 344
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,080评论 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,713评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,852评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,865评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,689评论 2 354

推荐阅读更多精彩内容