APP中Screenshot的设计要领和各发布渠道的要求

在APP设计环节中,有一项比较容易漏掉的就是screenshot的设计,翻译成中文是“屏幕快照”。它是放在AppStore或者其它各大应用商店,进行APP的功能简介的图片(如下图微信的screenshot),目的是为了让用户在下载之前,就能通过看这些图片对APP“是干什么用的”有一个大概的了解,可能也会包括“怎样用”的教学点在里面,即咱们平时研究事情的what与how原则的介绍。

在各大设计平台中很少有人专门说它,一方面是因为,它算是在APP设计范畴以内比较收尾的工作。如果说某款APP要从0到1开始设计的话,这部分工作是要等到设计师将图片资源输出给开发人员之后才开始有精力集中于这一块内容的设计。二是,设计这一块内容的童鞋很可能与设计APP内容的童鞋不是同一个人,而对这一块内容与APP的相关性没有过多思考。

如上所述,screenshot的主要作用是通过几张图片介绍APP的主要功能。后来又增加了视频展示的功能。那么在设计的过程中应该怎样下手,以及有哪些情况需要注意的呢?

1.种类上需要准备iPhone和Apple watch

1.图片数量控制在3~5张之内,最好不要超过5张。
一般情况下,设计师拿到进行设计screenshot的需求时,产品会给出一个character list(功能列表),告诉设计师需要表达哪些功能点,而设计师就有个头绪从哪里开始入手。screenshot有几种设计风格,一是直接将APP的界面进行呈现(如下图微信的方式);二是用简短的文字描述加上手机场景图(如下图QQ的表达方式),这种图文结合的表达方式对用户来说更加清楚,更好理解。

图片(包括视频)可以是横的,也可以是竖的,尺寸以iPhone两倍的屏来750x1334px着手设计比较合适。横屏显示的方式多出现在游戏APP中。如果考虑多语言表达,则需要导出两套不同的语言的图片。(有时候AppStore对于地区的判断也会出现一些误差,比方说英文系统下出现中文图片,中文系统下出现英文图片,anyway,这不太影响设计师的工作)

在UI的风格上有呈独立设计的风格,也有比较有趣的类似背景有一定的连续性,用来引导用户继续看下去。

2.视频长度最好不超过30s。

超过30s的视频显得比较冗余,用户没有耐心看下去,所以需要对内容进行精简。还有一点需要提及的是,视频上传通道只有一个,多语言也只能用一个。如果是国际化的APP的话,建议录制的视频里面的文字用英文,适用范围比较广泛。

3.安卓相关发布渠道。

国内安卓渠道列表(点击可以直接访问)
应用汇:http://http://dev.appchina.com/dev/index
豌豆荚:http://open.wandoujia.com/app/add
应用宝:http://op.open.qq.com/mobile_appinfov2/apkinfo?appid=1104845090
百度手机助手:http://app.baidu.com/apps/create
安智:http://dev.anzhi.com/soft_all2.php
360: http://dev.360.cn/mod/createmobile/app?appType=soft
华为:http://developer.huawei.com/cn/consumer/devunion/openPlatform/html/memberCenter.html#appManage#
小米:http://dev.xiaomi.com/app/create?userId=494175390
联想开放平台:http://open.lenovo.com/developer/login_info.jspx
搜狗手机助手:http://zhushou.sogou.com/open/app/add.html
魅族开放平台:http://developer.meizu.com/console/apps/publish?t=146177931870

基本上安卓导出的screenshot的图片尺寸比例会变,每个平台要求不太一样,所以每个平台需要检查一下。最好每个平台都用一套画板进行导出,以后在更新版本的时候修改起来也更加方便。需要强调的是小米要求比较多,除了尺寸规格为7201280 或 10801920,还要注意的是应用截图中手机外观素材要为小米手机外观,素材下载地址http://dev.xiaomi.com/doc/?p=354

当经历过APP设计所有的环节之后,思考方式会发生一些转变,在设计功能点的时候,会更有全局观,将所有相关联的部位都串联起来进行考虑。如果进入这一状态,恭喜你,成功进阶了一级,再接再厉!

Sophia的tips:
看似琐碎的事情,一个个都认真完成了,不知不觉就会成为专家!

其它热门文章
《创业公司设计师怎样从0到1设计一款APP(七)——APP Logo的设计》
《创业公司设计师怎样从0到1设计一款APP(六)——整理和交接工作》
《创业公司设计师怎样从0到1设计一款APP(五)——UI规范整理》
《创业公司设计师怎样从0到1设计一款APP(四)——Hi-fi输出(下篇)》
《创业公司设计师怎样从0到1设计一款APP(四)——Hi-fi输出(上篇)》
《创业公司设计师怎样从0到1设计一款APP(三)——Low-fi输出》
《创业公司设计师怎样从0到1设计一款APP(二)——立项》
《创业公司设计师怎样从0到1设计一款APP(一)——概述》

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

推荐阅读更多精彩内容