ZUI中包含各種各樣的界面元素（或控件），例如按鈕、列表、表格等，甚至一些特定場景用到的一組元素也會在ZUI中精心設(shè)計(jì)，例如評論列表。為了更好的展示我們的設(shè)計(jì)理念，把這些元素歸為如下四類：

• 基本控件：用來構(gòu)建網(wǎng)頁應(yīng)用的基本界面單元，例如按鈕、文本標(biāo)簽、輸入框等。

• 組件：通過一個(gè)以上的基本控件組合而成的較復(fù)雜的界面單元。例如表單、菜單、表格等。

• Javascript 組件：這些組件要正常使用會使用到Javascript。某些Javascript組件需要手動調(diào)用來啟用。

• 視圖：視圖是將基本控件和組件組合使用來展現(xiàn)網(wǎng)站上的通用內(nèi)容，例如評論視圖及文章預(yù)覽列表視圖。

ZUI中的大多數(shù)界面元素都有不同的子類型、狀態(tài)及參數(shù)。關(guān)于類型、狀態(tài)及參數(shù)的定義如下：

• 類型：同一種界面單元的不同類型，例如按鈕有主要按鈕、次要按鈕及危險(xiǎn)按鈕等，導(dǎo)航菜單類型有普通導(dǎo)航及頂部固定導(dǎo)航等。任何時(shí)候都應(yīng)該只為同一個(gè)界面元素指定一種類型，默認(rèn)類型無需指定。

• 狀態(tài)：狀態(tài)為同一種界面單元允許在不同的狀態(tài)中切換，例如按鈕有正常狀態(tài)和不可用狀態(tài)，下拉菜單有展開及收攏狀態(tài)，菜單項(xiàng)目有選中和未選中狀態(tài)等。在同一個(gè)界面元素中允許疊加多個(gè)狀態(tài)。

• 參數(shù)：參數(shù)作為界面單元如何展現(xiàn)提供依據(jù)，例如表格是否隔行變色，是否啟用鼠標(biāo)懸停等。可以同時(shí)指定多個(gè)參數(shù)。

可以隨時(shí)從Github上下載ZUI的源碼。不僅僅包含所有開發(fā)源碼文件，而且包含完整的文檔和示例。如果你需要定制的編譯版本更應(yīng)該下載源碼。以下簡要說明源碼目錄結(jié)構(gòu)。

zui/
├── src/                         ZUI的源碼目錄
│ ├── less/
│ ├── js/
│ ├── fonts/
│ └── apps/ 一些自定義的編譯配置
├── dist/ 預(yù)編譯輸出目錄
│ ├── css/
│ ├── js/
│ └── fonts/
├── docs/ 文檔
│ └── example/ 文檔中用到的例子
├── assets/ 一些依賴的或者配合使用的其他資源，包含jquery等
├── Gruntfile.js                 Grunt構(gòu)建腳本
└── index.html                   文檔首頁

桌面瀏覽器

• IE 8+

• Opera 12+

• Firefox 8+

• Safari 6+

• Chrome 20+

移動瀏覽器

• IOS 6+ Safari

• Chrome for Android 4+

• Chrome for iOS

• Windows 10 Mobile Edage