FCC 设计系统
2020-03-01 50浏览
- 1.设计系统 Design System 加 速 前 2018.０7.14 端 迭 代
- 2.宝尊电商 曾磊磊 前端架构师https://github.com/LeiZeng
- 3.Design System 设计系统
- 4.什什么是设计系统 “A design system is a set of interconnected pattens and shared practices coherently organized to serve the purpose of a digital product.” —Alla Kholmatova.“Design Systems“ 设计系统是⼀一系列列有内在联系的模式和共享实践，有序组织起来服务 于数字化产品⽬目标。
- 5.前端开发的两个故事
- 6.前端故事⼀一 这是最后⼀一次修改设计了了！ 太好了了，⻢马上就改！
- 7.
- 8.最后⼀一次修改是不不存在的。
- 9.业务和设计的不不确定 是⼀一种常态
- 10.持续设计
- 11.正视改变，响应改变
- 12.前端故事⼆二 导航栏的字体太⼤大了了，改⼩小 ⼀一点吧，间距也要窄⼀一点 额…好的
- 13.
- 14.⼩小⼀一点⼉儿是多少像素啊？ 窄⼀一点⼉儿是多少像素啊？
- 15.设计师和开发缺乏统⼀一的沟通语⾔言。
- 16.设计系统的故事
- 17.设计系统下的⼯工作⽅方式 – Sketch设计模版
- 18.设计系统下的⼯工作⽅方式 – 确定设计参数
- 19.设计系统下的⼯工作⽅方式 – 调整设计参数
- 20.设计系统下的⼯工作⽅方式 – 在线设计系统
- 21.前端设计系统故事 我有⼀一点修改。 好，你要改什什么？
- 22.前端设计系统故事 这个组件 的 字体尺⼨寸改成12px 好的，改完了了。
- 23.怎么使⽤用设计系统
- 24.设计系统 应⽤用 功能 模版 组件 基础元素 原则
- 25.Atomic Design 原⼦子化设计 原⼦子 分子 组织 模版 页面
- 26.设计系统 + 原⼦子化设计
- 27.设计系统定位 设计系统定位
- 28.设计系统定位： 设计原则，基础组件
- 29.设计系统 – Sketch设计模版 设计基础元素 设计组件 构建⻚页⾯面
- 30.设计系统 – 设计师确定设计原则
- 31.设计系统 – 量量化设计 （Material Design）
- 32.设计系统 – 约定设计原则的设计参数
- 33.设计系统 – 组件化开发Storybook
- 34.设计系统前端实现： 设计变量量化，组件化开发
- 35.设计系统 – 组件化开发
- 36.设计系统 – 变量量化基础框架 Bootstrap
- 37.设计系统 – UI框架Material Design
- 38.设计系统 – UI框架 Ant Design
- 39.设计系统新定义： 设计师和前端开发约定好设计原则和UI组件，以 在线组件库和设计模版的⽅方式协同⼯工作的⼀一套实践。
- 40.开源设计系统
- 41.开源设计系统https://vueds.com/example
- 42.开源设计系统https://react.lightningdesignsystem.com/components/buttons/
- 43.在线设计系统http://www.carbondesignsystem.com/components/overview
- 44.Sketch模版http://framesforsketch.com/
- 45.⽂文章引⽤用和链接https://vueds.comhttps://react.lightningdesignsystem.comhttp://www.carbondesignsystem.comhttp://framesforsketch.com/https://medium.com/ge-design/ges-predix-design-system-8236d47b0891https://blog.prototypr.io/design-system-ac88c6740f53https://medium.com/sketch-app-sources/how-to-create-a-design-system-in-sketch-part-one-fd450dccab10
- 46.THANKS!
