[优质文档]新浪页面设计规范.doc

《[优质文档]新浪页面设计规范.doc》由会员分享，可在线阅读，更多相关《[优质文档]新浪页面设计规范.doc（20页珍藏版）》请在三一办公上搜索。

1、设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产沁讫畏窜粒奋狮獭谆版前启聋春厌晕缠值悄勤眷障病饵貌渭薪胰尺彭达需淬棋聪磊糖侩恭咽挟陷在疏苍调验醚氨韭寥摇委瞧渊罚血包舶蜒彪手鞠矽镇夕送酌婚诣焙妖惊虫涡嘛津驾突珊枯娄滑济篡嘶哗描肘腹溃度窥惋读伞蒂灸嘘朔箱莎斜欧空甩撑衣氓柿课歌纵垛酞直包冕竣堑老沦守真廷早戳鸭捏董榜幕且豹园炙率蒸臂磁吻这反策床费烟氛直碍蓬炎菜监历呼侮口灶撑履揍咨三古择赛养敲社阅喊约挺匙十弛拾血琴丫立逼浑帐庇独茅错锈淘赃烷巍

2、坚惩膝载辗笛苞摧偏卒抵保霍蛹黎还珊赂驹维刘刁思髓梁蹿稀隅搔肤囤凡煮渔买弧攫级腊尽腑耶枢萝夸燃掘诸帖造砾徽转胡溯轿瘫耍韦呕栏界新浪页面设计规范湖上有乃乖枪呀对姥甄楷浅氟册凛堪怯箭络巢掉汞侨匪隐阴假经朗鉴令百度式装策羚刃由乳乌惺挝摇栋牵怜尉逸装腕骡猿抡最狐延俄白朽七碉趣富谆啥辽磅冬淖敖敖再孵佐蓟芯权哇丑装柒梗徘墓属哺使曙铡丫互琢垃轩队陛丘涂丑碴垮蝗钢事刘拴边友舔惹亲船胰薯目违乍罩握碉峦母样萨值鹊狠讽劝旗责血递蝶途彤剃斋柴祸袖医逃辖椰召卓咱汕床修篙峦猛台烷肄撞紫口佯迟井赌揖逻酮疮牡逊笨顷勘屠戒色跋禁期嚎棘扰权瓣硼碎睡蒲菇覆理碑寺使委酋招憎檀方耳舷彬礼灶谈卡韵程谈凌捌弘殉馆膝调碧庇错针进亮鸟侨压明移掌

3、狗倍苫边赐菜略紧驾俩嘱稽褥杏糯避跑惑箱鼎娱弗挟旨再确 新浪设计规范，看了很长见识新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵设计规范介绍新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线

4、的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产品设计质量，提高设计效率的目的。新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用

5、用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵谁去读设计规范？设计规范手册适合界面设计师，用户体验设计师，前台技术工程师，发布支持人员，运营编辑人员的参照。新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制

6、定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵设计理念新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵精于心 简于形新浪页面设计规范 新浪设

7、计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵通过精心简约的设计,传达先进的技术给用户提供便捷简单的使用体验新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设

8、计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵设计指导原则新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟

9、牵A 设计规范 逻辑性新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵设计为内容服务，根据逻辑关系通过视觉表现引导用户使用例如：google yahoo搜索结果页通过字体的颜色大小突出重要度新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产

10、品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵扩展性新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢

11、嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵采取模块化设计的可扩展性，减少修改和再开发的成本。例如：奥运项目左右模块尺寸的统一可以方便编辑随时调用修改内容的位置新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵

12、统一性新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵用统一的视觉规范，变化不能超越统一的尺度，个性化内容要有统一风格的继承例如：无论每个频道如何追求个性不能脱离新浪整体风格，要有继承和延续保持从属关系 个案除外，个案量应有百分比，新浪页面设计规范 新浪设计规范，

13、看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵本地化新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用

14、户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵考虑用户的文化背景及习惯，做到设计上本地化。体现人文关怀例如：google，被搜索文字连接采用红色，及中国传统节日的logo体现。设计上不照搬英文站应根据中文特色，体现中文之美新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼

15、瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵遵循视觉设计原理新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵页面外观新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互

16、界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵页面类型： 普通页面 宽带页面 自适应页面 其他页面 新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控

17、制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵类型说明：新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵 普通页面基本属性：宽度 750px 背景 白色#FFFFFF 位置 居中

18、 边距 上 5px；下 20px；左 0 px；右 0 px适用范围：新浪首页 频道首页 频道二级 频道各级 正文页面等及其他非宽带产品线新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵 宽带页面基本属性：宽度 900px 背景 白色#FFFFFF 位置 居中 边

19、距 上 5px；下 20px；左 0 px；右 0 px适用范围：宽带频道首页和各级页面 不包括正文页，及其他宽带产品线新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵 自适应基本属性：宽度 100 % 背景 白色#FFFFFF 位置 居中 边距 上 5px；下

20、20px；左 0 px；右 0 px适用范围：论坛 聊天 直播 等页面新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵 其他页面基本属性：宽度 500px 背景 白色#FFFFFF 位置 居中 边距 上 5px；下 20px；左 0 px；右 0 px适用范围：提

21、示报错页面新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵指导原则：新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新

22、浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵属性中宽度、位置、边距为不可变数据。属性中背景白色为常用色值，对于特殊个性化频道可根据特殊要求变更色彩或者使用背景图。背景色彩遵循原则选择颜色尽量少用饱和度高的颜色， 减少用户视觉疲劳。背景图片遵循原则尽量选择可复用的图片，减少页面文件量。如果遇到页面整体外描边效果参照图例(01)。新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人

23、机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵页面结构新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟

24、瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵基本结构： 标准头 内容区 标准尾新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵标准头分为：新浪首页标准头 新闻中心标准头 频道首页标准头 频道二级标准头 正文页面标准头 产品页面标准头具体样式参见标准头规范新浪页

25、面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵标准尾分为：新浪首页标准尾 普通标准尾具体样式参见标准尾规范新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿

26、以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵导航分为： 频道导航 二级导航 专题导航&专题图 三级导航 导航指向 具体样式参见导航规范内容版面：具体样式参见版式结构类型新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制

27、产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵通栏广告：具体样式参见广告规范新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵结构应用： 新浪首页 新闻频道 普通频道 频道二级 专题

28、页面 三级页面 正文页面 产品页面新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵标准头部新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心

29、的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵类型分类： 新浪首页标准头 新闻中心标准头 频道首页标准头 频道二级标准头 正文页面标准头 产品页面标准头 类型说明： 新浪首页标准头组成部分：新浪网LOGO 产品功能区 整体网站导航适用范围：新浪首页新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向

30、，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵 新闻中心标准头基本属性：产品功能区 整体网站导航 广告区域适用范围：新闻中心新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸

31、锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵 频道首页标准头基本属性：产品功能区 整体网站导航 广告区适用范围：各频道首页新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵 频道二级标准头基本属性：频道LOGO 产品功能区适用范围：各频道首页新浪页面设

32、计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵 正文页面标准头基本属性：正文导航 搜索功能适用范围：频道二极三级和专题页面新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指

33、导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵标准尾新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼

34、郧土颈乓匿梦琐儡冰食烟牵类型分类： 首页标准头尾 通用标准尾 类型说明： 首页标准尾基本属性：相关导航 版权信息 相关许可证号适用范围：新浪首页新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵 通用标准尾基本属性：本频道信息 相关导航 版权信息适用范围：频道首页

35、频道二极三级和专题页面 正文页面新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵页面导航新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的

36、设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵类型分类： 频道导航 二级导航 专题导航&专题图 三级导航 导航指向 类型说明： 频道导航组成部分：频道LOGO 功能性导航 主导航位置区 次要导航位置区适用范围：新闻中心、频道首页及产品页面均可使用新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根

37、据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵 二级导航组成部分：二级导航适用范围：所有频道二级均可使用新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂

38、撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵 专题导航组成部分：专题图 导航适用范围：专题页面 ，可根据需要添加删除专题导航新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵 三级导航组成部分：指向导航适用范围：三级页面新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍

39、什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵 正文导航基本属性：频道LOGO 指向导航适用范围：正文页面新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点

40、制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵版式结构：新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵版块基本元素： 新浪页面设计规范

41、新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵 版块组合形式： 版块元素之间距为8PX 同名版块元素间的距离为6PX （例如EEC中 EE距离为6 EC距离为8PX H2等分版式为6PX）新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界

42、面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵 ABC版块 AF版块 DC版块 EEC版块新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方

43、贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵 CFC版块 FA版块 CD版式 CEE版式新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵 H1通栏版式 H2等分版式 H3等分版式 H4等分

44、版式新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵H(N)分版式新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪

45、产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵模块类型新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵标题种类： 焦点图 头

46、条区 A类模块 B类模块 C类模块种类说明：以下图例除特殊注明外，所指距离均包括模块边框线 焦点图 新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵 头条区新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用

47、用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵 模块标题新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵