提交 a70124d6 编写于 作者: C Catouse

* update document.

上级 59cd9dca
......@@ -116,6 +116,7 @@ ZUI也提供用来控制打印机的显示与隐藏的辅助类。显示和隐
## 6 配色 ##
ZUI的界面应该简洁,易于识别,让人感觉舒适而不失严谨。ZUI的配色应该尽可能达到该目的。
ZUI的配色表包含三部分:
1. 主要颜色:包含3~5种颜色,决定了ZUI界面整体色调。虽然并没有强制的规则来决定如何指定主要颜色,但最好是使用同一色调的不同明度的颜色。一般选取2深色+2浅色+1强调色。主要颜色会用在菜单、导航、链接、高亮选项等。
......@@ -124,4 +125,10 @@ ZUI的配色表包含三部分:
配色表中的每种颜色都可以在亮度上上下浮动10%左右来生成一个相近但又有些许不同的颜色作为边框及悬停渐变使用。
配色设计要点:
- 在界面中运用的所有配色尽量使用配色表中已列明的颜色;
- 优先使用主要颜色和灰度颜色,仅在特殊的按钮或消息时才使用额外颜色;
-
下面是ZUI默认使用的配色方案--静谧之湖。
\ No newline at end of file
......@@ -94,23 +94,12 @@ ZUI中的大多数界面元素都有不同的子类型、状态及参数。关
├── _layouts/ // 文档模版
└── _includes/ // 文档内容
### 2.3 开发约定 ###
- 不在框架文档中加入与框架当前无关的资源;
### 2.3 设计准则 ###
- 尽量减少界面中线条的出现,避免造成界面显得复杂。应该尽可能考虑使用背景及留白来区分内容的不同部分。
## 3 基础 ##
### 2.4 开发约定 ###
### 3.1 css normalize ###
采用开源项目 [normalize.css](git.io/normalize) 进行样式重置。
### 3.2 栅格系统 ###
- 采用bootstrap3的网格设计。具体使用参考[bootstrap3-grid](http://v3.bootcss.com/css/#grid)
- 通过.container包含行(row),行再包含列(column)。
- 系统默认12列
- 分为col-xs-*/col-sm-*/col-md-*/col-lg-*四种设计分别对应超小屏幕(<768)/小屏幕(>=768)/中等屏幕(>=992)/大屏幕(>=1200)
- 通过col-xs-offset-*来向右偏移,通过col-xs-pull-*/col-xs-push-*来左右移动
- 不在框架文档中加入与框架当前无关的资源;
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册