您现在的位置: 首页 > 网站导航收录 > 百科知识百科知识
智能电视UI怎么设计？
电视,焦点,用户智能电视UI怎么设计？
发布时间：2020-12-06加入收藏来源：互联网点击：
回答于 2019-09-11 08:43:50
这个我设计过，智能电视的布局其实可以参考小米的。因为界面其实不是很难，难就难在遥控那一块。遥控那块如果设计的不合理，程序员那边是很难实现按键的对应焦点的。
回答于 2019-09-11 08:43:50
随着互联网的发展,电视产品大多数会搭载智能操作系统,方便用户根据个人需求和喜好进行对接互联
网的各种功能使用,因此智能电视操作系统良好的交互设计可以大大提高使用效率,提升收视体验。智能电
视有着特殊的用户使用场景和操作方式,因此电视界面大致有以下特点:
(1)使用距离远。数字电视尺寸虽大都远大于多数电脑,因其操作和观看距离较远,导致单屏展示的信息量比电脑要少。
(2)相比电脑的鼠标,键盘使用,目前用户的电投提作怀名是依靠单按键的遥控器对电视进行湿构
(3)电视用户多样化,通常为家庭的所有成员。
因此,针对电视界面的特殊特性,在进行设计时,应注意以下几方面:
界面简洁,导航简化、信息明确。文本和其他导航对象的尺寸必须足够大,保证用户远距离的信息
接收。
控制集成。尽量把其他家庭娱乐设备常见功能的控制集成到遥控器中。
避免使用大范围的渐变色,以防止带状显示。
尽可能简化遥控,并合理解决遥控器的快速操作,例如可以在遥控器中加入小显示屏,但要避免引起用
户困惑。
复杂的遥控福设计已经持续了很长一段时间(如图最近所示),但大多数功能却极少被用的到,所以通
过设计来简化遥控就显得尤其迫切,例如苹果公司2015年发布的苹果电视产品中,配置了一个经过全新
设计的遥控器,在遥控器中,内置了多种传感器,同时也据弃了五项方向的传统导航布的局,而是设计出一块
触控区域,用户可利用这块区域配合中部的实体按钮进行快速导航。此外,遥控器还配置Siri语音搜索功能。
回答于 2019-09-11 08:43:50
对于现在家庭智能电视而言，技术在不断的进步，但是其饱和度和对比度有的还是很强，还会遇到大红碰到大紫的色块对比。但是信息变得简约了，都是以 tab 导航为主，下面是几个卡片信息瀑布流显示。语音提示很重要，会随着焦点的移动发出提示声响，提示用户电视焦点的移动状态。
智能电视特性
1\t饱和度高对比度强
2\t显示信息量少简约
3\t焦点控制语音提示
比如在智能电视终端市场占据较大份额的小米电视商城全新改版时，在接到需求后，一定要模拟用户来体验一下购物流程还有用电视购物的环境，环境应该是固定的，那就是在家里。电视和手机购物体验是不一样的，电视是要用遥控器来控制，所以每一步的操作流程都很珍贵，如果界面跳转太多，会给用户一种烦躁的感觉，所以尽量同一层级的信息要在同一界面填写完毕，避免二次跳转。
第二点说的就是焦点问题，焦点不能层次不齐，跳动太大会引起视觉不适。以小米电视商城详情为例，焦点尽量在同一水平线上，同行的焦点移动，视觉感受上会舒服很多。
02设计尺寸
智能电视的分辨率和大家平常在 app 看电影的时候差不多，如上图所示，目前 1080p 最常见，2k 和 4k 基本都是资源类节目。设计尺寸以小米电视为例，通常做 1920*1080 的视觉稿就可以了，开发会适配比 1920*1080 小的电视屏幕，这样下来，如果小分辨率的电视没问题了，大的分辨率也就没问题了。
我们知道在设计 app 的时候，都有左右间距的控制，移动端一般常见的控制在 28px 或者 32px，电视端因为是大屏设计，所以预留的空间也要大一些，基本左右留出 120px，上面留出 90px 就可以了。一般我设计的时候左右是固定的 120px，上面可以随设计内容来自定义，90px 或者 100px，都是可以的，只要视觉舒服即可。
焦点在电视端 UI 设计里显得尤为重要，因为它就是你的视觉焦点，焦点会随着遥控器上下左右确认而改变。焦点的设计不能是扁平的，因为那样不能够提醒用户焦点状态的位置，焦点的设计应该是放大的、夸张的、可以带边框，也可以使用投影外发光的方式来设计，确保能够给用户足够的清晰位置。
焦点放大我这里建议放大 1.1 倍或者 1.2 倍就可以了，再大就显得过于大了。
对于现在家庭智能电视而言，技术在不断的进步，但是其饱和度和对比度有的还是很强，还会遇到大红碰到大紫的色块对比。但是信息变得简约了，都是以 tab 导航为主，下面是几个卡片信息瀑布流显示。语音提示很重要，会随着焦点的移动发出提示声响，提示用户电视焦点的移动状态。
智能电视特性
1\t饱和度高对比度强
2\t显示信息量少简约
3\t焦点控制语音提示
比如在智能电视终端市场占据较大份额的小米电视商城全新改版时，在接到需求后，一定要模拟用户来体验一下购物流程还有用电视购物的环境，环境应该是固定的，那就是在家里。电视和手机购物体验是不一样的，电视是要用遥控器来控制，所以每一步的操作流程都很珍贵，如果界面跳转太多，会给用户一种烦躁的感觉，所以尽量同一层级的信息要在同一界面填写完毕，避免二次跳转。
第二点说的就是焦点问题，焦点不能层次不齐，跳动太大会引起视觉不适。以小米电视商城详情为例，焦点尽量在同一水平线上，同行的焦点移动，视觉感受上会舒服很多。
02
设计尺寸
智能电视的分辨率和大家平常在 app 看电影的时候差不多，如上图所示，目前 1080p 最常见，2k 和 4k 基本都是资源类节目。设计尺寸以小米电视为例，通常做 1920*1080 的视觉稿就可以了，开发会适配比 1920*1080 小的电视屏幕，这样下来，如果小分辨率的电视没问题了，大的分辨率也就没问题了。
我们知道在设计 app 的时候，都有左右间距的控制，移动端一般常见的控制在 28px 或者 32px，电视端因为是大屏设计，所以预留的空间也要大一些，基本左右留出 120px，上面留出 90px 就可以了。一般我设计的时候左右是固定的 120px，上面可以随设计内容来自定义，90px 或者 100px，都是可以的，只要视觉舒服即可。
上一篇：今年疫情几月份可以结束啊？
下一篇：返回列表
相关链接 |
||
| 网友回复（共有 0 条回复） |