哈啰大家,欢迎来到Design Click设计点的第一期节目。
本期节目我们关注的话题是Design system设计系统(以下简称DS)。随着UX的成熟度愈发提高,产品对于一致性的需要也对应的具体起来,大到颜色字体,小到按钮大小位置,越来越多公司建立了自己的DS。那么DS好处究竟有哪些呢?为什么UX设计师需要了解和学习DS?作为初次了解DS的人,有哪些学习路径的建议呢?DS和代码又有什么样的关联呢?
【本期亮点】
01:28 主播背景以及日常工作和design system的关联
06:35 大厂公示出design system给用户带来更多好感
Googlem3.material.io
Appledeveloper.apple.com
Shopifypolaris.shopify.com
Ant design ant.design
08:32 design system居然还定义了动效! 有什么好处
10:22 design system方便了设计师在有限的范围内做选择
11:21 用对控件相同命名的design token有效地和开发沟通
13:29 design system和responsiveness,根据设备类型考虑控件变种
14:50 设计师都是细节控,像素眼?
18:11 怎么理解jd里对design system的要求
23:43 为什么公司期望设计师已经了解DS:因为对DS的理解是可迁移的
24:15 初次学习design system的建议
28:11 entry level和senior对design system理解的区别在哪儿
33:06 design system是对业务的总结和整理
34:03 不同公司体量design system的差异
38:10 design system的负责人也可能是UI Engineer?
38:40 前端对design system可行性的重要意义
41:13 高封装程度的design system的利与弊
43:55 同样代码在不同浏览器上显示都不一样?
49:01 design system的好处总结