iViewui|基於Vue高質量UI元件庫

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

iViewui

iViewui特性:

1.高質量、功能豐富;

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

3.細緻、漂亮的 UI;

4.事無鉅細的文件;

5.可自定義主題。

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

1.對比(Contrast) #

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

2.重複(Repetition)

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

3.對齊(Alignment)

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

4.親密性(Proximity)

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

猜你喜歡

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *