细扒国内最牛前端(用户体验)设计团队及他们设计的UI组件
先回忆点历史:2009年的时候,本菜鸟正*于研究前端设计,经常上几大公司的前端团队网站学习经验。并写了一篇《细数国内几个比较牛的网站UED博客》,投到了 cnBeta,引发无数转载。7年后,发现已物是人非,一些团队已不见了,但令人高兴的是又冒出了许多新的精英团队。这里重新列举一下,因里面掺杂了许多个人喜好在里面,排序不一定客观,请勿见怪。
一、我最佩服的:eico design
eico design老大叫张伟,和我一兄弟同名,这名字据说全国有几十万个,但搞前端设计最牛的可能就是他了。魅族flyme、一加手机 H2OS 、快的打车、天猫魔盒、有道词典、有道云笔记等界面都曾出自于该团队之手。他们的官网上有不少案例介绍,值得设计师们学习领悟。
官网:http://eicodesign.com
二、用户研究最深入的:腾讯CDC
腾讯宇宙第一大公司的CDC团队那当然是牛的,我们菜鸟只有膜拜的份。他们的博客更新得比较勤,内容侧重于用户研究,都是用户体验方面最新的一些研究,绝对的干货,堪称论文。我每次上他们的主页就是复制、保存,然后再慢慢研习,生怕好内容像淘宝UED一样说没就没了。腾讯虽然老被人骂山寨,但不得不承认用户体验才是他们的核心竞争力。
官网:http://cdc.tencent.com
腾讯家族的其他前端设计团队:
1.腾讯ISUX社交用户体验设计
顾名思义,这个团队是搞社交用户体验设计的。腾讯作为国内社交老大,他们的经验值得学习,网站内容比较丰富,值得一看。
官网:http://isux.tencent.com
2.IMWEB团队
这个团队主要负责腾讯在线教育战略产品腾讯课堂,多人社交互动视频以及活动组织类项目的研发工作。官网:http://imweb.io
3.腾讯移动互联网设计中心
官网:http://mxd.tencent.com
4. 腾讯游戏官方设计团队
官网:http://tgideas.qq.com
三、前端技术很牛的:百度web前端研发部
之所以说他们很牛,是因为他们开发的几个开源前端组件都是比较好用的:UEditor开源编辑器,功能强大,交互体验很好;WebUploader很好用的上传组件,支持html5和flash两种方式;kityMinder在线脑图编辑器;kityForumula图形化公式生成库;FIS前端开发解决方案利器。官网上还有很多前端技术文章,值得收藏。
官网:http://fex.baidu.com
百度家族的其他前端团队还有:
1.百度移动用户体验部
百度移动用户体验部官网上内容比较丰富,喜欢移动前端设计的菜鸟们可以多去学习学习。
官网:http://mux.baidu.com
2.百度搜索用户体验中心
官网地址:http://ued.baidu.com
(不管他们家风如何,但前端设计师都是很辛苦的,吃的是技术饭,勿喷他们)
3.百度EFE(Excellent FrontEnd)技术体系
名字听起来很高深,他们的自我介绍也是如此:“前身是ECOM前端团队,后经过技术的发展,逐渐形成一套完善的前端技术体系。EFE技术体系现由多个遵循该技术体系的前端团队所组成。E(Excellent)代表我们追求卓越的技术态度。” 看起来很枯燥,但他们官网上有不少看起来同样枯燥的干货,想当高手的菜鸟可以去看看。
官网:http://efe.baidu.com
四、前端技术也很牛的:阿里巴巴UED
不过阿里巴巴UED也不错。他们博客内容偏重于介绍CSS、javascript等前端技术。不过内容更新不太积极,可以隔一段去看一看。
阿里家的其他设计团队
1.阿里妈妈MUX
官网:http://mux.alimama.com
2.淘宝UED
阿里系之前还有几个UED团队,我以前最常访问的是淘宝UED的网站,可惜说没就没了,他们的官网都打不开了,难道都忙着当店小二去了? 不过,值得安慰的是淘宝UED团队开发的kissy前端JS框架还在。
“KISSY是一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。除了完备的工具集合如 DOM、Event、Ajax、Anim 等,它还提供了经典的面向对象、动态加载、性能优化解决方案。作为一款全终端支持的 JavaScript 框架,KISSY 为移动终端做了大量适配和优化,让你的程序在全终端均能流畅运行。”
KISSY前端JS框架官网:http://docs.kissyui.com/
3.蚂蚁金服的体验技术部数据图形组
他们没有官方博客,但却为两个作品建了主页:
(1)G2图形语法
G2(The Grammar Of Graphics) 是一个由纯 javascript 编写、强大的语义化图表生成工具,它提供了一整套图形语法,可以让用户通过简单的语法搭建出无数种图表,并且集成了大量的统计工具,支持多种坐标系绘制,可以让用户*地定制图表,是为大数据时代而准备的强大的可视化工具。
官网:https://g2.alipay.com
(2)AntV专业数据可视化规范
如搞大数据分析,制作大数据图表,强烈建议学习研究一下。官网:https://g2.alipay.com/start
五、其他互联网公司的前端团队(顺带介绍,不一定很牛)
1.360 UXC用户体验设计中心
官网主页内容较少,没事可以看一下。官网:http://uxc.360.cn
2.京东设计中心
号称设计中心,但官网内容很少,谁让是奶茶家的呢。官网:https://jdc.jd.com
3.携程UED
更新不多,但还算不错。建议有空可以看看。官网:http://ued.ctrip.com/blog
4.迅雷用户体验设计中心
很久没更新了,无聊时逛逛差不多。官网:http://ued.ctrip.com/blog
迅雷阳台
主要介绍迅雷的一些最新产品信息,也有一些前端方面的内容,所以也算了进来。官网:http://ued.ctrip.com/blog
迅雷Bolt界面引擎
Bolt界面引擎是迅雷公司从2009年开始开发的第四代界面库。迅雷7是首个采用该引擎成功开发的产品,目前迅雷旗下大部分客户端产品都基于该引擎开发。该界面引擎迅雷免费授权,感兴趣的可以研究一下,反正本菜鸟不懂。官网:http://bolt.xunlei.com
5.搜狐畅游视觉设计中心
主要是游戏设计方面的内容。官网:http://vc.changyou.com
6.DTOP动易设计团队
动易可以说是本菜鸟学做网站的开端,当时我学着用粟维胜老师开发的,堪称经典的powereasy3.5做出了第一个网站,后来慢慢的学会了修改程序,走上了走火入魔的“不归路”。十多年过去,粟老师早已是粟老总了,我还是菜鸟一只,但一切都值得回忆。DTOP动易设计团队虽然不算强,但很勤奋,网站更新也很及时,这种精神值得学习。因为没有太多深入的研究性内容,里面的文章很适合菜鸟作为学习资料。
官网:http://dtop.powereasy.net
六、值得收藏的几个前端相关网站
1.UI中国
很专业,前端设计资料、案例很丰富,学习UI设计第一网站。
官网:http://www.ui.cn
2.Uimaker(UI设计)
内容也很丰富。官网:http://www.uimaker.com
3.UICloud(国外)
世界最大的UI搜索引擎,包含数万个UI组件。网址: http://ui-cloud.com
4.优设网
网页设计师学习平台,内容更新比较勤。
http://www.uisdc.com/
5.其他前端大神,不一一介绍,有请自行在评论中留下大名。
-------------------------------
今日头条号菜鸟手记,用菜鸟的视角记录程序开发、前端设计、软件运用的点点滴滴(实际上是想装大神装不成),更易懂。为防止下次找不到菜鸟手记,记得关注一下哦!