掌握新趋势!读懂Apple TV视觉设计规范

Apple TV由苹果公司推出的一款高清电视机顶盒产品,用户可以通过Apple TV在线收看电视节目,也可以通过Airplay功能,将iPad、iPhone、iPod和PC中的照片、视频和音乐传输到电视上进行播放。

掌握新趋势!读懂Apple TV视觉设计规范_第1张图片

今天的文章,我将为大家分享一下我看完Apple Developer的Apple TV Visual Design后总结的一些Apple TVapp设计规则。

布局:

在Apple TV上设计只有一个分辨率,统一为1920×1080。

掌握新趋势!读懂Apple TV视觉设计规范_第2张图片

从屏幕顶部和底部的60像素的面积,以及来自侧面的90像素。

看靠近边缘的内容是很困难的,意想不到的裁剪会由于原来的电视机过扫描而出现。

掌握新趋势!读懂Apple TV视觉设计规范_第3张图片

考虑元素被聚焦时,它们看起来的样子,也许是大小的改变,并且确定他们没有在无意中被重叠信息。

电视上并不能直接控制整个界面或者直接选取想要的,而是需要通过滑动不同的内容区块,并且始终有区块是被选中的。

掌握新趋势!读懂Apple TV视觉设计规范_第4张图片

通过显示部分屏幕隐藏的内容暗示还有其他内容。

掌握新趋势!读懂Apple TV视觉设计规范_第5张图片

网格:

收集的内容可以表现得当往往是用了网格格式。友好的展示内容,很容易浏览,可快速遥控导航。

掌握新趋势!读懂Apple TV视觉设计规范_第6张图片

导航:

电视上,从硬件和实际手势操作上,水平操作都有着先天的便捷性和和谐性,屏幕上界面的变动需要同遥控器上的手势对应起来,使用水平导航是更直觉有效的设计。

掌握新趋势!读懂Apple TV视觉设计规范_第7张图片

菜单:

当菜单栏处于焦点时,所有的项目都应该是可见的。在一般情况下,包括七个或更少的项目与短标签,以避免拥挤的内容,并导致项目滚动屏幕。

品牌:

人们使用应用程序来娱乐,获取信息,或做事情,不是看一则广告。为了最好的用户体验,通过应用程序的设计,潜移默化的影响人们注意到你的品牌。

掌握新趋势!读懂Apple TV视觉设计规范_第8张图片

颜色:

颜色应该有助于身临其境的体验,让人们融入内容而不是周围的界面。在选择如何以及在应用程序中使用颜色的地方,考虑它是否提高了内容。

意识到色盲,不同文化如何感知颜色。避免使用颜色组合作为区分状态或值的唯一方法。

字体:

确保自定义字体在远处清晰可见。自定义字体支持苹果电视,但可以在远处看很艰难,尤其是如果他们太细。如果使用了自定义字体,请确保它在整个房间里都是可读的。

动画:

动作上应该只响应用户动作的发生。动画,这不是一个直接的结果,一个动作可以使人们感到不安或分心。不要使用动画只是为了使用动画。

你可能感兴趣的:(掌握新趋势!读懂Apple TV视觉设计规范)