内容焦点文本块

为Apple TV而设计

我们发现自己处于一个有趣的大屏设计时代。随着2015年末第四代AppleTV的推出，大部分主要玩家都第一次感受到了现代化TV体验应该是什么样子的。烟雾消散，现在的结果是由不计其数的原因导致的~~...

本文由设计夹翻译小组成员高源辰翻译，设计夹校对发布

原文地址：https://medium.com/@flarup/designing-for-the-apple-tv-5992c3aab1e4?ref=webdesignernews.com#.b21318acv

混合状态

像Netflix，YouTube、Hulu，HBO和Plex公司这些大型玩家都在tvOS的应用商店有v1级应用。然而大多数这些公司已经在其他系统或平台上有一个版本的app了，如FireTV，三星SmartTV和其他HbbTV（译者注：指Hybrid Broadcast/Broadband TV的简称。基于HBB的应用可以在广播和互联网混合连接终端上运行）。因此现在很多情况下，我们在tvOS上得到的app是一个传统设计和苹果新指南的奇怪组合。我们目前在许多方面都处于一个初步阶段，每个人都在试图弄清楚如何正确地设计app。决策者正在权衡如何在tvOS和其他平台保持一致，努力探索苹果允许他们用tvOS做些什么。你现在可以很容易地从TV的解决方案中看到你可设计的范围。

更大的开发群体正在决定是否应该参与到该平台中去。和如果要参与，应该怎么做。这些团队中的很多在其他固化的平台上没有决策权，将这一平台视为一种为他们内容而服务的新方式。这篇文章对这些人和Apple TV的开发者来说意义非凡。如果你正在考虑参与到Apple TV平台中去，就继续看下去。

如何开始呢？

从各种智能设备和移动空间的分辨率来说，Apple TV的设计研发小菜一碟。Apple TV只有一种分辨率，单一设备。实际操作中你只用在同一个的分辨率（1920×1080像素）上完成设计，在同一的硬件（Apple TV）上进行调试。对于如今的设计从业者而言，这太过于奢侈了。实际上设计师只用在PS中开一个1080P的标准画布，将界面元素输出为：@1x .No Retina. No 9-patch。在外设屏幕中你就可以很容易地100%查看整个屏幕。

了解焦点引擎

在Apple TV上创造优秀的体验设计时，你首先需要理解焦点引擎这一概念，和明白为什么“总有物体处于焦点状态”。在iOS或桌面端你可以通过点击，按住和滚动来浏览内容。但你在电视显示的内容上进行滑动时总有一个对象被选中。所以你无法在控制整个UI和直接操纵你看到的内容，而是通过一系列预先设定的区域焦点来进行下一步操作。这篇文章中的大部分概念都直接或间接地与焦点引擎的优势和限制有一定联系。

梳理屏幕内容

以行或列呈现内容时，要显示下一内容的10-20%来使用户明白下面还有可浏览的内容。

表明画面外还有可浏览内容

相比于垂直导航，水平导航更流畅

横向比竖直滚动感觉更顺畅，不仅是因为硬件形态本身是横屏的，也是因为从侧面滑出和移动内容时整个画面更和谐。你的拇指容易水平移动，这也适用于你的界面。上下移动你的拇指比较困难，因此界面的竖直操作更困难。利用这点，把垂直滚动设置为改变类别这种意义重大的操作。

横向滚动比上下滚动更流畅

清楚区分按钮和内容

用明确标记区分内容和按钮是很重要的。你也不希望用户惊讶于某个“内容”竟然可以可交互吧，所以确保按钮和内容有一定的视觉区分。

与焦点引擎相比，告诉用户那些内容可以交互更重要

放置控制用心

为了让你的用户感到舒适，可控件和内容的位置非常重要。垂直的内容难以被用户选中，比如一个长长的文本块。你可能无法直接选中这一文本块，而可选元素在在文本块底部，这就增加了操作难度。在某种意义上，在使用tvOS时用户就像泰山——从树荡到另一棵树上；从一个可聚焦的项目到另一个上。让泰山可以清楚地看到下一棵树，可以预测每次滑动的结果。不要把下一棵树藏起来。没有人想看到泰山从树上掉下来。

让下一个焦点控件完全可见，如果焦点控制不可见你就害死了泰山。

网格式排列很棒，当你在远距离左右滑动时不会找不到下一个焦点。当你没有使用网格和行列的形式排列元素时要有充分的理由，要承担页面可能不按用户的期待跳转这一风险。

明显的焦点

确保焦点看起来很瞩目。此时不要采用微妙的变化。使焦点变大，发光和改变颜色。夸张作品在大屏幕上看起来很棒。在其他大多平台上你可能不会这么做，但在TV上你需要打破常规。

实时明显的展示焦点

为远距而设计

用户会从几米远的地方使用你为TV设计的界面。这不同于我们使用移动端和桌面端时的近距离操作。在移动端或桌面端我们与界面的亲密关系不再适用于TV。这种远距不仅代表物理上的远程，我们的控制感（尤其触摸操作）也因此减弱。所以确保内容和控件在整个房间里都是可操作的。这意味着更大的字体和定义更容易的操控，也意味着布局规整和动效不能太微妙，并且引导性更强。