百度 | 神马 | 搜狗 | 技术文档 | 学习资料分享 - 记录帝国CMS及运维技术的点点滴滴
你的位置:首页 > 实用IT技术 » 正文

【素材网站】iViewui|基于Vue高质量UI组件库

发布时间:2020-09-17

作品分类:素材网站  设计  页面  元素  高质量  组件  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)

彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。

Top