本是官方的设计原则指南，只是一篇填坑的章，从整个短视频的设流程中逐填坑。填坑的初始意愿了让交互设师可以速理解产品需求，同时判断需求的合理性，以及实的可行性，尽完善设方案各细节，将后续调整需求方案的可能性幅降低（这一好的愿望）。
章按照短视频应的各个模来进行单独解析，重点在拍摄流程，主竞品参考抖音、手、faceu、VUI 。
一、通用架构
直接图话：
△ 短视频功能架构 持续新中
二、拍摄流程
拍摄、编辑、发布流程短视频的核功能模块，因此拿出三部分详细解读。拍摄流程的设中，主考虑的几素包括：拍摄入口、拍摄准备页面、拍摄页面、暂停页面、预览页面。
1. 拍摄入口
位
需要按照页来区分，般来说优先出现在播放页/首页底导航，目前以抖音为主品，进入应用后用户可主要看到是视频播放内容，底导航显示主要功能入口，其摄入口位于底导航突出位，便于注意力快速定位发现并击调起。
或者如手一样相对「传统」的方式，拍摄入口标题栏左右两侧，首页瀑布流展示留出空间。
△ 拍摄入口样式
次聚合页面或者瀑布流页面，一般复层按钮形式展示，弱展示位置在顶标题栏中，都要求可驻显示，同时干扰户浏览体验。
其余一类就是一空页面中，：收藏、草稿箱、个人主页等，需要刺激用户拍摄视频内容，时需要空页面中常驻露出拍摄口，用户无需跳出页面即点击拍摄，缩短操路径。
样式
a. 常驻
首页位置中的入一底导航或者顶部标题栏于同一域，因此以常驻为主，有利于用户快速进入拍摄流程。
b. 浏览支持隐藏
次一级的聚合页面，包括话题、活动聚合页，或者素聚合页页面，该类页面中主以展示当话题或素下的用户视频主，主以瀑布流形式展示，露出拍摄入口主目的于缩短用户操作径，因此优先级对比之下，用户滑动浏览瀑布流内时，拍摄入口可暂时隐藏。
2. 拍摄页面
拍摄页面即拍摄过程中页面，此时的场景用户举起手机对自己或者面的场景行视频内的录制。拍摄录制过程中，设备基本处于自主运行阶段，拍摄结束，用户几乎不会页面产交互行。
因此，该页面的设计要点在于核心元素的展示样式。何谓核心元素？拍摄进相元素，即进条、暂停按钮、成按钮。
进条
一方面，在拍摄过程中，进条够承载拍摄时长数值，实时告知户拍摄进；另一方面，进条的速率给户传达整的拍摄时长的信息，户在拍摄过程中有一定的心预期。
形式上，进度条主要包含形和弧形两种。
a. 线性进度条
线形进度条呈现在页顶部或者底部，相比于弧形进度条，线形进度条两端可显示实时摄时长和体结束时长，数显示可常驻或者随进度条实时移动。
线形度条拍摄按钮分的，这时候拍摄按钮变暂停按钮呈页面，所以这时候暂停按钮可以呈闪动或者呼吸动效，给用户传达一种拍摄的状态信息。
b. 弧形进条
弧形进度条一般是出现在按钮位置，从拍摄准备页面到拍摄页面，用户注意力的焦点始终落点在此处，视连贯；但是另一方面，由进度条与暂停按钮共用同一区域，直观上此时暂停按钮上无法增加更动效形式。
在息传达效果上，孤形进度条无法承载过多数字息。而且相比于线性进度条，用户无法容易地将弧形长度间长度建立起对应关系，所以弧形进度条上干脆少放置体的数字息，而是显示节点即可。需要行露出拍摄长息，建议放在用户视线便于触达的页面顶部，或者按钮下方即可，没有制限制。
△ 线性进度条&弧形进度条
可能有些设计师会疑惑，弧形位完全可以展示实时信息，为什么不将信息显示在这里呢？
其实明白这问题也很简单，主还依赖于功能，这置另一主功能暂停，显示数字信息，势必会影响用户对该置交互操作的可能性。强行置的话，对用户的教育本会很高，得不偿失。
从通性上分析，当拍摄行为是长按拍摄时，户的拇指始终遮挡中央位置，视线根本无法触及。
暂停
当前的视频拍摄功发展至此，及微信、快手、秒拍、小咖秀等产对户拍摄行为的培养，分拍摄视频已然变成短视频拍摄的标配。根据两种拍摄方式——长按、点击拍摄行为的同，暂停按钮可分为显性和隐性两种。
显的拍摄按钮，即页面上有明确的暂停意味的 icon 出现，种按钮与点击拍摄互行为相对应，点击拍摄按钮与暂停按钮对应出现。用户拍摄程中是不接触屏幕的，只是在点击暂停时需要触按钮的互行为。
隐性拍摄按钮，长按拍摄行为相对应，页面上只出现点击拍摄按钮，不会出现显的暂停按钮 icon，用户的行为直对应拍摄过程中的暂停操作。
△ 暂停按钮式
完成
拍摄完成按钮，指用户拍摄行为结束后，进入下一编辑流程的触点，有文案为「下一步」，式可以为「文案+按钮」式或直使用通用的 icon 表示，如√或者→。
完成按钮般在暂过程，到品最短摄时长时出现（ps：考虑到视频内容质量问题，品往往需要设个最短摄时长，未到这个界限时，法生出视频，此时完成按钮隐藏或者为灰不支持击），用户需要手动击进入下级页。
完按钮的设置严格的限制，一般的设习惯，「文案+按钮」样式合顶部标题栏置出（系统操作置，按钮宽度所占横向空间），纯icon 样式合底部拍摄操作区出（主功能操作区域，icon 所占空间小）。如果非总结一种设原则，那么就就近原则的实用性强。
a. 长按拍摄行为，户要是单手拇指拍摄，松手后，要还是拇指操作，因此按钮放置在右角的拇指热区即可。
b. 点击拍摄，用户的拍摄行为以是单手拍摄 – 单手拇指点击暂停，或者单手拍摄 – 食指点击暂停，种行为有很高的操频率，完成按钮放在右下角或者右上角均，页面整持操一致即。
△ 完成/下一步按钮
第一篇文章先写这，内容持续更新中。欢迎留言讨论。
欢迎关注作者微信公众号：「胖喵交互设计」
图片素材作者：Mete Eraydın
浙公网安备33011002017549号