： 以下分各模块介绍。 设计规范介绍 什么是设计规范？ 《产品设计部·人机交互界面设计规范 》适用用于WEB产品线的人机交互界面设计方面的指导手册。 贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产品设计质量，提高设计效率的目的。 谁去读设计规范？ 设计规范手册适合界面设计师，用户体验设计师，前台技术 ...
《产品设计部·人机交互界面设计规范 》适用用于WEB产品线的人机交互界面设计方面的指导手册。
贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产品设计质量，提高设计效率的目的。
设计规范手册适合界面设计师，用户体验设计师，前台技术工程师，发布支持人员，运营编辑人员的参照。
例如：无论每个频道如何追求个性不能脱离新浪整体风格，要有继承和延续保持从属关系 个案除外，个案量应有百分比，
考虑用户的文化背景及习惯，做到设计上本地化。体现人文关怀 例如：google，被搜索文字连接采用红色，及中国传统节日的logo体现。设计上不照搬英文站应根据中文特色，体现中文之美
背景图片遵循原则尽量选择可复用的图片，减少页面文件量。如果遇到页面整体外描边效果参照图例(01)。
标准头分为：新浪首页标准头 \ 新闻中心标准头 \ 频道首页标准头 \ 频道二级标准头 \ 正文页面标准头 \ 产品页面标准头
结构应用：① 新浪首页 ② 新闻频道 ③ 普通频道 ④ 频道二级 ⑤ 专题页面 ⑥ 页面 ⑦ 正文页面 ⑧ 产品页面
类型分类：① 新浪首页标准头 ② 新闻中心标准头 ③ 频道首页标准头 ④ 频道二级标准头 ⑤ 正文页面标准头 ⑥产品页面标准头
类型分类：① 频道 ② 二级 ③ 专题&专题图 ④ ⑤ 指向
版块组合形式：版块元素之间距为8PX 同名版块元素间的距离为6PX （例如EEC中 EE距离为6 EC距离为8PX H2等分版式为6PX）
应用组合：① 类 ② 标题类 ③ 信息类 ④ 段落类 ⑤ 功能类 ⑥注释类 ⑥ 表单类
a 版块标题： 20号文字格式 = 字号 20 px ┊ 字体 黑体 ┊ 细体 ┊ 颜色 #自定义 □ ┊ 行距 无
片类型：① 横图 ② 竖图 ③ 方图 ④ 专题图类型说明：① 横图 比例 4:3 ┊ 尺寸种类 280*210 ┊ 应用 焦点图
图片类型：① 按纽 ② 输入框 ③ 文本框 ④ 菜单 ⑤ 复选框 ⑥ 单选框类型说明：表单形式采用WIN2000默认外观。
蓝色 正面：天空，海洋，性，定度，和平, 个体 忠诚、安全、保守、、冷漠、悲伤
色彩构成（Interaction of color），可以理解为色彩的作用，是在色彩科学体系的基础上，研究符合人们知觉和心理原则的配色。配色有三类要素：光学要素（明度、色相、纯度），存在条件（面积、形状、肌理、），心理因素（冷暖、进退、轻重、软硬、朴素华丽），设计的时候运用逻辑思维选择合适的色彩搭配，产生恰当的色彩构成。最优秀的配色范本是自然界里的配色，我们观察自然界里的配色，通过的提炼最终获得我们所需要的东西。
面积调和的原则是：色彩面积的大小可以改变对比效果，对比色双方面a型血人的性格积越大，调和效果越弱；反之，双方面积越小，调和效果越强。对比双方面积均等，调和效果越弱；对比双方面积相差越大；调和效果越强。只有恰当的面积比才能取得最好的视觉平衡，形成最好的视觉效果。
纯度对比调和。 色相对比调和 多个色相对比调和 两个补色对比调和 两个类似色对比调和 两个同一色对比调和 灰色与高纯度调和 小面积用强色，大面积用弱色”。