我的设计成长笔记—第19篇(UI设计7)

UI设计7

2019年6月5日

今天是我距离30岁的倒数第282天

这里是我的设计成长笔记

—————————————————

VUE

了解到vue是从ant design 发现的

ant design相当于涵盖了设计规范、交互规范、动效规范和前端开发的vue、react、angular等常用的框架等组成了一个庞大的设计体系。

为什么聊到这个，引用ant design官方介绍的话语，在产品的研发过程中，会出现不同的设计规范和实现方式，但其中往往存在很多类似的页面和组件，给设计师和工程师带来很多困扰和重复建设，大大降低了产品的研发效率。而vue的概念就是我们要聊的最后一个环节，前端框架。

下面会有关于vue的解释和vue与react这类框架之间的优劣的文章链接。

在产品开发过程，我们聊了设计规范、交互规范、动效规范，但是这一些都是需要实现出来的，大量的表单、表格、选择器、组件、图标、字体、色彩，如果光靠手写或者使用jQuery插件，对于开发的工作量仍然是相当庞大的，因此经过大量的项目实践和总结，沉淀出了类似ant design的设计体系，屏蔽不必要的设计差异和实现成本，解放设计和前端的研发资源。

类似的除了阿里的ant design 还有腾讯的 weui、frozenUI，饿了么的elementUI 苹果的Human Interface Guidelines、安卓的Material Design等。

在有了框架的基础上，设计和开发的成本就大大减少了，作为我们这种小体量的企业，没办法制作这种体系化的工作，那就站在巨人的肩膀上吧。在设计的过程中多参考和对标这些规范体系就好了。

而且在大厂的体系化下，还有很多便于设计使用的插件工具，类似kitchen的工具集。

涉及开发的内容大概就这些了，毕竟工种不同，涉及设计的范畴也就到这里了。

最后就是测试走查环节。

好，就到这，

——————————————————

文中涉及相关链接

https://www.zhihu.com/question/266364449/answer/307230481

http://hcysun.me/2018/01/05/探索Vue高阶组件/

https://zhuanlan.zhihu.com/p/53414107

https://zhuanlan.zhihu.com/p/58307272

http://kitchen.alipay.com

https://ant.design/index-cn

https://weui.io