网站ui设计规范document.docx

网站UI设计规范文档1：Sina UI设计规范Sina产品设计指南（包括UI规范）摘要：以下是每个模块的简介。设计规范介绍什么是设计规范？ “产品设计部门·人机交互界面设计规范”是用于WEB产品线人机交互界面设计的指南手册。通过以用户为中心的设计指导方向网站设计ui规范文档，根据新浪产品本身的特点制定了一套规范，以改善用户体验并控制产品设计。以下分为模块。设计规范介绍什么是设计规范？ “产品设计部门·人机交互界面设计规范”是用于WEB产品线人机交互界面设计的指南手册。通过以用户为中心的设计指导方向，根据新浪产品的特点制定了一套规范亚博直播 ，以达到改善用户体验，控制产品设计质量，提高设计效率的目的。谁阅读设计规范？设计规范手册适用于界面设计师，用户体验设计师，前端技术工程师，发布支持人员和操作xx人员。通过细致而简洁的设计，使设计理念善于发掘内心和简洁，传达了先进的技术网站设计ui规范文档，为用户提供了便捷，简单的使用体验。设计准则A.设计规范在逻辑上被设计为内容服务亚博电子竞技 ，并且通过基于逻辑关系的视觉性能来指导用户。例如：googleyahoo搜索结果页面通过字体的颜色大小突出显示重要性。可伸缩性采用模块化设计的可伸缩性，以减少修改和重新开发的成本。例如：奥运会左右模块大小的统一可以方便xx随时调用和修改内容的位置。统一性使用统一的视觉规范亚博代理 ，更改不能超过统一的规模，并且个性化内容必须具有统一的样式继承。例如：无论每个渠道如何追求个性，都不能脱离新浪的整体风格，除非必须有继承和延续才能保持隶属关系。案件数应为百分比。本地化考虑了用户的文化背景和习惯，并在设计中实现了本地化。

反映人文关怀，例如：google，搜索到的文本链接使用红色和中国传统节日的徽标。该设计不应根据中国特色复制英文网站，不能反映中国人的美丽。遵循视觉设计的原则。页面外观页面类型：①普通页面②宽带页面③自适应页面④其他页面类型描述：①普通页面的基本属性：宽度750px┊背景白色＃FFFFFF┊位置居中┊页边距：顶端5px；底部20像素；左0px;右0px适用范围：新浪首页频道，首页频道，二级频道，级别文字页面等和其他非宽带产品线②宽带页面的基本属性：宽度900px┊背景白色＃FFFFFF┊位置居中┊边距前5px；底部20像素；左0px;正确0px适用范围：宽带频道首页和各级页面不包括文字页面和其他宽带产品线③自适应基本属性：宽度100％ground背景白色＃FFFFFF┊位置居中┊边距增加5px；向下20像素；左0px;右边0px适用范围：论坛，聊天，直播等。其他页面的基本属性：宽度500px┊背景白色＃FFFFFF┊位置居中┊边距5px；底部20像素；左0px;正确0px适用范围：错误页面提示准则：属性中的宽度，位置和边距是不可变的数据。属性中的背景白色是常用的颜色值。对于特殊的个性化频道，可以根据特殊要求更改颜色或使用背景图像。背景颜色遵循尽可能少选择颜色的原则，以使用高饱和度的颜色来减少用户的视觉疲劳。

背景图像应遵循尽可能选择可重复使用图像的原则，以减少页面文件的数量。如果遇到页面的整体笔触效果，请参考图例。页面结构第2章：UI界面设计规范UI设计规范1：UI设计的基本概念和过程目的规范了公司的UI设计过程yabo88登陆 ，使UI设计人员可以参与产品设计的整个过程，并负责使用的便捷性在产品的整个过程中，要规范UI设计过程并确保UI设计过程的可操作性。范围l接口设计l本文档用于接口设计。本文档的读者是项目经理，售前服务人员，UI界面设计人员，界面检查人员和配置测试人员。概述用户界面