数字电视UI设计规范.docVIP

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% 　　投影： 　　混合模式：正片叠底，颜色：RGB：35 17 10 　　不透明度：100% ，角度：120 ，使用全局光 　　距离：2 ，扩展：0，大小：0，杂色：0，图层挖空投影 　　1.1.1.1.3.3 内容文字 　　字体：黑体 　　1. 字号：28pix 　　） 　　6 / 94 　　2. 颜色：RGB：220 220 0 　　3. 字间距：3pix 　　4. 描边：RGB：55 47 45，大小：2，位置：外部，混合模式：正常，不透明度：100% 　　5. 字间距：1pix 　　6. 行间距：62pix 　　有投影效果，透明度90% 　　投影： 　　混合模式：正片叠底，颜色：RGB：246 231 246 　　不透明度：75% ，角度：120 ，使用全局光 　　距离：5 ，扩展：49 ，大小：3 ，杂色：0 ， 图层挖空投影 　　1.1.1.1.3.4 输入文字 　　a) 字体：黑体 　　2. 字号：32pix 　　3. 颜色：RGB：180 180 180 　　4. 字间距：3pix 　　1.1.1.1.4 其他有关字体的细节： 　　为了适应人们横向阅读中文的习惯，一列最好不超过25 个字。 　　请不要使用下划线。当文字被选择时，可以用某种边框来表示。您可以随意的在框 　　中用其他的颜色覆盖文本，或者做一个所有像素的颜色倒转。 　　1.1.1.1.5 指示箭头位置 　　1. 上箭头： 　　2. 下箭头： 　　3. 确认按钮： 　　4. 上翻页： 　　5. 下翻页： 　　6. 回退箭头： 　　1.1.1.1.6 一般选中条 　　1. 选中条为兰底黄边框；底为颜色：RGB：75 106 185， 透明度为70% 　　2. 框为颜色：RGB：146 140 0 有投影效果，透明度100% 　　投影： 　　混合模式：正片叠底，颜色：RGB：0 0 0 　　不透明度：80%，角度：120 ，使用全局光 　　距离：3 ，扩展：0，大小：0，杂色：0，图层挖空投影 　　1.1.1.1.6.1 第二选中条 　　1. 选中条为兰底兰边框：底为颜色RGB：92 96 107，透明度为7