1. 基于材料设计的设计

电脑杂谈  发布时间:2020-07-19 22:22:43  来源:网络整理

android tv开发框架_安卓tv开发书籍_安卓tv开发书籍

尽管它也是Android系统安卓tv开发书籍,但电视等大屏幕应用程序的设计与手机和平板电脑等其他设备的设计却不同. 需要注意以下几点:

不同平台的应用程序可以保持一致: 相同的外观和相同的用户体验使用户感到熟悉,而Material Design也为用户提供了愉悦而实用的体验.

内容应该是电视应用程序的核心. 用户无需阅读屏幕上的短信即可轻松进行操作;而且,视频或媒体需要由用户轻松播放,这意味着需要减少点击次数.

为了使用户在使用电视应用程序时有看电影的体验,应将用户界面保持在最小和最简洁的状态,并应尽可能避免显示文本.

以最少的步骤完成操作:

用户使用D-pad控制和浏览电视上的内容. D-pad包括四个方向按钮和一个中央选择按钮,以及一个后退按钮和一个主页按钮. 这些控制按钮限制用户在内容上向上,向下,向左和向右导航,并返回其导航流程. 这些限制可以通过列表和网格布局来解释,并且用户可以轻松浏览X轴和Y轴路径. 为了帮助用户更好地导航,应尽可能扩大当前选中的焦点元素和未选中的元素之间的样式状态比较. 屏幕上的每个元素都应具有聚焦状态,这意味着屏幕上将始终存在最容易找到的聚焦元素.

可以通过以下方式实现元素的焦点状态:

安卓tv开发书籍_安卓tv开发书籍_android tv开发框架

注意: 为了提高效率,请合理使用Android TV提供的组件,并且不要在应用程序中使用工具栏或溢出菜单.

由于用户可以使用不同类型的进行导航操作,因此,他们应确保他们支持具有非标准输入的任何,以确保流畅的交互.

应用程序应提供灵活的输入法,重要的方法之一是语音输入. 尽管Android TV具有允许通过屏幕输入文本的虚拟键盘,但是使用进行输入将很麻烦(使用游戏手柄会稍微容易一些). 因此,语音输入对于降低阻力非常重要.

另一种选择是将用户输入委派给移动设备-允许用户使用其移动设备向电视系统输入文本消息. 为此,该应用程序应该能够检测附近的设备(可能使用连接到电视的WiFi网络)并启动该应用程序以显示输入文本的选项,从而允许用户通过移动设备进行输入.

为了增加用户活动和关注度安卓tv开发书籍,应将动态功能添加到应用程序中. 最重要的是,TV应用程序中显示的内容应与任何其他应用程序相同. 如果应用程序不经常为用户提供新颖有趣的内容,则用户会感到无聊. 例如,当用户打开媒体内容应用程序时,他们应该加载最新内容,而不是显示以前查看的内容.

像移动应用程序一样,我们应该在应用程序中支持分页. 到达最后显示的内容时,应允许用户继续消费内容.

设计人员应尽可能合理地使用大屏幕,这可以通过在应用程序中显示漂亮且视觉醒目的背景来实现. 尽管可以使用Leanback Library中的BackgroundManager类轻松实现它,但它也可以显示内容数据以更改Android TV系统的背景.

android tv开发框架_安卓tv开发书籍_安卓tv开发书籍

当用户浏览主页内容卡并切换到焦点状态时,背景图像也将显示为系统背景. 通过将图像源附加到内容卡上显示的数据对象,可以轻松实现此目的. 如有可能,应将卡上显示的不同缩略图应用于背景-浏览内容时,将带来令人满意的视觉差异.

尽管背景图片的尺寸应为1920x1080像素,但实际上有必要使用5%的尺寸来处理事件,因此背景图片的尺寸应为2016x1134像素. 如果背景图片不符合此要求,系统将自动缩放背景图片.

注意: 背景图片应该没有透明度.

应将应用程序中的最新和相关内容放在主屏幕的推荐列中. 这有助于减少用户从打开电视到使用内容所需完成的步骤.

建议应基于在应用中获取的用户数据. 例如,用户以前观看过的内容. 推荐的项目将显示在Android TV主屏幕的第一行.

推荐内容可以返回到用户以前的观看状态,也可以推荐他们的新内容或相关内容. 可以向用户推荐几种类型的内容,详细信息如下:

推荐不同类型的内容以及如何在应用中显示内容:

安卓tv开发书籍_android tv开发框架_安卓tv开发书籍

尽管可以给建议分配权重以确定其显示顺序,但是每个组将彼此排序以确保主要建议不会被错误地排序.

该图标不仅使应用程序更加美观和有趣,而且还可以向用户显示文本信息. 如前所述,电视的文字内容应通过视觉方式显示.

我们可以在电视应用程序中使用声音来增强电影体验. 如果使用正确,即使没有文本通知,声音也可能是补充视觉效果的好方法. 用声音过度夸张效果很容易,因此设计正确的声音非常重要.

声音是在屏幕上显示视觉通知的绝佳选择. 这不会中断屏幕上的当前内容,并且在电视屏幕上显示系统组件(例如吐司和弹出框)看起来也不好. 当用户尝试与禁用的组件进行交互或到达列表的末尾时,播放声音可以很好地表达错误情况的发生.

当用户仅部分使用电视应用程序时,他们可以获得声音形式的通知反馈. 如果用户正在与朋友聊天,或者在阅读时在电视上播放背景音乐,也可以让他们知道发生了什么.

首先,在为应用程序设计接口时,应确保所有接口都具有横向模式. 同时,您应确保基于焦点的导航创建易于导航的布局. 您可以使用行,列表,网格以及X和Y轴来布局内容.

电视与手机和平板电脑的体验完全不同,因此以前的移动设备布局可能不会在电视应用中使用. 应该避免的是:

安卓tv开发书籍_安卓tv开发书籍_android tv开发框架

所谓的过扫描区域是电视屏幕周围的一些不可见区域,这是电视的特征. 显示内容不能始终被显示在“安全区域”而不被遮挡. 我们需要确保“过扫描”区域中的电视屏幕边缘不会遮盖任何文本或组件.

我们可以通过增加屏幕尺寸的5%的边距来防止内容被过扫描区域阻塞. 1920x1080的屏幕的垂直边距为27px,水平边距为48px.

与移动设备渲染相比,电视屏幕渲染可能非常不准确. 可能是由于电视机的设置,彩色滤光片和任何滤光片可能发生,这可能会导致在屏幕上无法分辨或夸大色相或亮度差异. 为了避免严重的颜色问题,我们可以采用以下方法:

尽管上面已经提到,在设计电视应用程序时,文本内容应保持最小,但这并不意味着我们根本不使用任何文本. 在使用文本的情况下,我们可以遵循一些准则,以确保可以在一定距离内阅读和浏览电视屏幕上的文本. 以下是在电视应用程序中用于排版的一些推荐的字体和大小:

注意: 由于Android TV应用程序可以在各种制造商的设备上运行,因此电视屏幕的对比度,清晰度和颜色都不同. 我们应该避免使用太细的字体和粗细,这将使用户难以阅读.

如前所述,电视应用中的文字应保持最少. 大多数用户会远距离阅读文本,这使阅读非常困难,因此不要指望用户在看电视时会阅读大部分文本. 但是,当我们确实需要使用文本时,我们需要注意以下几点:


本文来自电脑杂谈,转载请注明本文网址:
https://www.pc-fly.com/a/shumachanpin/article-286383-1.html

    相关阅读
      发表评论  请自觉遵守互联网相关的政策法规,严禁发布、暴力、反动的言论

      热点图片
      拼命载入中...