哈啰大家，欢迎来到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 腾讯tdesign.tencent.com 字节arco.design 08:32 design system居然还定义了动效! 有什么好处 10:22 design system方便了设计师在有限的范围内做选择 11:21 用对控件相同命名的design token有效地和开发沟通 semi.design 13:29 design system和responsiveness，根据设备类型考虑控件变种 14:50 设计师都是细节控，像素眼？ 18:11 怎么理解jd里对design system的要求 23:43 为什么公司期望设计师已经了解DS：因为对DS的理解是可迁移的 24:15 初次学习design system的建议 Typography in Design Systems Space in Design Systems Buttons in Design Systems 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的好处总结

哈啰大家，欢迎来到Design Click设计点的第二期节目。 本期节目我们将延续Design System设计系统（以下简称DS）的话题。上期，我们讨论了初学者的学习建议，DS和代码的关联，不同公司体量、业务与DS的差异等等。这期会更多以工作中的实际案例分享UX设计师在日常工作是如何使用DS的；DS team的设计师工作又有哪些不同呢？ 【本期亮点】 01:44 学习design system的进阶建议：思考已有做法的选择原因和背后逻辑。 03:17 公司通过color palette可以传递哪些信息？ 05:39 【思考题】为什么spacing常用4pt或者8pt？ 09:10 大厂设计师在选用控件的实例思考 15:15 startup里“全栈”设计师日常创建及维护design system的流程 18:23 新onboarding的设计师会对design system有怎样的困惑？ 20:35 如何评估创建新控件的成本？ 24:20 产品业务和design system就像鸡生蛋蛋生鸡？ 26:25 沟通以及收集use case是design system设计师的核心工作之二 28:51 product team里对控件的定制化调整是如何被收纳进design system里的？ 30:42 design system也包含对UI text的规范吗？ 【推荐资源】 Atomic Design Design System based on the 8pt Grid

哈啰大家，欢迎来到Design Click设计点的第三期节目。 本期节目的主题是设计师的编程探索。越来越多的JD将代码知识作为交互设计师的一个加分项。在做一些AR/VR项目的时候，编程也成为制作原型逃不开的一环。相信许多初学，甚至有过一段时间设计经验的小伙伴都曾疑惑过：设计师究竟需不需要学代码呢？如果需要，又怎么理解设计师所需的代码知识？学习代码能否为我的设计带来好处呢？交互设计师如何保持技能的平衡？ 肥可乐、胡萝卜和狗狗分别作为有着相对高、中、低代码知识储备的设计师，在工作中又曾因懂代码或不懂代码遇到了哪些获益或阻碍呢？ 值得一提的是，我们超级惊喜的在第二期节目迎来了一位新嘉宾：哈哈（是嘉宾的名字，不是语气词喔）！作为一个喜欢代码，并且有CMU产品开发背景的设计师，哈哈又会对以上问题有怎样的看法呢？ 让我们一起听听吧～ 【本期亮点】 02:33 大家的代码背景 05:52 设计师学代码（coding）常见误区1: 学代码和学CS是有区别的 08:30 设计师学代码常见误区2: “设计师会代码是要做产品经理” 09:10 大家觉得设计师需要学代码吗？ 10:28 设计师学代码常见误区3: 懂代码和技术是两回事。我们可能更需要的是了解技术 13:27 通过了解代码（or技术）让工程师更愿意跟你沟通 15:34 角色置换：作为设计师，你希望和怎样的产品经理/工程师合作？ 20:36 不要把产品经理和工程师看作你的敌人，和他们一起创造出更好的设计吧 23:24 学习代码对大家的设计流程有怎样的影响？ 24:20 学习代码能够提升critical thinking？ 30:58 了解技术后会沿着技术去设计 32:41 以用户体验为出发点，提出对项目组利益最大化的设计 34:03 代码在交付设计稿时的益处与实例 37:09 除了px,pt, 你知道ch也是设计稿的单位之一嘛？ 39:01 掌握代码能力对设计师的益处总结 40:22 学习代码也为自己拓展了career path的可能性

哈啰大家，欢迎来到design click设计点的第四期节目。本期将继续是设计师的编程探索话题。 我们将从基础和进阶两个维度去探讨交互/产品设计师所需的编程相关技能。对于大部分初中级设计师而已，基础部分足够应对你日常的工作，但是如果你感兴趣，或者希望在工作范围更大 or 遇到工作瓶颈时能为自己探索更多的机会和可能性，也许你可以尝试系统性的学习代码，更多的理解相关的技术知识。 如果你听了我们的节目对学代码这件事跃跃欲试，又可以从哪里入手呢？在节目的后半段，我们重点讨论了学生&在职设计师可以如何进行代码学习，有哪些推荐的资源和学习路径，从而达成高效学习的目标。 下面就和胡萝卜、肥可乐、狗狗以及哈哈一起进入今天的节目吧。 【本期亮点】 01:17 【基础部分】 设计师必备的代码&技术知识 * 01:34 代码语言 - html&css * 04:41 一些计算机运作原理（e.g. 数据传输，数据库，前端框架，API） * 05:07 所处的行业知识（domain knowledge） * 06:13 以上知识的学习难度与所需时间 10:09【进阶部分】什么时候需要系统性的学习代码&技术知识 * 10:34 岗位、任务需求 * 12:06 个人兴趣 * 15:56 对于资深设计师的能力要求 20:40 学习代码的推荐资源 * 20:54 在校学生可以去上计算机学院的课程（e.g. web application，data structure） * 22:08 同事是帮助你了解技术最有效率的资源 * 24:34 找有作业的课程，通过练习巩固理解 * 25:20 参考design system的开发模块 * 26:45 多看优秀案例素材，有助于打破对于设计的边界认知 27:35 狗狗的职业选择：前端工程师 or 产品设计师？ 技术实现 or 产品影响力？ 30:29 对new graduate学代码以及准备作品集的建议 33:23 先设计，后代码！保持设计师的核心竞争力 资源推荐： 「学科知识课程：Udemy, Coursera 字典类前端资源库 W3 schools, MDN Web Docs 作品集制作网站 Webflow, Wix, Squarespace 动效灵感网站：Codepen, Awwwwards 」 P.S. 未来的节目我们将统一在隔周的周三发布，敬请期待啦～