遵循视觉设计原理　

页面外观

页面类型： ① 普通页面     ② 宽带页面     ③ 自适应页面     ④ 其他页面

 
 

类型说明：

① 普通页面
基本属性：宽度 750px ┊ 背景 白色#FFFFFF ┊ 位置 居中 ┊ 边距 上 5px；下 20px；左 0 px；右 0 px
适用范围：新浪首页 频道首页 频道二级 频道各级 正文页面等及其他非宽带产品线

② 宽带页面
基本属性：宽度 900px ┊ 背景 白色#FFFFFF ┊ 位置 居中 ┊ 边距 上 5px；下 20px；左 0 px；右 0 px
适用范围：宽带频道首页和各级页面 不包括正文页，及其他宽带产品线

③ 自适应
基本属性：宽度 100 % ┊ 背景 白色#FFFFFF ┊ 位置 居中 ┊ 边距 上 5px；下 20px；左 0 px；右 0 px
适用范围：论坛 聊天 直播 等页面

④ 其他页面
基本属性：宽度 500px ┊ 背景 白色#FFFFFF ┊ 位置 居中 ┊ 边距 上 5px；下 20px；左 0 px；右 0 px
适用范围：提示报错页面

指导原则：

属性中宽度、位置、边距为不可变数据。
属性中背景白色为常用色值，对于特殊个性化频道可根据特殊要求变更色彩或者使用背景图。
背景色彩遵循原则选择颜色尽量少用饱和度高的颜色， 减少用户视觉疲劳。
背景图片遵循原则尽量选择可复用的图片，减少页面文件量。如果遇到页面整体外描边效果参照图例(01)。

出处：
责任编辑：bluehearts

上一页 新浪网产品设计指南(含UI规范) [1] 下一页 新浪网产品设计指南(含UI规范) [3]