你是会员吗?寄存器登录

如何将文本添加到视频在线:7个提示和技巧

无论你在网页设计中看到什么地方,英雄形象似乎都被英雄视频所取代。这些视频中有很多都包含了一些文本元素,以提供额外的信息,将您吸引到设计中。

如果做对,结果可能是相当惊人的。如果做了错事,视频和文本元素功亏一篑传达正确的信息。

在这里,我们要看看如何确保您的视频和文字的组合是可以理解的,可读性和功能在你的下一个设计项目。

让我们深入到我们如何在网上的文字添加到视频评估和规则,你的目标应该遵循这样做!

终极设计师工具包:200多万资产

Envato Elements允许您无限访问200多万个pro设计资源、主题、模板、照片、图形等。在设计资源工具包中需要的一切。雷竞技ios

探索设计资源

想想对比度

视频设计文本

不管你如何看待它,相反是首要考虑因素相结合的设计,视频和文本元素时。没有什么比在视频的顶部看到的话,不能够读取他们差;相比之下确保可读性。

对于对比度的主要焦点是保持文字和背景视频之间的分离。最棘手的部分是与运动图像,画布的明暗区域可能会发生变化,你需要意识到了这一点,当规划如何以及在哪里发生的类型。

与任何其他元素对,你想有一个深色和浅色层,以确保您可以看到一个又另一个。你可能会从视频的取景和构图自然得到这个或者你可能有帮助它连同其他一些设计技术,我们将看看在未来的几个小技巧。

不管你怎么做,如果你看不懂文字,视频上的文字就不能作为设计元素发挥作用。适当的对比度有助于确保可读性。

使用大类型

视频设计文本

更大,更笨重的文字可以更容易阅读和更加突出的运动图像比薄或较小的字体。

您可以在几个方面做到这一点:

  • 使用超大的字体
  • 使用宽笔划宽度的字体
  • 使用阴影,使字体似乎更大

虽然大的文本可能是好的,是比较容易理解的,有大和可读性,而且完全是大之间的细线。这是一个有点主观判断的。但是,如果它的费用太大,后退大小只是有点。

调整视频速度

视频设计文本

如果文字是很难读对视频的背景下,改变视频的速度可以完全改变的观点。

通常,如果可读性是问题,减慢视频可以缓解认知负荷,使所有的信息更容易消化的同时。(有时一个超级活泼视频 - 如此之快,你不需要思考的动作,只需要注意运动 - 可有同样的效果)

更改视频的速度也可以让它持续更长的时间在屏幕上,使得它更容易找到用大量对比的想法文字位置。

当你考虑这个框架时,它会看起来很像你使用照片时的样子。考虑到作物和文本放置的三分之一规则,以吸引人们注意正确的内容元素。

考虑一个覆盖

视频设计文本

通常,没有办法在视频剪辑的持续时间内获得足够的对比度来确保单色文本覆盖的可读性。

这是一个颜色叠加的用武之地。

使用半透明的颜色层放大视频和文本元素之间的对比度。虽然几乎每个人都有使用深色或黑色覆盖的直觉反应,但几乎任何颜色都可以工作。(注意上面示例中的漂亮的软覆盖。)

将文本放入框中

视频设计文本

当文本的元素也颇为自身抵挡视频的背景下,可以考虑把它的彩色盒子里获得你所需要的对比度。

有几个方法可以做到这一点:

  • 盒装文本元素(如上面的示例)
  • 在文本后面使用荧光笔样式框
  • 在视频使用的盒子有半透明元素与顶部的文字层

每个选项都可以同样有效,并且运作良好。选择一个你的设计方案的其他部分相匹配。

编辑视频时考虑的文本

视频设计文本

正如你如何编辑视频的内容和持续时间很重要,是取景和编辑以这样的方式,可以包括它的文本元素,如果这是你的设计计划的一部分视频。

从过程的开始考虑到这一点可以从视频是如何拍摄到编辑的颜色和裁剪影响一切。

对于任何项目,考虑甚至从规划阶段大画面的设计可以帮助一切都构成了较完整的,放在一起的方式。

与层板设计

视频设计文本

对设计元素使用层是一个非常实用的工具,包括处理文本和视频。

对于使用元素层设计的元素,考虑如何将它们分隔开,以便每个层都有一个标识,并且可以单独阅读,并与其他层协同阅读,会容易一些。

上面的例子做了很好的工作与此有关。主标题显然是在背景层中的视频播放卷轴前景。这一切都坐在这对整个项目的框架黑色挺背层上。

什么是更令人印象深刻的是这里有在前面的文字层和背景视频层(这是一个叠加的背后)的部分地区也有一个文本元素。这是一个相当复杂的设置导致一个完全可设计层。

结论

文本叠加在视频上不仅仅是创造一个有趣的视觉效果,对于网站的设计也是可以帮助增加参与度的。文本元素与视频搭配可以优化访问范围,增加点击率,降低弹跳率,鼓励分享,并协同工作,使您的行动呼吁更具影响力。

当设计一个主页英雄,特别是视频,文本元素可以增加视觉的深度意义。这使网站访问者有更好的机会阅读、理解和知道接下来该如何处理内容。

把视频上的文字当作额外的资源,帮助更多的人了解你的内容。