网站ui设计规范文档

《网站ui设计规范文档》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网站ui设计规范文档　　篇一：新浪网UI设计规范　　新浪网产品设计指南（含UI规范）　　摘要:以下分各模块介绍。设计规范介绍什么是设计规范？《产品设计部·人机交互界面设计规范》适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产品设...　　以下分各模块介绍。　　设计规范介绍　　什么是设计规范？　　《产品设计部·人机交互界面设计规范》适用用于WEB产品线的人机交互界面设计方面的指导手册。　　贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验

2、，控制产品设计质量，提高设计效率的目的。　　谁去读设计规范？　　设计规范手册适合界面设计师，用户体验设计师，前台技术工程师，发布支持人员，运营编辑人员的参照。　　设计理念　　精于心简于形　　通过精心简约的设计,传达先进的技术给用户提供便捷简单的使用体验　　设计指导原则　　A设计规范逻辑性　　设计为内容服务，根据逻辑关系通过视觉表现引导用户使用　　例如：googleyahoo搜索结果页通过字体的颜色大小突出重要度　　扩展性　　采取模块化设计的可扩展性，减少修改和再开发的成本。　　例如：奥运项目左右模块尺寸的统一可以方便编辑随时调用修改内容的位置　　统一性　　用统一的视觉规范，变化

3、不能超越统一的尺度，个性化内容要有统一风格的继承　　例如：无论每个频道如何追求个性不能脱离新浪整体风格，要有继承和延续保持从属关系个案除外，个案量应有百分比，本地化　　考虑用户的文化背景及习惯，做到设计上本地化。体现人文关怀例如：google，被搜索文字连接采用红色，及中国传统节日的logo体现。设计上不照搬英文站应根据中文特色，体现中文之美　　遵循视觉设计原理　　页面外观　　页面类型：①普通页面②宽带页面③自适应页面④其他页面　　类型说明：　　①普通页面　　基本属性：宽度750px┊背景白色#FFFFFF┊位置居中┊边距上5px；下20px；左0px；右0px适用范围：新浪首

4、页频道首页频道二级频道各级正文页面等及其他非宽带产品线　　②宽带页面　　基本属性：宽度900px┊背景白色#FFFFFF┊位置居中┊边距上5px；下20px；左0px；右0px适用范围：宽带频道首页和各级页面不包括正文页，及其他宽带产品线　　③自适应　　基本属性：宽度100%┊背景白色#FFFFFF┊位置居中┊边距上5px；下20px；左0px；右0px适用范围：论坛聊天直播等页面　　④其他页面　　基本属性：宽度500px┊背景白色#FFFFFF┊位置居中┊边距上5px；下20px；左0px；右0px适用范围：提示报错页面　　指导原则：　　属性中宽度、位置、边距为不可变数据。　

5、　属性中背景白色为常用色值，对于特殊个性化频道可根据特殊要求变更色彩或者使用背景图。　　背景色彩遵循原则选择颜色尽量少用饱和度高的颜色，减少用户视觉疲劳。　　背景图片遵循原则尽量选择可复用的图片，减少页面文件量。如果遇到页面整体外描边效果参照图例(01)。页面结构　　篇二：UI界面设计规范　　UI设计(流程/界面)规范　　一：UI设计基本概念与流程　　目的　　规范公司UI设计流程，使UI设计师参与到产品设计整个环节中来，对产品的易用性进行全流程负责，使UI设计的流程规范化，保证UI设计流程的可操作性。　　范围　　l界面设计　　l此文档用于界面设计,本文档的读者对象是项目管理人员

6、、售前服务人员、UI界面设计人员、界面评审人员和配置测试人员。　　概述　　UI设计包括交互设计，用户研究，与界面设计三个部分。基于这三部分的UI设计流程是从一个产品立项开始，UI设计师就应根据流程规范，参与需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段等环节，履行相应的岗位职责。UI设计师应全面负责产品以用户体验为中心的UI设计，并根据客户（市场）要求不断提升产品可用性。本规范明确规定了UI设计在各个环节的职责和要求，以保证每个环节的工作质量。　　基本介绍　　A、需求阶段　　软件产品依然属于工业产品的范畴。依然离不开3W的考虑（Who,where,why.

7、）也就是使用者，使用环境，使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人　　用(用户的年龄，性别，爱好，收入，教育程度等)。什么地方用（在办公室/家庭/厂房车间/公共场所）。如何用（鼠标键盘/遥控器/触摸屏）。上面的任何一个元素改变结果都会有相应的改变。　　除此之外在需求阶段同类竞争产品也是我们必须了解的。同类产品比我们提前问世，我们要比他作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更合适，更合适于我们的最终用