文档介绍:网站ui设计规范文档篇一:新浪网UI设计规范新浪网产品设计指南(含UI规范) 摘要:以下分各模块介绍。设计规范介绍什么是设计规范?《产品设计部·人机交互界面设计规范》适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向,根据新浪产品自身的特点制定出的一套规范,以达到提升用户体验,控制产品设... 以下分各模块介绍。设计规范介绍什么是设计规范? 《产品设计部·人机交互界面设计规范》适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向,根据新浪产品自身的特点制定出的一套规范,以达到提升用户体验,控制产品设计质量,提高设计效率的目的。谁去读设计规范? 设计规范手册适合界面设计师,用户体验设计师,前台技术工程师,发布支持人员,运营xx人员的参照。设计理念精于心简于形通过精心简约的设计,传达先进的技术给用户提供便捷简单的使用体验设计指导原则 A设计规范逻辑性设计为内容服务,根据逻辑关系通过视觉表现引导用户使用例如:googleyahoo搜索结果页通过字体的颜色大小突出重要度扩展性采取模块化设计的可扩展性,减少修改和再开发的成本。例如:奥运项目左右模块尺寸的统一可以方便xx随时调用修改内容的位置统一性用统一的视觉规范,变化不能超越统一的尺度,个性化内容要有统一风格的继承例如:无论每个频道如何追求个性不能脱离新浪整体风格,要有继承和延续保持从属关系个案除外,个案量应有百分比,本地化考虑用户的文化背景及****惯,做到设计上本地化。体现人文关怀例如:google,被搜索文字连接采用红色,及中国传统节日的logo体现。设计上不照搬英文站应根据中文特色,体现中文之美遵循视觉设计原理页面外观页面类型:①普通页面②宽带页面③自适应页面④其他页面类型说明: ①普通页面基本属性:宽度750px┊背景白色#FFFFFF┊位置居中┊边距上5px;下20px;左0px;右0px适用范围:新浪首页频道首页频道二级频道各级正文页面等及其他非宽带产品线②宽带页面基本属性:宽度900px┊背景白色#FFFFFF┊位置居中┊边距上5px;下20px;左0px;右0px适用范围:宽带频道首页和各级页面不包括正文页,及其他宽带产品线③自适应基本属性:宽度100%┊背景白色#FFFFFF┊位置居中┊边距上5px;下20px;左0px;右0px适用范围:论坛聊天直播等页面④其他页面基本属性:宽度500px┊背景白色#FFFFFF┊位置居中┊边距上5px;下20px;左0px;右0px适用范围:提示报错页面指导原则: 属性中宽度、位置、边距为不可变数据。属性中背景白色为常用色值,对于特殊个性化频道可根据特殊要求变更色彩或者使用背景图。背景色彩遵循原则选择颜色尽量少用饱和度高的颜色,减少用户视觉疲劳。背景图片遵循原则尽量选择可复用的图片,减少页面文件量。如果遇到页面整体外描边效果参照图例。页面结构篇二:UI界面设计规范 UI设计规范一:UI设计基本概念与流程目的规范公司UI设计流程,使UI设计师参与到产品设计整个环节中来,对产品的易用性进行全流程负责,使UI设计的流程规范化,保证UI设计流程的可操作性。范围 l界面设计 l此文档用于界面设计,本文档的读者对象是项目管理人员、售前服务人员、UI界面设计人员、界面评审人员和配置测试人员。概述 UI设计包