数字电视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%
 

 

  投影:
&nb

皖ICP备07503261号