术致科技

您现在的位置是:首页 > 字体 > 字体百科 > 正文

字体百科

思源黑体_电视机概念UI如何设计

爱字体2023-08-27字体百科0
本文目录思源黑体,电视机概念UI如何设计?魅族自带字体是什么字体?ppt中文常用字体?请问写代码哪种字体最好用?ai软件自带的黑体可以商用吗?思源黑体,电视机概念UI如何设计?一、使用场景在开始接到需
本文目录

思源黑体,电视机概念UI如何设计?

一、使用场景

思源黑体_电视机概念UI如何设计

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

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

二、智能电视的特性

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

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

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

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

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

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

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

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所有显示模式下经过测试,都不会产生问题。

四、焦点

不管是为哪个厂商的电视盒子或者 TV OS做,你都需要理解一个叫Focus Engine的设计概念,你要时刻记得在电视UI上应该始终有一个东西是处在Focus的状态 也就是焦点状态。

举个栗子:如上图中有很多个磁贴排布,而在移动设备上,你需要选择哪个就直接点击哪个磁贴即可。而在电视上,默认状态就应该是选中了一排照片中的某一个,而你需要点击某一个,就需要先移动焦点到对应的磁贴上,点击OK来完成选择,这是由遥控器这种独特的交互方式决定的。

焦点在整个TV APP中尤为重要,因此设计这块交互时,无论是卡片还是按钮,选中的效果,需要足够明显夸张一些,当然,除了放大+投影效果,放大+外发光效果,还有放大加描边的效果,早起乐视在这一块做的挺出色的,但现在风格上已经显得很老旧了。

然后放大的倍率,如果没有太大感觉得话,我在这里推荐,放大 1.1倍-1.5倍之间,而我经常用的是1.2倍太小不明显,太大容易遮挡其他信息,具体可以自己逐个去尝试不同的效果,再根据自己的界面风格,选择一个最合适的作为规范。

基于遥控器的操作限制,尽可能的让用户通过上下左右和OK键来进行操作。

尽可能的减少文字输入的操作,因为在TV上在没有键盘辅助输入的情况下,通过光标在虚拟键盘上输入文字是一个非常蛋疼的事情,必要的情况下,为用、户提供语音输入方式。

在布局上尽量让布局如图下右,不要有层叠的交互控件出现,会增加选择困难。这部分交互方式在下文我会再拿出、来讲。

五、导航与状态

在TV端中,导航遵循简单,易用,且为了遥控机方向键上,下,左,右,加OK键的操作,常见的导航方式为横向导航栏,纵向导航栏。

六、菜单

十字交互和磁贴是TV端应用主流的交互方式,但实际应用中,十字交互在安卓平台开发难度相对较大,且最多只能展示两级菜单,当遇到三级菜单需求,在设计和开发时就会显得很吃力。

磁贴风格,开发难度相对小,但下级菜单只能反复套用磁贴进行展示,当进入二级菜单时候,一级菜单名已经被替换,且一级菜单不够醒目,容易使用户丢失当前位置,新手操作起来就显得混乱了。

考虑这些因素,我们在设计菜单的时候,就要优先考虑一级菜单足够醒目,让用户即使有三级或者四级菜单,也能让用户随时知道界面的当前位置,而磁贴因为能展示丰富的内容,也符合扁平化趋势,如果可以借鉴一下设计方式。

七、状态

其实总结起来,TV端在常规的状态中,多了一个半选中状态,这个交互其实在早时候,按键手机时代,经常用到。我的经验建议是,尽可能的通过程序自动处理,去简化个交互,减少用户的操作步骤

八,颜色

其实总结起来,TV端在常规的状态中,多了一个半选中状态,这个交互其实在早时候,按键手机时代,经常用到。我的经验建议是,尽可能的通过程序自动处理,去简化个交互,减少用户的操作步骤

九、字体

在使用字体时,避免纤细字体或者有过宽、过窄笔画的字体。使用简单无衬线字体并选用抗锯齿功能来增加易读性。

目前,TVOS几乎大多是安卓系统,字体使用思源黑体,在你需求需要时,你可以考虑嵌入以获得授权的字体包。但你需要记住一点,嵌入字体包必定会拖慢系统的运行速度,应用的性能会下降,做好应用的内存管理是很有必要,当然这是开发的事情,你只需要了解。

以下是一些提高文本易读性的一些方法建议:

尽可能的减少大量文字的出现。

将长句改为几个短句,让用户可以快速浏览。

虽然尺寸是,算是3X图,但字体的大小不是移动端规范的3X,而是为观看距离设计的,相对会大很多。

在电视上,在深色背景上的浅色文字比在浅色背景上的深色文字更容易阅读。

使用Android的标准字体尺寸。例如,标准的小字体字号为14sp,在1080p的屏幕上,这相当于28点的字号。

为屏幕文本设置比印刷文本更大的行间距。

十、个人建议

接触TV项目大概8个月,根据我这个阶段的学习,和实际工作,我总结和归纳的这些基本知识和注意事项,这些大致能帮助刚接触TV项目的朋友快速了解电视大屏的基本界面设计方法和交互知识,避免一些不必要的坑。

但因为每个公司流程不一样,各自制定的规范也有所不同,更多的是通过多实战,多尝试,去对比和总结,在根据自己的产品定位,去设计出最合适的方案。

最后说一句,TV端设计因为针对用户群都是偏大龄,大部分情况并没有像APP那样显得高大上,潮流,好看的界面未必是合适的,但是合适的界面,一定是最好的设计。

魅族自带字体是什么字体?

是思源黑体和兰亭黑体,自己进行了一些优化

ppt中文常用字体?

1.

刻石录钢笔鶴体。本字体适合用作中国风ppt的标题字体。

2.

刻石录颜体。本字体适合用作中国风ppt的标题字体。

3.

庞门正道标题体。本字体适合用作商业风ppt的标题字体。

4.

思源黑体系列字体。本字体适合用作商业风ppt的正文字体。

1.

刻石录钢笔鶴体。本字体适合用作中国风ppt的标题字体。

2.

刻石录颜体。本字体适合用作中国风ppt的标题字体。

3.

庞门正道标题体。本字体适合用作商业风ppt的标题字体。

4.

思源黑体系列字体。本字体适合用作商业风ppt的正文字体。

1.

刻石录钢笔鶴体。本字体适合用作中国风ppt的标题字体。

2.

刻石录颜体。本字体适合用作中国风ppt的标题字体。

3.

庞门正道标题体。本字体适合用作商业风ppt的标题字体。

4.

思源黑体系列字体。本字体适合用作商业风ppt的正文字体。

请问写代码哪种字体最好用?

ource Code Pro 的 Semibold 字重. 中文fallback到思源黑体 Light.... 没错我就是喜欢粗的英文字母和细的中文... 而且Source Code Pro很软很舒服.

ai软件自带的黑体可以商用吗?

电脑自带的黑体字是没有版权的,谁都可以用。 方正公司开发的黑体字,会有“方正黑体”的明确说明,方正黑体字的商业使用,应当支付相应的费用给到方正公司,否则可能会被方正公司追责而承担相应的侵权责任。

电脑自带的黑体字是没有版权的,谁都可以用。 方正公司开发的黑体字,会有“方正黑体”的明确说明,方正黑体字的商业使用,应当支付相应的费用给到方正公司,否则可能会被方正公司追责而承担相应的侵权责任。

电脑自带的黑体字是没有版权的,谁都可以用。 方正公司开发的黑体字,会有“方正黑体”的明确说明,方正黑体字的商业使用,应当支付相应的费用给到方正公司,否则可能会被方正公司追责而承担相应的侵权责任。