确保网页设计对视频友好的 5 个技巧

  确保网页设计对视频友好的 5 个技巧

  如今,视频在网站中的使用频率越来越高,有时作为内容甚至作为背景。虽然在参与方面使用视频的好处是不可否认的,但重要的是要记住,视频是您的整体设计应该考虑的独特元素类型。

  简而言之,您将希望确保您的网页设计对视频友好,以便您能够尽可能有效地利用视频的潜在好处。如果您想实现这一目标,这些提示将帮助您走上正轨:

  确保您的视频内容放置在显眼位置

  如果您将视频作为内容的一部分,可以肯定地说它是关注的焦点。因此,您会希望它在您的网页设计中占据显着位置,以便访问者立即关注它,通常这意味着将其放在标题的正下方。最重要的是,您还应该注意设计本身的视觉层次结构,以确保您的视频不会与其他可能分散观众注意力并削弱其有效性的元素竞争注意力。

  在视频和其他元素之间保留一些空白

  如上所述,您将希望确保您的视频不必与其他设计元素竞争以获得关注——因此视觉层次结构很重要。同样重要的是您的视频和其他元素之间的空白量,以便区分它并将其分开。虽然所需的空白空间的确切数量是主观的,但视频边界的空白越多,它就会显得越突出。

  为移动设备设计

  可以肯定的是,您的大部分受众将由屏幕较小的移动设备上的用户组成——您的网页设计应该适应这一点。使用响应式设计确保您的网站布局和元素针对移动设备自行调整,同时仍将您的视频置于显眼位置。此外,视频元素本身应该是响应式的,以便它在较小的屏幕上正确显示,并可能相应地调整其分辨率。

video-1606945_960_720-640x427.png

  使用“点击播放”而不是“自动播放”

  虽然有些网站确实使用“自动播放”来在网站加载时自动播放视频——但这是一个冒险的提议。在许多情况下,自动播放视频会惹恼访问者,他们甚至可能离开而不是观看。与其抓住这个机会,不如利用“点击播放”方法是一个更可取的选择,它还具有减少加载时间的额外好处。

  仅在合适时使用视频背景

  最近视频背景变得越来越流行,但请记住,它们只能在某些情况下使用。因为视频背景会增加加载时间并使网站看起来更繁忙,所以它们应该只在能够突出它的情况下被纳入设计中。根据经验,如果您想要突出某些特定元素,最好避免使用视频背景。

  根据这些提示,您应该对可以采取的步骤有一个很好的了解,以确保您的网页设计对视频更加友好。在大多数情况下,这是一个调整您的网站设计的问题,尽管有时您可能还想编辑视频或优化它以帮助改善某些方面(即加载时间或突出度)。

  自然,设计本质上是主观的,因此没有需要遵守的硬性规定。事实上,你绝对应该尽可能地发挥创意,尝试不同类型的网页设计,同时牢记上面列出的提示,这样你就可以确保它对视频友好。

发表评论 取消回复

很抱歉,您暂时无法发布评论。需要 登录 后才能发布。

发发自学网

发发自学网是一个记录生活随笔日志、分享实用技术文章的学习博客!