浸入式的经历可以使人们集中精力于眼前的目标，全神贯注地投入其中，感受到快乐和满足，而忽视了时间的流逝。而在界面上，更多的是专注于内容，而不会有任何的干扰。创意设计的研究和实践都是针对视频中的视频进行了细致的设计，使其在不同的屏幕上显示出来，从而为用户带来更加丰富的视频体验。

百度 APP是怎样实现沉浸式视频设计的？

当然，视频才是最重要的，也是他们的突破口。

最大屏幕视场：调整视频图像的尺寸，减少“留白”，使用户对视频的焦点更加集中，并能更好地集中观看。

最佳视角：将不同高度的视频按照页面的结构进行排列，避免了状态栏和底部的 Bar，这样可以让屏幕更加清晰，降低了元素的杂乱无章，而且整个屏幕的角度也比较高，视野也比较开阔。

观看体验：在观看视频的时候，不会打扰，在查看评论、退出播放器等动作时，保持画面的连贯性，便于用户进行更多的操作。

一、将视频的视角最大化

1.剪辑视频图像

随着时间的推移，为了提高用户的使用体验，智能手机的种类越来越多，屏幕的更新速度也越来越快，种类也越来越丰富。手机是视频的主要生产厂商，屏幕的大小决定了产品的大小，用户可以根据自己的需求来调整自己的大小。根据不完全的数据，创意设计视频平台上有22万多个大小的视频，300多个不同的用户，在不同的视频大小和不同的媒体呈现方式下，需要更好的剪辑和呈现方式。

我们要做到的，是把不可控制的视频资源和不可控制的视频设备，使其在可视化的同时，达到最佳的显示效果。降低外界的干扰，让使用者沉浸于其中的感觉。

当屏幕宽度达到一定程度后，屏幕大小可以分成四种：

1)画面高度>屏幕高度

当屏幕的宽度被填满后，整个视频都是在中间的，中间是多余的。

注意：不能使画面的高度超过屏幕，调整宽度会造成画面的两边都有黑色。

2)视讯高度=移动电话屏幕高

画面位于屏幕中央，正好将整个画面占满，无需任何剪辑。

3)1:1的屏幕高度

这种尺寸比较复杂，处理起来比较困难，所以把有限的裁切区域与展示的位置结合起来，以确保裁切区域和位置的控制。将视频平台的资源大小与业务对象相结合，确定最佳显示效果，反向定义最大剪切区域，通过反复的显示位置，判断放大后的视频是否与预定的剪裁区域一致，最后决定目前的视频如何呈现。同时，还支持针对不同的视频服务进行个性化定制，并对区域进行了云端控制，根据客户需求的不同，可以自由调节显示效果，也可以在两个终端上设置数值；横向协作和迭代费非常低廉，可以方便地进行在线验证。

4)横向影像（高宽比<1:1）

横屏视频占据了手机屏幕的一部分，可识别性和完整性都有所欠缺，但稍微放大了一下，就能看得更清楚、更有冲击力了。在不影响用户对视频内容的理解的情况下，将视频的大小和视频的特性进行适当的调整。

为了防止剪辑规则限制了视频中的关键字，百度利用 AI技术的强大优势，将文本识别技术和可视化规则结合在一起，提高了视频的可控性，并在最小程度上减少了图像的丢失，从而实现了图像的完美融合。

左右文字的剪裁状态：文字的左右两边分别设定了一个安全的间距，确保了画面中的安全距离。当安全区超过画面时，根据以上所述的剪切规则（从全屏到未切边的范围），直到文字不再被剪切为止。极端情形下，将镜头退回到最后一档，不进行剪辑。

横向资源文本的左右被裁切：按一定的大小退档

上下文字的剪裁状态：文字上下均设定安全间距，确保画面中的安全距离。当安全区超过屏幕时，根据上面的剪辑规则，在全屏到非切边的范围内进行退档，这种情况仅从全屏一档到二档。

裁剪面积、展示比例、文字安全距离等信息，都可以通过云端控制，灵活地分配到不同的服务中，既能保证裁剪规则的一致性，也能根据不同的业务，迅速调整和支持在线试验，以检验自己的产品。

2.全屏幕的智能化

除了将屏幕切成两半，还可以让使用者根据自己的喜好，将自己的视角扩大到最大。相比于屏幕上的预设，屏幕的比例要高得多，屏幕也要大得多。打开方式：面板上的功能按键打开智能全屏幕，加上方便的互动打开手势，使用者可以用两根手指放大迅速打开。

因为全屏幕都是使用者的主动操作放大动作，可以接受被裁的文字内容，但是也要适当的放大，以免造成画面剪辑太多，不会造成视觉上的不良影响。为了让屏幕上95%的资源都被填满，最好的视觉效果就是最好的。同时，根据自己的业务，将创意产品设计视频资源分成3个类别，以进行不同的效果处理：

可持续放大到全屏幕，显示全屏幕。

如果不能将视频继续放大，会对视频的整体和观感造成很大的影响，那么就按照上面所说的，不需要再进行任何修改。

横向视频被统一放大到一个固定的大小，可以按照自己的商业资源来定义。

二、最佳视野视野

通过合理的布局和舒适的画面布局，可以提高用户在浏览时的沉浸感。人的视觉中心通常都在身体的中央，所以我们把视频放到了屏幕的正上方，这样可以让使用者的视线更舒服，这也是我们在第一时间看到的。同时，将视频放在网页上方，可以降低标题和其他内容的干扰。

垂直和横向两种视频按照页面效果确定了最佳的显示位置，以实现对视频资源的精细处理。

垂直视频：1:1以上的视频，根据网页的结构进行布局，避开状态栏、顶底的 Bar，这样可以避免因为网页结构的冲突而造成的不和谐，降低了屏幕的不协调，提高了观看体验。

横向视频：一段长度小于1:1的视频，显示在较高的地方，根据屏幕的大小，可以根据不同的角度进行调整。

三、持续观看体验

1.窗口挤压

在不干扰用户的视频浏览的前提下，构建视窗挤压式互动体验，以提高观看视频的相对沉浸感，以满足用户在不同场景中的多视角获取信息。在观看视频时，屏幕会弹出一块屏幕，将视频内容遮蔽，使观众在浏览评论的时候不能看到。对于那些喜欢看短视频的人，对于那些喜欢观看评论和观看视频的人来说，这是一个很大的挑战。利用窗口上的滚动挤压特性，在浏览时不会中断视频内容，减弱了面板内容对使用者的影响。

由于屏幕的高度是固定的，屏幕宽度比越低，屏幕的内容就越少，这样就会影响用户的阅读体验，因此，垂直屏幕会限制屏幕的大小，限制屏幕的显示比例，增加屏幕的可视性，确保观看的舒适性。

2.悬挂式小窗口

同时，在不影响用户观看视频的前提下，建立了一个悬浮窗口互动体验，为用户提供完美、高质量的视频消费体验。当使用者做其他动作时，仍然可以在后台继续播放，并且可以在屏幕的一角看到一个缩略的视窗，可以在任意的网页上看到，并且我们还保留了一些基本的视频操作。通过持续的观看体验，用户可以完全控制视频，提高用户的使用体验。

在结尾处写下

沉浸式体验是为了帮助使用者降低屏幕上的分心，让使用者将注意力集中在目前的视频上，而不去理会时间的流逝。我们可以通过扩大屏幕的视角，增加画面的冲击力，来降低手机屏幕的分辨率，同时也解决了在手机屏幕分辨率很高、分辨率很高的情况下，保持画面的稳定性和可控性。同时，利用视窗挤压、悬浮小窗互动体验集中在目前的视讯不受干扰，进一步提高了观看和沉浸的视讯体验。今后，我们还会继续探索提高视频场景沉浸度的方法，让用户在观看和使用中得到更好的享受。