每人每天仅限5票，快给你心仪的作品鼓励的一票。
投票
0.0°
近年来，随着Style Guide 向 Design System的发展，越来越多的设计体系被我们熟知，例如Ant Design、Fusion Design及Material Design等等。虽然设计体系根据产品容量及大小虽有差异，但其核心指导理论均为Atomic Design（原子设计），即通过原子化设计出一套架构严谨、规则统一的框架体系，以模块化的方式实现产品运作，从而大大提高产品设计与开发效率，其中还包括设计资产的沉淀及设计工具赋能。本次整理文章的目的，是为了总结从0开始整理公司后台系统组件库的工作内容，分享Atomic Design（原子设计）建立组件库并提升团队效率的工作方法。
全部评论：66条
-
-
-
-
胸大也不给你摸丿
2019-07-19 17:15哇~太棒啦，好喜欢作者的设计哟，有没有志同道合的小伙伴，我们一起加群探讨如何学习平面设计哦，群主小姐姐人美声甜，设计水平666哟~ 企鹅群号：622367534
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
嘿呀嘎
2019-07-10 14:35谢谢大佬的分享，规范制作的很细致，目前我们团队也在整理规范中，以下问题想和大佬探索一下，1、在制作规范的过程中，原子元素，比方说颜色、字体等样式您是单独放一个sketch文件，还是所有的规范都在一个文件？(ps：我们是字体做了一个sketch文件；颜色等样式做了一个sketch文件；icon是一个sketch文件；按钮、下拉框等一些基础组件是一个sketch文件；页面中重复出现的模块是一个sketch文件。因为公司产品有App端的也有Web端的，导致引入library的时候有很多)2、和设计小伙伴同步组件时用的什么方式（每次修改后再发送到小伙伴手里比较，来回替换比较繁琐，大佬有没有好的方式？）
-
-
-
-
-
-
RETHINKAIZ
2019-07-04 21:52文章真赞，这样繁复的设计规范制作，确实是需要功夫！制作每一类基础样式都需要考虑不同情况，尤其在字体样式设置上，考虑到了多行和单行，这部分做的很到位！
-
-
-
银子_
2019-07-04 14:50我还想再请教一个问题
文字规范那里我看到你是设置的默认1.5倍行高。这个是多行文本的行高还是单行的行高呢。在sketch里面默认行高随着不同的字号和文件还会发生变化，所以我需要在文本里手动输入行高吗（这意味着工作量会比较大），然后在标注时提醒开发单行和多行的行高吗。 -
-
- 更多
更多作品
发表评论