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