iuap-design / blog

📖 用友网络大前端技术团队博客

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

深入理解iuap design-01-介绍

GuoYongfeng opened this issue · comments

从我们团队成立到现在已经两月有余(什么,我们是什么团队?我们是宇宙超级无敌iuap前端技术部啊,你的问题太没文化了,以后拒绝回答),苦逼的我们历经1440多小时终于把iuap design从0到1的打造出来了(纠结1440这个数字的同学你是不是默默的打开计算器了,不要辣么认真~!)。

最近,很多同事和身边的朋友经常问我两个问题:

  • FED是什么产品?
  • iuap design是啥啊,好吃么?

每次听到这两个问题我都差点哭晕在厕所了,为了避免以后我还能愉快的玩耍,我郑重决定,好好回答这两个问题:

Q:FED是什么产品?

**A:**其实,这是我真实遇到的问题,不过还好,不是前端开发工程师问出的。FED是一个公共前端部门或组织,前端的简称是FE,加了后面的D,表示具备一定设计能力,关注用户体验(个人理解)。

Q:iuap design是啥啊,好吃么?

**A:**负责任的告诉你,iuap design是美味的冰激凌,你信么。当然,开玩笑了。其实这个概念是我们首次提出,并且还是存在一定误解的。而正好,我也希望能够在这里表述清楚。

什么是iuap design

从最早提出,到领导和同事们之间口头的传播,甚至都没有一个明确的认知,到底iuap design是一整套前端技术的集合,一个集大成者,还是只是一种设计语言,一个通用的设计模式,这是存在疑问的,所以我们带着疑惑去了解Material Design和Ant Design。

Material Design是谷歌推出的全新的设计语言,这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。过去Google的产品线,每一个都相当的独立,在产品的设计上反映得尤为明显,甚至不必看产品设计,只要看一下Google每款产品的LOGO都能发现许多不同风格的设计。这种混乱难以体现出Google的风格,如果Google的风格不是混乱和无序的话。所以谷歌的想法是让谷歌平台上的开发者掌握这个新框架,从而让所有应用就有统一的外观,就像是苹果向开发者提出的设计原则一样。

好了,到这里,我们对Design就应该有了一个清晰的认知。

再来看Ant Design,Ant Design 是一个致力于提升『用户』和『设计者』使用体验的中台设计语言。蚂蚁金服也是在内部众多产品的研发过程中面临着不同产品风格迥异的困惑。在中台产品的研发过程中,会出现不同的设计规范和实现方式,但其中往往存在很多类似的页面和组件,给设计师和工程师带来很多困扰和重复建设,大大降低了产品的研发效率。经过大量的项目实践和总结而沉淀出一个中台设计语言 Ant Design,就是为了统一中台项目的前端 UI 设计,屏蔽不必要的设计差异和实现成本,解放设计和前端的研发资源。

以上明确的是design部分的内容,但是作为团队技术产品的整体品牌推出,iuap design更主要的是定位是前端集成解决方案,而其中包含了我们的design部分。所以我们对iuap design的定义有两层含义:

  • iuap design是由用友网络FED团队打造的前端集成解决方案,为企业应用开发而生,iuap design提供从产品界面设计到前端开发的完整开发生态,可以大大提升设计和开发的效率。
  • iuap design是面向互联网企业的 UI 设计语言

fed,我第一次看到时,想到了淘宝的fed。在网上看到很多团队的文章如:京东的凹凸实验室,腾讯的Alloy Team,360的奇舞团。没经历过团队初期的过程,却经历了团队成型的时候。未来,希望yonyou fed 越来越强吧。

iuap design更主要的是定位是前端集成解决方案,而其中包含了我们的design部分。所以我们对iuap design的定义有两层含义:

iuap design是由用友网络FED团队打造的前端集成解决方案,为企业应用开发而生,iuap design提供从产品界面设计到前端开发的完整开发生态,可以大大提升设计和开发的效率。
iuap design是面向互联网企业的 UI 设计语言