YouTube 改版体现了“移动优先”设计的权威

HTS Title Arts

YouTube 历时数月的实验室改版,终于在上周正式推送给所有用户 ,过去几个月间测试的桌面端和移动端改进,可以纳入 YouTube 创立 12 年来最大的变革行列。

这样说的理由是新版 Logo 的启用。自从 YouTube 诞生以来,它的标志一直没有经过大幅的变动,这是目前为止最大幅度的改变。本次改版其他内容主要是桌面端符合 Material Design 设计语言,加入深色背景的夜间模式,移动端只有小幅更新。

不出我们所料,谷歌说这个标志的最新变动,是为了适应在不同屏幕上面显示的缩放效果。以前的文字为主体的标志,在小屏幕上会看不清楚。

经过本次修改,YouTube 标志分为图标和文字两个分离的部分,图标可以单独在更小的屏幕,或者是浏览器收藏夹图标上使用,一样可以让用户分辨清楚。

为小尺寸和低分辨率设计是适应数码时代的一个基本准则。因为 YouTube 一直没有针对缩小的图标设计官方版显示方案,有做系统界面美化的设计师,自行的将图标进行了修改,比如将 You 和 Tube 拆开上下排列,但这样的图标还是会在缩小后糊成一片。

最早揭示这一设计趋势,并广为人知的应该是 90 年代末的 BBC 标志系统设计。三个简单的正方形当中分别嵌入优雅的 Gill Sans 字体显示的“B”“B”“C”字母,被国内部分网民戏称为“我用画图都能做出来”的图标,整个项目花了 180 万美金。

然而在当年就能认识到数码设备可能会导致低分辨率显示问题,并让图标灵活富有延展性,充分说明这个设计值这个价。

与此同时,桌面网页版的新设计,或者不如讲整个 Material Design 设计语言本身,也体现出了强烈的优先照顾移动设备的特征。响应式设计自然是应有之义,按钮以及文字显示的大量留白,无疑是适应了触屏,特别是小屏幕触屏的使用。

甚至于就连夜间模式本身,也是一种针对移动设备的臣服。如果在桌面版设备上,因为多数都是白背景的界面,更好的方案是使用屏幕偏黄光的夜灯模式,而不是整体界面都变成黑底白字。在所有光源都取消,且屏幕尺寸不大的情况下,手持设备用黑底白字的界面同时降低亮度,才会让眼睛更舒服。

Material Design 体现出“桌面版是移动版的从属”这一设计思想,也就是对应了微软现任 CEO 纳德拉喊出来的口号——“移动优先”。对这句话的最通俗的解释就是:以前,手机版是“缩小了的桌面网页”,而现在桌面版是“放大了的手机 App”。

手机版相对的变化没那么大,但值得提到的一点是,现在可以不仅根据屏幕方向,更对应视频本身画幅的横向或者纵向,来调节播放进度控制条所在的位置。

例如,视频在拍摄时手机是竖着拿的,此时在横屏播放,画面就会蜷缩到中间一小条。而在手机端把播放界面竖起来,糟糕了,画面变得更小了。现在就不会出现这个问题,竖屏下竖着拍摄的视频会占满整个屏幕。

Snapchat 在推动这样的变化过程中起了巨大的作用,它刻意的倡导使用竖屏,已经让它的年轻人用户群与其他的视频网站及社交媒体明显的区别开来。这也是 YouTube 为了与其竞争而想出的办法,如此便可以更多保住 MCN 播主在平台的活跃度。

仅从设计角度来说,几年前“移动优先”体现为微软的 Metro 设计语言的时候,还不被多数人理解,它跟微软很多其他项目一样都超前于时代。

当时人们觉得桌面版和移动版隔离的设计才是他们习惯的;移动版受限于流量必须简单粗糙,桌面版则极尽华丽之能事。但现在“移动优先”几乎成为一句“正确的废话”,因为它变成了几乎所有硅谷主流企业的常识。

今后,我们可能会在更多的国内外 App 看到实践“移动优先”的案例,甚至不仅在设计上——也会有更多首先推出手机客户端,甚至一开始连网站都没有的产品。不过它们若有机会做大,还是会继续做网页版的;只不过那是为了方便更多不想下 App 的手机用户,而让 PC 浏览器能访问到仅仅是无心插柳的副作用了。


初创公司报道

“脉灯”创始人Marine Mallinsonui从外表就能一眼看出是位洋创业者,高挑的身材、深深的眉骨和眼廓以及小麦色的皮肤、金色的头发无不在勾勒出她是来自高卢雄鸡的法国人。那么这个洋老外单枪匹马组起的这支团队要在中国创造哪一番事业呢?