数字电视UI规范
本章描述了数字电视平台下客户端(包括Web 和应用程序两种)的显示部分的UI 规范 由于数字电视的目标用户是家庭用户,显示终端是电视机,控制终端是遥控器,所 以UI 规范将满足家庭用户的使用习惯,并符合电视机和遥控器的特点。 请按照如下规范来进行设计您的客户端,以确保在数字电视 上的高质量体验。 1.1 B/S Web UI 1.1.1 主界面及UI 规范 1.1.1.1 界面风格 1.1.1.1.1 字体类型: 1. 请使用黑体,Arial 等标准清晰的字体。 1.1.1.1.2 大标题文字 1. 字体:黑体 2. 字号:50pix 3. 颜色:RGB:189 112 36 4. 字间距:6pix 5. 有投影效果,略有一点浮雕效果 投影: 混合模式:正片叠底,颜色:RGB:3 13 76 不透明度:75% ,角度:120 ,使用全局光 距离:3 ,扩展:10 ,大小:5 ,杂色:0 , 图层挖空投影 斜面和浮雕: 样式:内斜面,方法:平滑, 深度:41% 方向:上, 大小;0, 软化:0 角度:120,高度:30, 使用全局光 高光模式:滤色,颜色:RGB:228 156 107,不透明度:75% 暗调模式:正片叠底,颜色:RGB:0 0 0,不透明度:75% 1.1.1.1.3 菜单文字 1.1.1.1.1.1 原始状态文字 1. 字体:黑体 2. 字号:32pix 3. 颜色:RGB:210 210 210 4. 描边:RGB:55 47 45,大小:2,位置:外部,混合模式:正常,不透明度: 100% 5. 字间距:1pix 6. 行间距:62pix 7. 位置: i. 196,159 ii. 196,221 iii. 196,283 iv. 196,345 v. 196,407 vi. 196,469 8.有投影效果,透明度90% 投影: 混合模式:正片叠底,颜色:RGB:246 231 246 不透明度:75% ,角度:120 ,使用全局光 距离:5 ,扩展:49 ,大小:3 ,杂色:0 , 图层挖空投影 1.1.1.1.3.2 选中状态文字 1. 字体:黑体 2. 字号:32pix 3. 颜色:RGB:193 152 27 4. 字间距:3pix 5. 文字在选中条中的位置:196,8 6. 有投影效果,透明度100% 投影: |
