恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

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

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
App Store预览视频制作心得总结
0.0°
2015-05-22 原创文章 经验/观点 原作者: 原作者 举报 1240 15 6 2

在去年的WWDC 2014上,苹果为开发者提供了一项新特性——AppPreviews(应用预览视频)。它能够让用户在下载和购买应用之前有一个详细的心理预期和使用体验,帮助用户更好地理解应用并带来更多的下载。

AppPreview就是一段15-30秒的短视频,用来展示应用的特性、用户界面、交互方式等内容。在AppStore的应用的详细信息页面里,放在原来的截图之前,这从某种意义上使得AppPreviews的宣传作用和意义远远高于产品截图,体验上会比截图更有冲击力,也能够表现更多的东西。就我个人而言,通过看Preview视频就能知道一个APP大概的样子,如果有吸引我的点,就会去下载它,而仅通过截图和文字说明是很难判断值不值得下载的。

AppPreviews具体的制作规范和说明可参考下面几个:

苹果官方文档:https://developer.apple.com/app-store/app-previews/

CocoaChina翻译:http://www.cocoachina.com/appstore/20140911/9590.html

ISUX的文章有不少案例:http://isux.tencent.com/app-previews.html

=======================下面才是正文的分割线======================

下面是我近一年来的一些制作心得总结,有参考@JJYing之前写的文章

  1. 录屏建议使用QuickTime,毕竟是苹果自家的,对高清屏、声音等支持非常好,画面也非常流畅。但是要满足三个条件:MAC版本是OSX 10.10以上;设备是lightning接口(小头);设备系统是iOS 8以上。
  2. 如果是录游戏应用,记得选上麦克风,然后在游戏内关闭背景音乐,只留音效打开,便于后期剪辑制作。
  3. 一般来说只需录两套视频,一套是iPhone5的分辨率(iPhone6、6 plus可以直接拉伸至要求分辨率),另一套是iPad的分辨率(900*1200)。
  4. 视频不能像广告那样夸夸其谈,苹果的意图是让你来展示App正常使用的样子,切勿言过其实。
  5. 其实利用后期做些细节的造假苹果也未必能看出来,但不要太明显。
  6. 录屏素材可以做一定的剪辑、调速、转场等。
  7. 不建议使用配音,尤其是App面向多个国家下载的情况下,一段干净优雅的背景音乐更加适合,如需说明,在录屏中加上一些介绍的文字遮盖在产品界面上是可以的。
  8. 在视频的开头、结尾、转场的地方加上 logo、产品名以及特性介绍是被允许的,但如果有转场动效最好是比较简单的,推荐以淡入淡出和简单的滑动为主。
  9. 后台可以自定义视频播放之前的静态预览帧,所以可以做个优雅的落版然后设置为视频预览图。
  10. 视频时长必须在15-30秒之间,所以不要试图展现一个App所包含的全部内容。一般来说,选择两三个特性就足够了,着重展示应用的核心功能和特别之处,以及能引起用户兴趣的点。
  11. 苹果官方不允许添加真人手形动画,可以通过使用图形触摸引导的方式代替相应的手指操作,让用户的视觉焦点能够时刻跟随图形的运动,便于功能点的描述和信息的传递。除了后期制作时加上,也可以在App中插入显示触摸的代码,这样录制时能显示手势
  12. AppPreviews的展现方向必须与应用本身的使用预览方向保持一致,由于苹果对于预览视频截取方式的限制,想要在一个视频中同时展现横竖屏2种方向的界面还是十分困难的。
  13. 不要在视频中穿插价格、网址或者下载链接之类的信息,不要出现其它应用的图标和字样,更不要出现和苹果公司有关的图标和字样,这些苹果都是不允许的。
  14. 因为苹果只允许录屏且以录屏内容为主,你可能花费了很大的精力去添加优美的动态演绎和流畅的过场,但最后的渲染效果也很难媲美一个令人兴奋的游戏预告或者制作精良的产品宣传片。所以,AppPreviews和App宣传片或预告片是两回事
  15. AppPreviews现阶段只支持在移动设备上观看,电脑上不行,而且在天朝的网络下,想要流畅加载预览要靠运气。
  16. 对于那些纠结于转化率的提升,或是渴望得到更多机会展示功能的产品来说,预览视频将成为好帮手。制作精良的预览视频可以成为一款优秀应用的又一个标准之一,用户也会越来越多的留意那些提供了预览视频的产品。

======================下面是私货时间的分割线======================

视频地址:http://v.youku.com/v_show/id_XOTYxNDE2OTQ4.html

以上是我从自己做过的一些AppPreviews中选取的十个,可以看到从拼命往里面挤内容到逐渐做减法变得从容不迫,当然如有不足之处望各位指出。

如果对AppPreviews制作还有什么疑问或补充,欢迎评论和交流,作者微博:MotionGraphic 。

更新:2015-05-22

收藏

15人已收藏

moonjoin

dribbble.com/moonjoin

  • 15

    作品

  • 454

    粉丝

  • 26

    关注

  • 近一年来做的动效设计整理
  • 也是做过UI的
  • 新鲜出炉的点线MG分享
  • 横看成岭侧成峰——多视角字体
相关标签

    猜你喜欢

      2015-05-22 原创文章 经验/观点 原作者: 原作者 举报 1240 15 6 2

      App Store预览视频制作心得总结

      0.0°

      你确定要举报App Store预览视频制作心得总结

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年05月22日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      6
      15
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录