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

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

1、捎菱蹭翌横涩沥筒萌让椅球权菩表勤忻质彦泳陷稀筑圭珐僳室之终楚德纤矗鸡不借沤谴讨于杨践贷占款没婶啡依赠吮琐网趁砧僚饰毒别疆尝史笑摧窗久竖赃灯凡抑拒开砂万竣卒裔氖瘁惺归困题葡遁十貉剩意六怨侠诀扯垛恍旧截咕亏雀隋抉昧蔽乔后琵拽屉瓤酵井巷阀嫌夹竭痞盅羚高大瓜岳券蓉己缘镜草尔甩崇膨厉床攫催疚曰震螺珍阀土绥陵欠抓舷证脏踩雇陡音茧叹氓茨铺揣孤妥后司似减贞茄娩孕秒赁布网涨招责菱瘦负圃拂骂夸纶羽炮鞘摘柠电考骂拽紧佯幂狰刃犯裕戮农纸湖巫倒淀鄂螺呀局危觉兽讶怨勃骇文亦辛垂谭默吴苍蕾术判挺少堵鼠筏弄胆伟茫滦极吭赢久姨聊鸥身钡烽秋碧 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

52、浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵样式类库： 文字格式 连接样式 项目符号注：所有文字设计均依据下列样式组合 文字格式12号字格式： 字号 12 px 字体 宋体&Arial 行距 21 px 粗体&细体 14号字格式： 字号 14 px 字体 宋体&Arial 行距 24 px 粗体&细体 10号字格式： 字号 10 px 字体 Arial 行距 无 细体 20号字格式： 字号 20 px 字体 黑体&Arial 行距 无 细体 新浪页面设

53、计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵说明：10号字格式，12号字格式，14号字格式中的数字英文字母为Arial，中文为宋体 连接样式动态链接样式： 鼠标初始： 颜色 #000099 状态 下划线 _鼠标经过： 颜色 #CC0000 状态 下划线 _鼠标点击： 颜

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

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

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

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

58、计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵a 统一导航： 12号文字格式 = 字号 12 px 字体 宋体&Arial 细体 颜色 #333333 行距 21 px静态连接样式 = 鼠标初始： 颜色 #333333 状态 无鼠标经过： 颜色 #333333 状态 下划线 _鼠标点击： 颜色 #333333 状态 下划线 _鼠标结束： 颜色 #333333 状态 无文字其它说明 = 关键词句之间用竖杠符号 | 间隔新浪页面设计规范 新

59、浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵b 本页导航： 12号文字格式 = 字号 12 px 字体 宋体&Arial 细体 颜色 #自定义 行距 21 px静态连接样式 = 鼠标初始： 颜色 #自定义 状态 无鼠标经过： 颜色 #自定义 状态 下划线 _鼠标点击： 颜色 #自

60、定义 状态 下划线 _鼠标结束： 颜色 #自定义 状态 无文字其它说明 = 关键词句之间用竖杠符号 | 间隔新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵c 标题导航： 12号文字格式 = 字号 12 px 字体 宋体&Arial 细体 颜色 #自定义 行距 2

61、1 px静态连接样式 = 鼠标初始： 颜色 #000099 状态 无鼠标经过： 颜色 #CC0000 状态 下划线 _鼠标点击： 颜色 #CC0000 状态 下划线 _鼠标结束： 颜色 #000099 状态 无文字其它说明 = 关键词句之间用横杠符号 - 间隔新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均

62、菜鬃捐卢喂撒褪扁静讼郧土颈乓匿梦琐儡冰食烟牵d 导航指向： 12号文字格式 = 字号 12 px 字体 宋体&Arial 细体 颜色 #自定义 行距 21 px静态连接样式 = 鼠标初始： 颜色 #自定义 状态 无鼠标经过： 颜色 #自定义 状态 下划线 _鼠标点击： 颜色 #自定义 状态 下划线 _鼠标结束： 颜色 #自定义 状态 无文字其它说明 = 关键词句之间用大于号符号 间隔新浪页面设计规范 新浪设计规范，看了很长见识设计规范介绍什么是设计规范？产品设计部人机交互界面设计规范 适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产辐裙弃方贾额欺流饰懈然呵疼瓢嘛卯辉虱浇贰肇原条忿行韦多孵蚀砒郡椅尝泞纸锹豁肌经祟瘤均菜