@rabbielulu
2016-10-21T10:16:05.000000Z
字数 1028
阅读 3945
中台web设计规范
web bootstrap 规范
中台是集成多种服务和解决方案的系统，为小型团体或个人提供开发app所需的各种服务，如商城服务，支付服务，论坛服务等。
中台分为后台管理网页，和前台移动端app或网页。这个文档基于bootstrap框架，总结了中台后台web页面的设计规范。规范目的为，设计师按照此规范设计，以保证设计元素的统一以及前端开发的便捷。
设计目的：
- 帮助设计团队提高设计质量，工作效率
- 减低各方沟通成本，统一设计标准及工作方法
- 支持模块化设计，减低开发成本，加快产品开发迭代的生产速度。
- 逐步提高交互体验，更好的服务于用户体验工作。
设计标准原则：
- 高效设计，优质的阅读体验，保持专注，简约流程。
- 快速认知，快速记忆，降低认知成本。
- 标准的基础设计规范。
- 进阶标准，情感化设计体现，产品品牌形象传播
规范使用者：中台管理后台页面设计师
| 版本 | 备注 | 规范撰写人 | 规范审核 | 时间 |
|---|---|---|---|---|
| 修正版1.0 | 该版本定义了web管理后台的具体设计元素和组件规范 | 孙欣如 | 卢若晨 | 2016.07.01 |
| 修正版1.1 | 更新了颜色板和按钮样式，调亮了原有的蓝色色调 | 卢若晨 | 卢若晨 | 2016.08.31 |
| 修正版1.2 | 修改了文字部分的规范，主要修改了H1字号以及正文字号 | 卢若晨 | 卢若晨 | 2016.09.27 |
| 修正版2.0 | 更新了表单，模态框等设计元素的样式 | 卢若晨 | 卢若晨 | 2016.10.21 |
目录
部分PSD文件位置 ：\192.168.2.242\互动部硬盘\中台后台设计规范\规范2.0
颜色板
PSD文件 \192.168.2.242\互动部硬盘\易早教
按钮样式
PSD文件 \192.168.2.242\互动部硬盘\易早教
tips:在使用按钮时的原则：同一操作区域只有一个主按钮，其它按钮使用幽灵按钮已突出主要操作按钮。尽量不要出现两个相同颜色的主按钮并排的情况。
文字
表单
表格
基本表格
可排序的表格
图文表格
可选择的表格
可展开的表格
带概览的表格
导航
首页导航
内页导航
三级导航
横向导航
输入框
级联选择器
开关按钮
分页
对话框
标签
模态框
进度条
步骤条
组合按钮
徽标数
文字提示
气泡卡片
内页表单示例
