如何使用iMovie和Keynote制作AppPreview
4月24日 九阙忬投稿 AppPreview是什么?
AppPreview就是一段1530秒的短视频,用来展示你的应用的特性、用户界面、交互方式等内容。在AppStore你的应用的详细信息页面里,放在原来的截图之前。体验上会比截图更有冲击力,也能够表现更多的东西。茫茫的App海洋之中,如何脱颖而出,卖相至关重要。就我个人而言,如果Preview做的有吸引力,那么我就会去下载它。如果Preview和截图看上去就不太好,自然就少了下载的动力。苹果的开发者网站中,有一个单独的页面来详细说明具体的要求和制作步骤,我就不再累述。官方介绍:https:developer。apple。comappstoreapppreviews
目前的现状是什么
目前的AppStore中,国外开发者做Preview的较多,国内从大厂到个人做Preview的非常少。造成这样的原因我觉得有两点。一是不够重视,觉得做不做并不会造成太大影响;二是觉得视频制作复杂,自己做不了,请个专门的视频制作又预算太高。如果做的差,反而适得其反,搬起石头砸了自己的脚。
我的情况
从能够上传AppPreview那天起,我就尝试用iMovie制作了一段视频。但效果并不理想,iMovie本身能够操作的空间就非常有限,选择了制作Preview之后甚至还阉割了一些功能。比如没有办法展示点击的动作,更不要说拖拽放大什么的了。我自己也没有视频剪辑方面的经验,对于节奏的把握不算好。后来这事就放下来,但我一直在想怎么弄。买个FinalCutPro要1998元,太贵了不值得。后来突然有一天,我就想如果把Keynote和iMovie结合一下呢,把Keynote的结果导出成视频,再进行剪辑不就好了。得到这个灵感以后,我就制作了下面这个Demo(需要翻墙)。用的软件包括QuickTimePlayer,Keynote,iMovie,全部免费。我写这篇文章也是为了给有可能还不知道如何把这几个软件结合在一起使用的朋友一个提示。如果你做的远比我的Demo要好,就不必看了,但我希望你可以告诉我是怎么做的。
构思
一个1530秒的视频,根本无法完整的表达一个App所包含的全部内容。一般来说,我们选择两三个特性就足够了。接下来我以爱壁纸的Demo为例,详细描述整个制作的过程。我选择表现三个方面:
1、内容丰富,我将展示首页、菜单栏和滑动一下过来的分类页;
2、有趣和好玩,我将展示图文并茂、拉绳及拼图游戏部分;
3、推荐项目,我会展示如何DIY和购买个性手机壳。
录制视频
1、把手机连接上你的Mac,打开QuickTimePlayer,选择FNewMovieRecording。
2、点击录制按钮旁边的下拉箭头,选择你的iPhone设备,点击录制按钮,开始录制,你在手机上操作就可以了。
3、录制完成后选择Save,保存到一个文件夹中待用。
4、依次操作,录制几段你设计好的视频。
这里我提一点,录制完成后,你还可以通过ETrim,对视频进行一下“掐头去尾”的粗剪。
用Keynote模拟点击动作
1、新建一个Keynote文档,选择黑色主题,选中两个文本框删掉。
2、点击Media按钮,选择一张你准备好的截图,放入页面中,或者直接把一张图片拖入文档中。拖动一下就可以看到辅助线,让图片居中。
3、点击Shape按钮,在屏幕中画一个圆圈,修改为白色5050大小。图片放在左侧黑色部分。
4、选中圆圈,点击Animate,添加一个MovieEffect,把Duration设置为0。3秒。
5、再添加一个Scale的Effect,设置Scale为1000,Duration为0。5秒。
6、再添加一个Opacity的Effect,设置Opactity为0,Duration为0。3秒。
7、点击BuildOrder,设置Action的Start,分别设置为AfterTransation,AfterBuild1和WithBuild2。
8、选择FEQuickTime。设置Playback为SelfPlaying,Gotonextslide和Gotonextbuild设置为0
这样一段模拟点击的视频就制作完成了。(文末提供了Keynote源文件)
用Keynote模拟Swap动作
与上面模拟点击动作类似,只是这次我们是直接插入视频,而非图片。然后根据视频中动画出现的时间来调整每个action的时间点,注意调整Delay的秒数,一直到导出后动画和视频是同步的。在这里我就不在累述。我会在文末提供Keynote源文件供大家查看。总之都是移动,缩放,改变透明度这些的结合使用,耐心在这里是最重要的。
使用iMovie进行剪辑
接下来我们要用iMovie进行剪辑工作。涉及到裁剪,加入音效,过场动画等。下面是iMovie的界面,如果你很少使用这个软件,建议你找些教程看看。这个软件对工作的帮助有多大不好说,但对你以后生活会有很大的帮助。特别是当你有了小孩儿以后,你想做些视频留作纪念的时候。
1。为媒体资料管理区2。为添加音效、文字、转场动画区3。为视频预览区4。为时间轴区
1、打开iMovie,在菜单栏中选择FNewAppPreview。
2、然后点击Import按钮,将我们前面准备好的视频导入进来。这个时候视频资料就会出现在上图1的区域。
3、按住鼠标(左键,如果你的鼠标分左右的话),拖动可以选择部分视频,松开鼠标会出现一个加号,点击就可以把你选择的视频片段加入到下方的时间轴区域了。
4、依次操作,把所有你想要的视频片段全部加入进来。
5、你可能已经注意到,我们刚才用Keynote导出的视频,是横的,而我们做的Preview是竖的,怎么办?选中视频片段,在右侧预览窗口,点击裁剪按钮,拉动到合适位置,点击对号按钮就裁剪成功了。
6、选择左侧的Transitaion在两个片段之间加入过场动画,避免两个不连续的画面切换的时候显的生硬。
7、选择左侧的的SoundEffects,添加音频素材。注意在音乐结尾的时候,可以按下图调节2个小圆点实现声音的逐渐减弱。
8、点击预览区上方的Share按钮,选择AppPreview,将编辑好的视频导出。
我上传了两个Keynote的源文件和最终的视频文件到百度网盘,如果需要可以去下载。
投诉 评论 信息可视化初探(下)上篇文章讲了信息可视化的标准,这篇来说明一下我在最近项目中设计信息可视化作品的过程。上篇:初探信息可视化的流程方法(上)信息可视化的设计过程通过项目中各种痛苦……
初探信息可视化的流程方法(上)由于目前在做大数据类的产品,界面上总需要使用设计语言来解释一些很虚拟、抽象的概念,因此不可避免的要研究信息可视化。之前看了很多同行在这方面的总结和分享,却发现内容都差不多,几乎……
网站的搜索需要限定范围吗Brookings。edu:打开菜单选项下拉搜索框供用户选择搜索范围。GoogleShoppingExpress:自动生成范围:当用户输入搜索条件时,搜索框自动显示与之相……
让用户在输入密码时看到明文吧在2012年时,我(英文原文作者)曾解释过为什么应该让人们在输入密码时看到明文,尤其是在移动设备上。两年过去了,相关的实践模式越来越多的进入我们的视野。为什么要显示密码明……
大数据有边界吗?在前几天,发了一篇文章《放心吧,朋友圈广告推送没用大数据》,我举当聊天时发送关键词会掉落设定的动画时,说到用到了大数据,有读者反馈两个问题。1、输入关键词会出现设定的动画……
因为IT男,所有APP都患了直男癌!群P颠覆单约的产品逻辑已上市的陌陌,还有大姨吗、美柚这类千万级用户APP应该是不少产品经理研究的对象,但在欢否CEO黄欢看来,它们依然很Low。她从母系群族到男权社会的衍变出发,结合两性关系的理解,……
经典游戏的进化:从《微软扫雷》看Windows的界面变迁《扫雷》大概是许多朋友们再熟悉不过的游戏了,最著名的当属微软出品的《微软扫雷》,甚至可以说它是许多人接触到的第一款游戏,也许这样说玩家们会更有共鸣一些:在你在小学中学电脑课机房……
版式设计入门篇!四个超实用的网页设计构图原则编者按:四个经典构图原则帮你入门版式设计!今天聊一聊常见的几类构图方式:对称平衡、不对称平衡、水平平衡以及垂直平衡,有分析有案例,强烈推荐学习,来感受下。对称平衡如……
未来的热门!WEBAPP与原生APP有哪些交互设计区别?ChMCuoreA:WebApp和原生APP同为移动端,很少有时间研究这两项的交互区别,最近公司做了一次从原生APP到WebApp(HTML5)的移植,故……
来自goodui交互设计思路(一)有那些经典的产品设计原则值得我们借鉴呢?可以看看交互设计的原则有哪些,有些是值得参考和学习的地方。1。尽量使用单列而不是多列布局单列布局能够让对全局有更好的掌控。同……
润物细无声!5个超实用法则帮你精准设计图标一枚优秀的图标,可不仅仅是美丽的视觉效果,在用户体验方面也需要仔细思考打磨。看看作者的指导,或许对正在冥思苦想的你有帮助喔。指导原则图标设计是整个页面视觉设计中一个……
如何使用iMovie和Keynote制作AppPreviewAppPreview是什么?AppPreview就是一段1530秒的短视频,用来展示你的应用的特性、用户界面、交互方式等内容。在AppStore你的应用的详细信息页面里,……
B端产品经理的金字塔能力模型B端产品的能力模型是如何构成的?本篇文章中,笔者梳理了B端产品经理的职业发展历程,并对各个阶段的能力进行了分析总结,与大家分享。工作这几年,时长思考,作为B端产品经理自己……
产品经理需知晓:决策的意义当我们认识到成本和决策以后,对待事物的看法就会发生一些改变,一些难以理解的事,会变的理所应当,一些原本让人沮丧的事,会变得稀松平常。2019年,我婉拒了一些很不错的创业邀……
ToB产品经理,如何突破职业瓶颈?作为成长期的产品经理,要怎样突破职业瓶颈?快速提升自己?最近有人问我说:中哥,作为一个B端产品经理怎么能快速提升业务能力呢?很多初入ToB行业的产品经理,在产品经理……
进大厂必读:搜狐产品经理主观题解析笔试是通往面试的第一把钥匙,韭菜准备了一份往年产品笔试主观题及解析,覆盖阿里、百度、腾讯、字节跳动、美团等大厂,内容会不断连载,想了解的同学一定不要错过!2018V2nb……
想转型产品经理,如何成功通过面试?最近,有不少小伙伴私聊我,问这个问题,为了帮助更多的人,我觉得有必要将我分享的个人感悟,汇集成文,以便大家反复查阅。温馨提示:很多人,受到了“人人都是产品经理”这句话字面……
进大厂必读:网易产品经理主观题解析笔试是通往面试的第一把钥匙,韭菜准备了一份往年产品笔试主观题及解析,覆盖阿里、百度、腾讯、字节跳动、美团等大厂,内容会不断连载,想了解的同学一定不要错过!2016题目三……
3招掌握AI与大数据产品经理的能力产品经理有很多种,双重能力如何掌握?产品经理有很多种,譬如有重业务的B端产品经理,有重增长吸引用户的C端产品经理,还有SaaS,AaaS,IaaS产品经理等等种类,当我们……
B端产品经理与业务方的相爱相恨和对口的业务打交道时B端产品经理的日常核心工作,工作中双方难免会遇到一些争执与问题。如何看待这些问题?本文笔者分别从业务方、产品经理的角度,梳理了各自的槽点和辩驳,一起来看看吧……
产品大佬的“思维模式”应该是怎样的?对于“思维模式”这一充满重要性与玄学的概念来说,如何定义、如何将其转化为真实可感的事物呢?文中,笔者将结合自己的观察与思考,聊聊他眼中的大佬是如何理解这一概念的。什么是思……
为什么你成长这么慢?还不是因为没有经过社会的毒打成长,是每一位产品经理不断思考、不断探索的问题。但讨论成长又是一件困难的事情,思忖再三之下,我决定写下这篇文章,来讨论和陈述我眼中的成长,希望对你能够有所启发和帮助。成长……
产品经理思维转变的3个阶段学习的过程也是不断成长的过程,这之中,除了必备产品知识和技能得到提高以外,我认为最重要的是产品思维的3个转变。今天想从3个阶段经验教训和同行交流学习。我是一个司龄3年的产……
产品经理需要了解的埋点知识为了更加有针对性、科学、客观的对产品优化迭代,产品经理会进行产品埋点,期望通过分析上报的数据来获得某种趋势、特征的信号或者说信息,最后,这些信息被用在产品优化决策上。本篇文章中……