11
6cce4ab95d
其他xieda • 于 2018-08-08发布 • 39次阅读 • (原文: gitissue.com)

构建一个UI框架库

为提升开发效率,适应移动端和PC端,出现了后台类,工具类,购物类,社交类,数据分析类等等UI库。

1. UI组件设计思想。
究其原因是UI组件的设计思想,通常的可以分为以下几类。

  • 灵活适应与固定模式
  • less接口与more接口
  • 以框架为中心与以开发人员为中心

2. 新的UI组件出现的原因
UI组件可以说是五花八门,质量层次不齐。
就开发人员而言,他所需要的是迎合设计者的思想,就其方向进行开发是效率最高,质量最好的,但在开发中我们难免有很多自定义组件,这个时候问题就出来了。
缺乏对组件思想理解,自创就成了你的绊脚石。
这句话怎么理解呢?
就是在初用Bootstrap的时候,你会觉得很爽,但实际情况中的时候,想要自定义组件,又完全吻合该框架设计风格的时候,你会发现,这个框架完全是一坨屎。你完全有能力造出另外一套框架出来。
这个时候,新框架就诞生了。

3. UI框架的出产
好了,我们现在踏上了嫌弃Bootstrap,开始了开辟新框架的征途了。
这个时候你会陷入这个框架是完全封装好,用户拿着直接用,还是用户根据页面风格设计圆角。是more接口让用户高度定制还是less接口让用户高度轻松。是给全套的组件让用户拼凑页面还是精华组件满足用户基础需求等等。
当你确定了一个方向之后。
你的框架就有了独有的一套思想。
恭喜你,进入怪圈。

4. 优良的UI框架
一个优秀的框架应该有以下特征。

  • 优良的布局
  • 优良的设计
  • 优良的文档
  • 自动分辨率适配
  • 变量合集
    这时候你会发现Bootstrap真是一门优秀的UI组件库,Ant Design真是最优雅的库。
  • 优良的布局
    布局不是简简单单的flex就可以凑合过去的,这种布局内部盒模型很模糊,用户难以把控。而像Bootstarp的栅格化响应式布局,无疑是十分优秀的。
  • 优良的设计
    设计不单单是视觉上的美观,更要有清晰的指向与反馈,ant design完全根据人眼观察角度,衡量计算出各类最优视觉美感是很不错的。
  • 优良的文档
    这里举一个反面教材就是饿了么的UI框架,一套代码,一组api,完事儿。然而用户还有很多隐形需求,缺没有写出来,开发时候效率很低。
  • 自适应分辨率
    是要给用户自定义组件中,也能够完美的吻合原声框架,进行优秀的分辨率适配,只有这样才能让用户开发与原生组件在适配中,保持一致。
  • 变量合集
    用sass,less构建变量合集,给用户清晰的设计规范,在开发新组件时候避免出现形态不一的情况。

总结
一个优秀的UI框架,必须基于提高用户开发效率,最大化适配兼容为方向的。
一种优良的设计思想,让其成为发展之根。

暂无回复。
需要 登录 后方可回复, 如果你还没有账号请点击这里 注册
Top