本文从概念认识,设计步骤和作图规范三个方面,介绍应用市场图设计的整个流程,希望对大家有所帮助。
概念认识
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视频教程
* 回复“笔刷”可获最全的笔刷资源