iViewui一套基于 Vue.js 的高質(zhì)量 UI 組件庫,搭配使用 iView UI 組件庫形成的一套后臺(tái)集成解決方案,由 TalkingData 前端可視化團(tuán)隊(duì)部分成員開發(fā)維護(hù)。iView Admin 遵守 iView 設(shè)計(jì)和開發(fā)約定,風(fēng)格統(tǒng)一,設(shè)計(jì)考究,并且更多功能在不停開發(fā)中。
iViewui特性:
1.高質(zhì)量、功能豐富;
2.友好的 API ,自由靈活地使用空間;
3.細(xì)致、漂亮的 UI;
4.事無巨細(xì)的文檔;
5.可自定義主題。
由于 Vue.js 是基于Object.defineProperty實(shí)現(xiàn)數(shù)據(jù)追蹤,故不支持IE8及更低版本的瀏覽器。其設(shè)計(jì)原理是:每一個(gè)優(yōu)秀的設(shè)計(jì)中都應(yīng)用了這些設(shè)計(jì)原則,它們相互關(guān)聯(lián),只應(yīng)用某一個(gè)原則的情況很少。
1.對(duì)比(Contrast) #
對(duì)比的基本思想是,要避免頁面上的元素太過相似。如果元素(字體、顏色、大小、線寬、形狀、空間等)不相同,那就干脆讓它們截然不同。要讓頁面引人注意,對(duì)比通常是最重要的一個(gè)因素,正是它能使讀者首先看這個(gè)頁面。
2.重復(fù)(Repetition)
讓設(shè)計(jì)中的視覺要素在整個(gè)作品中重復(fù)出現(xiàn)??梢灾貜?fù)顏色、形狀、材質(zhì)、空間關(guān)系、線寬、字體、大小和圖片,等等。這樣一來,既能增加條理性,還可以加強(qiáng)統(tǒng)一性。
3.對(duì)齊(Alignment)
任何東西都不能在頁面上隨意安放。每個(gè)元素都應(yīng)當(dāng)與頁面上的另一個(gè)元素有某種視覺聯(lián)系。這樣能建立一種清晰、精巧而且清爽的外觀。
4.親密性(Proximity)
彼此相關(guān)的項(xiàng)應(yīng)當(dāng)靠近,歸組在一起。如果多個(gè)項(xiàng)相互之間存在很近的親密性,它們就會(huì)成為一個(gè)視覺單元,而不是多個(gè)孤立的元素。這有助于組織信息,減少混亂,為讀者提供清晰的結(jié)構(gòu)。