智能电视UI设计教程分享 ，共同来学习

        智能电视如今进行设计才可以让人们获得更好的体验呢？接下来就让我们来为大家分享智能电视UI设计教程，如果你对此也非常的感兴趣的话，自然就需要好好的研究下下面的内容，一定会让大家受益匪浅的。

　　一、UI设计方向

　　UI是用户界面，是英文User和 interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系，所以这样可分为3个方向，他们分别是:用户研究、交互设计、界面设计。

　　（图片来自网络）

　　二、智能电视UI设计教程

　　1、使用场景

　　在开始接到需求之前，我们首先需要了解使用场景和环境，了解这些这些特性设计更符合场景的界面，符合良好的用户体验。

　　因此在TV的界面设计上最好让用户通过方向键和OK能够进行操作，并提供返回键，避免用户低头看遥控器寻找按键而打断操作的任务流。TV标配音响系(音量是默认开启的)。所以在app设计中，可以使用声音作为帮助提示和操作反馈提示。

　　2、智能电视的特性

　　智能电视液晶屏区别于电脑显示设备和手机显示设备，当你设计你的APP ui界面时，你要知道根本上智能电视与电脑或移动设备(手机)是不同的。除开它的尺寸大小因素，电视显示出的信息总量比电脑或移动设备的

　　要少，你应该提供更少的UI，尽可能的自动化处理某些任务，而不是要求用户去互动。

　　市面上大多电视的尺寸都具有一定欺骗性。尽管现代电视的屏幕对角线通常大于40英寸，成比例地，观众坐在电视前比坐在电脑显示屏前要远。作为用户的感受到的是，电视屏幕尺寸“似乎”比电脑显示器要小。当你在设

　　计UI时，你可以用自己的手机连接ps来模拟这种体验.

　　（图片来自网络）

　　3、显示器和移动设备的显示分辨率

　　电脑显示器最大分辨率，通常小于或等于显卡分辨率。显卡决定最大分辨率，显示器决定像素密度。移动设备的分

　　辨率和像素密度往往是固定的，电脑操作系统能自动处理分辨率和像素密度的问题。

　　Android系统根据设备屏幕大小和像素密度来按比例缩放UI。此外，你可以提供可替换的UI资源，为不同设备准备最好的UI体验。

　　电视显示分辨率

　　电视(即使是最现代化的那些电脑)有基于扫描线的显示分辨率。Google TV 支持3种扫描线值的高清电视：720p，1080i和1080p，这代表720逐行扫描线，1080隔行扫描线和1080逐行扫描线(Android将后两者视作等同)。720值意味着电视可以在屏幕的垂直方向上“寻址”720条不同的线;1080值则意味着电视以在垂直方向上“寻址”1080条线。

　　这些线有多高，每条线之间的“宽”是多少?也就是说电视的实际像素密度是多少?Android将这些数值抽象显示为与密度无关的像素单位(缩写 dp)。

　　Android 应用程序得益于Android的缩放技术。总之，你应该为1080p的规格来设计UI，允许Android系统将你的UI缩小到720p的规格，因为缩小图形的效果通常要优于放大的效果。为了得到最好的图片缩放效果，可以给开发提供.9.png切图。

　　智能电视的设计尺寸

　　所以建议以1080P作为视觉设计稿尺寸，切图可以使用android 9-patch切图进行低分辨率适配，在测试的时候选择用低分辨率测试可以更好的发现问题;确保在TV所有显示模式下经过测试，都不会产生问题。

　　拿上面的图为例，设计尺寸为1920X1080，因为上面讲到的电视屏幕显示特性，不同厂家甚至还不一样，那么为了避免这些问题的出现，在设计界面的时候，如上图给边缘留10%或以上的外边距，所有内容放在这个容器内去设。

　　上下边距留90个像素，左右边距留120个像素，具体数值可以自己根据实际情况去协调。

　　智能电视UI设计教程如上文所述，想必我们已经在上文为大家进行了全面的总结，希望大家可以通过上文提升自己的能力。