SuperAPI AI 工具集

tv-design-patterns

设计与创作

查看项目

更新于 10-15 21:12

技能介绍

用途:面向电视与客厅场景的界面设计,核心是 10 英尺 UI(观众距屏幕约 10 英尺观看),并覆盖基于焦点的导航与媒体内容浏览。

主要能力与要点: 10 英尺 UI 原则:大字号,1080p 下最小 24px,保证 10 英尺可读;基于焦点的导航,使用方向键/遥控器的上、下、左、右、确认;高对比,深色背景配亮色文字,以适应多变的室内光线;尽量减少文字输入,避免键盘,改用语音搜索、手机伴侣、二维码登录。

导航:顶部横向标签用于主要分区;内容行(rails)用于浏览;焦点环清晰高亮当前选中项;空间记忆,记住各分区中的位置。

内容呈现:大缩略图/海报;标题与元数据无需选中即可见;悬停/聚焦时预览(视频在 2 秒后自动播放);详情页包含主视觉图、简介、操作与相关内容。

遥控器设计:主要交互最多 6 个按钮;语音搜索作为主要输入方式;返回按钮始终退出当前上下文;长按触发次要操作。

使用方式与限制:资料未提供具体安装命令、代码示例、平台支持、收费或价格信息,暂未提供。