做交互动效交付时，导出路径选错，后面很容易出现两类问题：一类是导出后只剩视频失去交互，另一类是文件太大或编码不合适，播放时出现卡顿。更稳的做法是先明确你要交付的是可交互链接还是录屏文件，再按Principle的导出入口把录制参数和分辨率控制住，同时保留一套排查顺序，卡顿时能快速定位是格式限制还是素材负担。

　　一、Principle交互动效怎么导出

　　导出前先想清楚交付对象是谁，以及对方需要交互还是只看效果。Principle常用导出分两条路：一条是分享为网页可交互版本，另一条是录制成视频或动图用于演示和上传平台。

　　1、先选导出目标并确定是否保留交互

　　需要对方点按体验流程时，优先走分享为网页的方式；只需要展示动效节奏或做汇报素材时，再走录制导出视频或动图的方式。

　　2、需要可交互链接时用Share to Web

　　点击【File】→【Export】→【Share to Web】生成链接后再转发给同事或客户，适合跨平台查看，也更容易保持字体和页面呈现一致。

　　3、需要离线交互文件时用Standalone Viewer导出

　　如果你的交付场景不方便用链接，可以在导出菜单里选择【Export Standalone Viewer】导出独立查看文件，适合内网环境或需要打包给对方保存的情况。

　　4、需要录制成视频或动图时从预览窗口开始录制

　　打开预览窗口后，点击右上角【Camera】图标开始录制，图标闪烁表示录制已开始，然后按你的交互路径去点按演示，完成后再次点击【Camera】停止录制并进入导出对话框。

　　5、在导出对话框里把格式与分辨率一次选对

　　在导出对话框里选择导出格式，设置Cursor样式与分辨率，分辨率越高文件越大，建议先按目标平台需要选到合适尺寸再导出，避免导出后再二次压缩导致画质和流畅度一起变差。

　　6、需要带声音时再开启音频导出

　　当你原型里包含音频并希望视频里也带声音，在视频导出对话框里开启Export Audio再导出，避免你以为导出了声音但文件里实际没有。

　　二、Principle交互动效导出后播放卡顿怎么优化

　　导出后播放卡顿，最常见原因不是动效做得复杂，而是导出格式不适合长时高分辨率内容，或者素材体积过大让播放端解码吃力。优化时优先从格式选择和输出尺寸下手，再回到源文件控制素材体积，最后再考虑版本更新带来的导出性能改进。

　　1、优先导出视频而不是动图

　　如果你现在导出的是Gif，先改为导出视频再对比播放流畅度，因为Principle官方就明确建议优先导出视频，通常体积更小且画质更稳定，播放端也更容易顺畅解码。

　　2、动图必须用时先把导出尺寸压下来

　　导出Gif时不要直接用录制的原始尺寸，先在尺寸输入里用百分比或宽高限制做缩放，例如输入45百分号做整体缩放，或输入320w锁定宽度输出，让文件大小先降到播放端容易承受的区间。

　　3、控制Gif的颜色和渐变复杂度

　　Gif只支持有限颜色并且压缩能力弱，颜色和渐变越复杂越容易变大，也更容易出现观感抖动或色带，想要更顺畅就尽量减少大面积渐变和细碎纹理，把画面复杂度降下来。

　　4、把录制内容做短做轻避免长片段硬导出

　　Gif本身不擅长承载长时高分辨率内容，几秒钟的短动效更适合，录制时把演示路径收敛到关键动作，减少无效停留和重复操作，导出的文件更容易在各类播放器里流畅播放。

　　5、源文件里视频音频素材尽量用短资源

　　Principle会把素材拷入文件，素材越长越大，不仅影响文件体积，也会影响连接设备预览和整体速度；你可以先把视频和音频剪短后再替换回原型，再重新录制导出，卡顿往往会明显缓解。

　　6、升级到较新版本再导出避免踩已修复的性能问题

　　如果你的原型里包含较多视频层或你使用的是分享与导出相关功能，建议检查更新记录里与导出性能和播放卡顿相关的修复项，升级后再导出复测，避免问题其实已在新版本修掉但你一直在旧版本里重复踩坑。

　　三、Principle交互动效导出后播放卡顿先查哪里

　　这一步只做一件事：用最少动作把卡顿归因到格式限制还是原型负担，避免你在参数里盲调半天没有结论。

　　1、先做同条件对比导出把问题归类

　　用同一段录制内容分别导出Video和Gif，分辨率保持一致后播放对比，如果Video明显顺而Gif卡，优先按Gif尺寸与画面复杂度去优化；如果两者都卡，优先怀疑源素材体积或录制分辨率过高。

　　2、把导出尺寸下调一档验证是否是解码压力

　　回到导出对话框把分辨率降低一档，或在Gif尺寸里用百分比缩放后重导出，如果卡顿随尺寸下降明显改善，说明瓶颈主要在播放端解码与文件体积，而不是动效曲线本身。

　　3、检查原型是否包含过长视频音频并先减重再复测

　　回到素材层把长视频长音频替换为更短版本，再重新录制导出，如果流畅度明显提升，说明卡顿主要来自素材负担，这时再去微调导出参数才更有效。

　　4、确认你导出的交付形式是否选错

　　如果你想交付可交互体验却导出成了视频或Gif，播放端当然只能看不能交互，还可能因为大文件播放不顺而误以为是交互动效卡顿；这类情况直接改走【File】→【Export】→【Share to Web】通常更符合交付目标。

　　总结

　　Principle交互动效导出先选对交付形态，可交互用【File】→【Export】→【Share to Web】，演示素材用预览窗口【Camera】录制导出并在对话框里控制分辨率。导出后播放卡顿时，先优先改导出视频并下调输出尺寸，Gif必须用再通过缩放尺寸和降低画面复杂度减重，同时把源文件里的视频音频素材做短做轻，再结合版本更新的导出与播放修复做复测，通常能把卡顿问题压到可用范围内。