短视频拍摄过程

文章稍长，不是官方设计原则指南，而是从短视频的整个设计过程中一个接一个地填坑的一篇文章。填坑的初衷是让交互设计师快速了解产品需求，判断需求的合理性和实施的可行性，尽可能完善设计方案的每一个细节，大大降低需求方案后续调整的可能性(这是一个美好的愿望)。

文案根据短视频中应用的不同模块分别进行分析，重点放在拍摄过程上。主要参赛作品有抖音、快手、费祖、VUI等。

1。通用框架

直接在上面说:

(短视频功能框架正在不断更新)

2。拍摄过程

拍摄、编辑和发布过程是视频的核心功能模块，所以拿出三个部分来详细解释。在拍摄过程的设计中，考虑的主要因素包括:拍摄入口、拍摄准备页面、拍摄页面、暂停页面和预览页面。

2.1拍摄入口

(1)位置

需要根据页面进行区分。一般来说，最好出现在播放页面/主页的底部导航中。目前，抖音是主要产品。应用进入后，用户可以主要看到视频播放内容。底部导航显示主功能入口，其中拍摄入口位于底部导航中间的突出位置，便于注意快速定位、查找和点击调整。

或者以一种相对“传统”的方式，像快手一样，射击入口位于标题栏的左右两侧，首页为瀑布的展示留出了空间。

(拍摄入口风格)

其次，聚合页面或瀑布页面通常以底部多层按钮的形式显示，弱化的显示位置在顶部标题栏，这需要永久显示而不干扰用户的浏览体验。

另一类是一些空页面，如收藏、草稿栏、个人主页等。这需要刺激用户拍摄视频内容。在这种情况下，拍摄入口需要永久暴露在空白页面中，用户可以点击拍摄而不跳出页面来缩短操作路径。

(2)样式

A .常驻

主页中的条目通常与底部导航或顶部标题栏位于同一区域，因此常驻是主要功能，这有利于用户快速进入轻拍过程。

b .隐藏

二级聚合页面支持浏览，包括主题、活动聚合页面或材料聚合页面。在这些页面中，当前主题或材料下的用户视频主要以瀑布的形式显示。暴露拍摄入口的主要目的是缩短用户操作路径。因此，在优先级比较下，当用户滑动以浏览瀑布流内容时，拍摄入口可以暂时隐藏。

2.2拍摄页面

拍摄页面是指拍摄过程中的页面。此时的场景是用户拿着他的手机为自己或他面前的场景录制视频内容。在拍摄和录制过程中，设备基本处于自主运行阶段。在拍摄完成之前，用户很难在页面上产生互动行为。

因此，该页面的关键设计点在于核心元素的呈现风格。核心元素是什么？拍摄进度相关元素，即进度条、暂停按钮和完成按钮。

(1)进度条

拍摄过程中，进度条可以承载拍摄持续时间值，并实时通知用户拍摄进度；另一方面，进度条的移动速度也可以向用户传达完整的拍摄持续时间信息，允许用户在拍摄过程中有一定的心理预期。

形式上，进度条主要包括两种类型:线性和弧形。

a .线性进度条

线性进度条出现在页面的顶部或底部。与弧形进度条相比，直线进度条的两端可以显示实时拍摄持续时间和整体结束持续时间，而数字显示器可以通过进度条实时驻留或移动。

线性进度条和拍摄按钮是分开的。此时，拍摄按钮变成显示在页面上的暂停按钮，因此暂停按钮此时可以呈现闪烁或呼吸运动效果，以传达状态信息

就信息传输的效果而言，单独的进度条不能携带太多的数字信息。此外，与线性进度条相比，用户不能容易地建立弧长和时间长度之间的对应关系，因此弧长进度条简单地显示节点而不是阻止特定的数字信息。当有必要强制显示拍摄持续时间信息时，建议将其放在用户视线容易到达的页面顶部，或按钮正下方。没有强制性限制。

(线性进度条弧形进度条)

有些设计师可能会想，弧形中心可以显示实时信息，为什么不在这里显示信息呢？

实际上，理解这个问题很简单，这主要取决于功能定位。这个位置的另一个主要功能是暂停和显示数字信息，这将不可避免地影响用户在这个位置上交互操作的可能性。强行放置，用户的早期教育成本会很高，不值得花费。

从通用性的角度来看，当拍摄行为是长按拍摄时，用户的拇指总是挡住中心位置，视线根本无法触及。

(2)暂停

目前的视频拍摄功能已经发展到这一步，微信、快手、秒针、小考秀等产品培养了用户的拍摄行为。分段视频拍摄已经成为短视频拍摄的标准。根据两种拍摄模式的长按和点击拍摄行为的不同，暂停按钮可以分为显式和隐式类型——。

显式拍摄按钮，即页面上出现具有明确暂停含义的图标。该按钮对应点击拍摄的交互行为，点击拍摄按钮对应暂停按钮。用户在拍摄过程中不触摸屏幕，只需点击暂停按钮即可触发交互行为。

隐藏拍摄按钮，对应长期拍摄行为，页面上只出现点击拍摄按钮，不出现明星暂停按钮图标。用户的释放行为直接对应于拍摄期间的暂停操作。

(pause button style)

(3)finish

shooting completion button是指用户的拍摄行为完成后，编辑过程在下一级进入的接触点。有时副本是“下一个”。样式可以是“复制按钮”,也可以用普通图标直接表示，如or →。

完成按钮通常只在暂停过程并达到产品的最短拍摄时间时出现(ps:考虑到视频内容的质量问题，产品通常需要设置最短的拍摄时间。如果未达到该限制，则无法制作视频，并且完成按钮被隐藏或不支持点击变灰)。用户需要手动点击进入下一级页面。

完成按钮的设置没有严格限制。一般设计习惯是“复制按钮”样式更适合出现在顶部标题栏(系统操作位置，按钮的宽度占据大量水平空间)，纯图标样式适合出现在底部拍摄操作区域(主功能操作区域，图标占据少量空间)。如果有必要总结一个设计原则，那么邻近原则是最实用的。

a .长按射击行为，用户主要用单手和拇指射击。释放后，用户主要用拇指操作，因为按钮位于右下角的拇指热区。

b .点击拍摄(Click to shoot)，用户的拍摄行为可以是单手拍摄——单手拇指点击暂停，或者单手拍摄——食指点击暂停，都有很高的操作频率，完成按钮可以放在右下角或者右上角，页面的整体操作可以保持一致。