#125:单视频页面 Photoshop

在这个屏幕录制中,我们深入探讨了另一个非常重要的页面设计。这是一个我从一开始就非常期待设计的页面,因为它是一个在之前的设计中服务不足的页面。在这个新设计中,我们将从头开始,设计出更适合内容的东西。

首要任务是让页面上的实际视频尽可能地大。我认为如果视频在屏幕上的尺寸比 YouTube 上更大,那就太棒了。我喜欢看很大的视频,但我并不总是喜欢全屏 - 它会隐藏整个屏幕。

那么问题就变成了视频标题应该放在哪里。我们已经有了网站页眉、视频页眉和黑色栏子导航。如果我们还包含一个标题(以及可能的描述和元数据),那么这个全宽度视频就会被推到页面很靠下的地方。这个页面**完全是关于**视频的,所以我们把视频放在其他信息之上。幸运的是,我们可以使用黑色栏来显示视频标题,因此用户不会迷失在他们正在观看的内容或他们在网站层次结构中的位置。

我们还使用黑色栏导航提供一个在 iTunes 上订阅的链接 - 这是在网站上任何其他地方都比在这个页面上更相关的链接。这正是内容模板的自定义方式,可以让网站更具吸引力。

在视频下方,我们可以构建一个网格,它看起来基本上就像博客文章、片段、年鉴条目或任何其他东西。内容和评论在左侧的 2/3,而侧边栏内容在右侧的 1/3。