iViewui|基于Vue高質量UI組件庫

網站介紹

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

iViewui特性：

1.高質量、功能豐富;

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

3.細致、漂亮的 UI;

4.事無巨細的文檔;

5.可自定義主題。

由于 Vue.js 是基于Object.defineProperty實現數據追蹤，故不支持IE8及更低版本的瀏覽器。其設計原理是：每一個優秀的設計中都應用了這些設計原則，它們相互關聯，只應用某一個原則的情況很少。

1.對比(Contrast) #

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

2.重復(Repetition)

讓設計中的視覺要素在整個作品中重復出現。可以重復顏色、形狀、材質、空間關系、線寬、字體、大小和圖片，等等。這樣一來，既能增加條理性，還可以加強統一性。

3.對齊(Alignment)

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

4.親密性(Proximity)

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