Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
zzx_123123
zui
提交
a70124d6
Z
zui
项目概览
zzx_123123
/
zui
与 Fork 源项目一致
Fork自
易企天创 / zui
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Z
zui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
a70124d6
编写于
10月 30, 2013
作者:
C
Catouse
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
* update document.
上级
59cd9dca
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
11 addition
and
15 deletion
+11
-15
getting-started.md
getting-started.md
+7
-0
standards.md
standards.md
+4
-15
未找到文件。
getting-started.md
浏览文件 @
a70124d6
...
...
@@ -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
standards.md
浏览文件 @
a70124d6
...
...
@@ -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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录