iViewui|基于Vue高質(zhì)量UI組件庫

網(wǎng)站介紹

iViewui一套基于 Vue.js 的高質(zhì)量 UI 組件庫，搭配使用 iView UI 組件庫形成的一套后臺集成解決方案，由 TalkingData 前端可視化團隊部分成員開發(fā)維護。iView Admin 遵守 iView 設(shè)計和開發(fā)約定，風格統(tǒng)一，設(shè)計考究，并且更多功能在不停開發(fā)中。

iViewui特性：

1.高質(zhì)量、功能豐富;

2.友好的 API ，自由靈活地使用空間;

3.細致、漂亮的 UI;

4.事無巨細的文檔;

5.可自定義主題。

由于 Vue.js 是基于Object.defineProperty實現(xiàn)數(shù)據(jù)追蹤，故不支持IE8及更低版本的瀏覽器。其設(shè)計原理是：每一個優(yōu)秀的設(shè)計中都應(yīng)用了這些設(shè)計原則，它們相互關(guān)聯(lián)，只應(yīng)用某一個原則的情況很少。

1.對比(Contrast) #

對比的基本思想是，要避免頁面上的元素太過相似。如果元素(字體、顏色、大小、線寬、形狀、空間等)不相同，那就干脆讓它們截然不同。要讓頁面引人注意，對比通常是最重要的一個因素，正是它能使讀者首先看這個頁面。

2.重復(fù)(Repetition)

讓設(shè)計中的視覺要素在整個作品中重復(fù)出現(xiàn)?？梢灾貜?fù)顏色、形狀、材質(zhì)、空間關(guān)系、線寬、字體、大小和圖片，等等。這樣一來，既能增加條理性，還可以加強統(tǒng)一性。

3.對齊(Alignment)

任何東西都不能在頁面上隨意安放。每個元素都應(yīng)當與頁面上的另一個元素有某種視覺聯(lián)系。這樣能建立一種清晰、精巧而且清爽的外觀。

4.親密性(Proximity)

彼此相關(guān)的項應(yīng)當靠近，歸組在一起。如果多個項相互之間存在很近的親密性，它們就會成為一個視覺單元，而不是多個孤立的元素。這有助于組織信息，減少混亂，為讀者提供清晰的結(jié)構(gòu)。