建立一个知识库来解决技术选型问题;
我们的目标不是去挖掘新的工作方法,而是去发现和整理目前有效的方法;
建立适合的团队结构,从而提高整个设计团队内部、外部的沟通效率。
总结记录风格偏向实用性,不讲分析。

B 端产品同质化严重,需要从一些产品定位去定制更加富有个性的品牌,从同类产品中能够脱颖而出,让用户对产品产生感情。

设计体系的代表

时至今日,市面上已经出现了不少设计体系,目前较为流行或具有代表性的设计体系有

  1. Bootstrap
  2. Ant Design
  3. SAP Fiori
  4. Material Design
  5. Windows Guidelines

B端组件库参考

https://www.yuque.com/meifangmia/zwcdgs/yf0h0p
https://www.yuque.com/baiyu-vlgbh/tgscs3/inr46z

B端设计,B端 SaaS 设计体系
https://www.uisdc.com/tob-design
https://www.uisdc.com/zt/to-b-product-design

基于场景的封装,比如动画、拖拽、复制到粘贴板、qs 处理、cookie 处理等
统一使用复数目录
typings 统一存放地址
减少开发者自行选择技术栈,带来的混乱和难以维护

B端设计规范如何落地

https://www.yuque.com/gezimiao/ubo3e7/05ef85d1-079a-4c7d-96e5-07026b05f9db

设计体系的诞生

设计体系诞生,其实是界面设计行业生产工具的升级,是工业化提升效率诉求的体现。

  • 设计原则
  • 设计语言
  • 设计规范
  • 到前端框架
  • 再到设计系统
  • 是设计者与开发者对更高效更优雅实践落地方法的一次次探索。

伴随着互联网的发明与发展,设计师岗位不断细分,衍生出了越来越多的相关岗位

  1. 网页设计师
  2. GUI视觉设计师
  3. UX交互设计师
  4. UED用户体验设计师
  5. 全栈设计师等

他们将平面设计的设计原则结合平台特点、自身工作流程,探索、总结方法以求设计研发高效率。
于是,设计体系应运而生。
期待未来设计研发一体化,让设计者从重复劳动中释放出来,实现从设计支撑到设计驱动的价值转化。

设计体系的演变

早期的设计体系以模块化思维主导设计规范的制定,强调页面制作的高复用度和低成本。它往往由设计与开发开始,在经过一定积累后抽取出其中的组件得以应用。当遇到组件库无法满足设计需求时,产品经理、设计师就创造出新的组件补充进组件库中。

在过去的这几十年里,我们见证了很多企业或社会团体创建组件库、样式代码、设计规范等工具以保证页面开发的界面统一性,却一直存在诸多问题且效率低下。这种模式虽然能够短时间内满足界面设计与开发的需要,但本身存在着设计规范与组件库更新滞后、新组件可能会与原有样式代码冲突的问题。

2014年,Brad Frost提出了原子设计这一概念,提出“原子设计是一种基于网络设计系统思维方式的规范性原则”的概念。它可以帮助网络设计者建立用户与产品元素互动的关系,以及如何将它们整合到一个整体的系统中。基于原子设计,设计系统先行,而后根据设计系统来完成业务与组件库搭建。这样做可以使得组件与业务同步更新并且多端响应。

然而,这种模式又是具体怎么样才能够实现呢?
或许是BradFrost 的前端开发背景,前端模块化开发的鼻祖React的组件化思维给了他灵感。