企业级/B端设计交互/界面规范(二) 基础原则规范说明

设计规范主要内容

除去封面、目录、维护设计师的简介外，就开始进入正式的设计规范内容。

1. 简介

需要说明所属权、由谁设计维护、规范的用途，可以在简介上写清楚，另外还可以写上是由谁审核，范例可以参照所写的内容，主要是要说明较为重要的注意事项为主，内容可以依据规范所需斟酌增删。

本交互介面规范所有权属于OOO公司，由 OOO UED 团队共同设计与维护，提供公司内部与产品使用。本规范可提供于产品管理委员会审核交互与界面之标准，提供产品经理能快速设计合乎标准规范之原型，提供设计师更高效应用与减少设计失误。同时此规范必须应用于公司每项产品设计，保持产品介面与交互的统一性与标准性，提高产品的质量。

2. 目的&原则

主要是描述设计此规范的目的为何，能够给公司带来什么益处，并且写上此设计规范需要遵循哪些主要原则，并以这些原则为所有设计内容的依据。

设计本规范目的为统一公司产品之交互与介面，对外形成统一的产品操作与品牌概念，减少设计师与产品经理的重复工作，降低交互与介面上的歧异与错误，同时保持产品的一致性与标准，逐步提升公司产品的质量。

本规范主要遵循以下四原则：

01 一致性：保持系统层面一致性，包含交互操作、介面风格与框架，降低用户学习成本

02 易操作：简化操作流程，语言表达清晰、目的明确，帮助用户快速做出决策

03 操作反馈：做好完善的提示与操作反馈，帮助用户能到友好的操作体验与系统交互

04 干净简洁：保持产品介面、资讯整齐简洁，勿以过多的操作与色彩干扰用户，适时隐藏次要操作

3. 风格

风格可以尽量符合公司的性格、偏好颜色、品牌形象等视觉元素，通常也会着重在产品属性上，而此处是以大数据产品为例，诉求也是希望能给用户一种安定、沈稳的感觉，会尽量避免刺激性的颜色或者夸张的动态、动画。

OOO公司是一家大数据为业务诉求之公司，希望带给用户智能、稳定安全、等概念，依据公司属性，风格偏向干净简洁，无杂乱颜色干扰，尽可能突出重点功能与操作，引导用户能够顺利完成其任务为目标。

依据公司企业色规范，衍生出公司规范的色彩运用，力求简洁干净，色彩限制为五种主要辅助色彩，减少避免不必要的视觉干扰。

4. 适用环境

适用环境在此是以浏览器为主，不包含移动端，会把分辨率与最适浏览器的版本都一一交代清楚。

(1) 规范适用于 Windows, Mac 桌面浏览器；

(2) 建议适用浏览器依序为 Chrome, Firefox, Sarfari, IE10；

(3) 分辨率建议 1366 * 768 为最佳体验，最小至 1280 * 720，最大值则不限。