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

发布时间:2024-04-01 09:11:36 浏览量:226次

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

热门课程推荐

热门资讯

请绑定手机号

x

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定