WEBUI设计规范.docx

WEBU设计规范2020年4月19日内蒙古万德系统集成有限公司WEBUI设计(流程/界面)规范目录~: UI设计基本概念与流程错误!未定义书签。 错误!未定义书签。 错误!未定义书签。 错误!未定义书签。二:UI界面用户体验设计原则与规范 错误!未定义书签。1:应该遵循的基本原则 错误!未定义书签。2:页面外观规范 错误!未定义书签。宽带页面 错误!未定义书签。白适应 错误!未定义书签。其它页面 错误!未定义书签。基本结构 错误!未定义书签。页面版式: 错误!未定义书签。版块基本元素:所谓基本元素就是将其中任意几块元素拼接起来形成所需网页版块。 ......错误!未定义书签。版块组合形式 错误!未定义书签。3: 色彩规范 错误!未定义书签。4:字体规范 错误!未定义书签。文字格式 错误!未定义书签。标题类 错误!未定义书签。CD能! 错误!未定义书签。注释类 错误!未定义书签。正文类 错误!未定义书签。5:图片规范 错误!未定义书签。主要图片 图片规格 6:表单规范: 按纽 错误!未定义书签。错误!未定义书签。错误!未定义书签。错误!未定义书签。2)输入框 错误!未定义书签。D文本框 错误!未定义书签。④复选框 错误!未定义书签。5) 错误!未定义书签。一:,使UI设计师参与到产品设计整个环节中来,对产品的易用性进行全流程负责,使UI设计的流程规范化,保证UI设计流程的可操作性。,本文档的读者对象是项目管理人员、售前服务人员、 UI界面设计人员、界面评审人员和配置测试人员。,用户研究,与界面设计三个部分。基于这三部分的 UI设计流程是从一个产品立项开始,UI设计师就应根据流程规范,参与需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段等环节,履行相应的岗位职责。 UI设计师应全面负责产品以用户体验为中心的 UI设计,并根据客户(市场)要求不断提升产品可用性。本规范明确规定了 UI设计在各个环节的职责和要求,以保证每个环节的工作质量二:UI界面用户体验设计原则与规范1:应该遵循的基本原则无论是控件使用,提示信息措辞,还是颜色、窗口布局风格,遵循统一的标准,做到真正的一致2:页面外观规范①普通页面 ②宽带页面 ③白适应页面 ④其它页面QOOpnT50py100%500px宽带页面普通页面其它页面白适应页面普通页面基本属性:宽度750px:背景白色#FFFFFF:位置居中:边距上5px;下20px;左0px;右0px适用范围:系统首页正文页面等及其它非宽带产品线宽带页面基本属性:宽度900px:背景白色#FFFFFF:位置居中:边距上5px;下20px;左0px;右0px适用范围:宽带频道首页和各级页面 不包括正文页,及其它宽带产品线白适应基本属性:宽度100%1背景白色#FFFFFF1位置居中1边距上5px;下20px;左0px;右0px适用范围:论坛聊天等页面