电视界面设计规范.docVIP

电视界面设计规范 篇一：数字电视UI设计规范 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 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，透明度为70% 2. 框为颜色：RGB：58 79 111，有投影效果，透明度100% 投影： 混合模式：正片叠底，颜色：RGB：0 0 0 不透明度：80%，角度：120 ，使用全局光 距离：3 ，扩展：0，大小：0，杂色：0，图层挖空投影 1.1.1.1.6.2 输入文字条 1. 选中条为兰底黄边框；底为颜色：RGB：42 47 61，透明度为70% 2. 框为颜色：RGB：147 78