设计师就业衔接班！45天 PS、AI、AE 从入门到入行 详情戳>>>
组件化思维是设计师必备的技能之一，如何搭建组件库和设计规范更是设计师应该掌握的。本文作者从自身工作经验出发，对组件化思维的设计流程进行了分析总结，供大家一同参考和学习。
什么是组件化设计？组件化的创建流程是怎样的？
本文将深入细节从多角度去解析组件化的概念，帮助我们理解、构建组件库。设计组件化的概念本身是从程序的开发模式中演变而来。
产品视觉设计大致是由80%产品界面和20%运营设计组成。80%的产品设计，属于理性，有规律的部分；而20%运营设计，属于感性，表达创意的部分。
从一开始的立项到现在落地上线，可以说是从零开始进行 APP 全部细节的梳理并且规定规范，这一路走过来还是能总结出很多心得，本文将分为3个部分，阐述如何从0到1建立设计规范。目录如何确定内容，规范里要写什么如何写如何推动规范落地一、如何确定内容？
因为工作内容，最近2年一直在探索如何打造一个高度灵活性的设计规范体系，在能够维持自身设计积累的基础之上，也能够配合项目需要快速的产出高质量的定制化交付件。偶然之间看到了这本书，看过之后感觉很有启发，就利用业余的时间翻译成中文，希望对大家有帮助。
@C7210 ：上篇文章说到了《像做产品一样对Design System进行前期规划》，包括目标、原则、范围与架构，这四个方面。本周在最关键的部分深入推进一步，聊聊「架构」当中的一些问题。
最近一直在关注设计系统，恰逢笔者正准备毕业，毕业设计就索性开发了一个模块化组件搭建界面原型的 Web 工具 —— Atomframer 。通过对设计模式的选取，三分钟即可搭建一个用于快速沟通的界面原型。
「他们喜欢戴着镣铐跳舞，而且是其他诗人的镣铐。」They love to dance in these fetters, and even when wearing the same fetters as another poet.——布里斯·佩里（Bliss Perry)，美国文学评论家闻一多最早在他的《诗的格律》一文中引用了佩里的这句话，想表达的是诗词的格律对诗人的约束是有益的——「恐怕越有魄力的作家，越是要戴着镣铐跳舞才跳得痛快，跳得好。
Echo ：本篇讲述的是 feedback 反馈类。反馈就是用户做了某项操作之后，系统给用户的一个响应。
合作作者 Hesivell 带来的读书笔记，关于我们曾经介绍过的《Design Systems》一书，并配有涂鸦笔记风格的手绘插图，强烈推荐。这个体系像是渗透在产品中的一种语言，让产品人员、设计师、程序员用同一种语言交流，提升协作效率；又像是一个自动化智能化的工具，让整个团队进行自循环，尽量减少人工维护。
我猜想我们大多数人都是从了解一点 UI，或者根本不了解的情况下开始从事设计的。但即使开始时我们并没什么优势，我们仍然想方设法的通过众多设计书籍和文章来了解颜色，排版，布局等方面的知识。
任何设计规范都不能详细说明一个完整的用户界面。因此，根据定义，即使设计师致力于遵守适当的设计规范，仍然还会有很多设计工作 。
原子设计系统（下均称为设计系统）这个词应该已经流行很久了，像蚂蚁金服最近出的 Ant Design 3.0 也说是基于「设计系统」进行构建的。如果你没有了解过原子设计系统，那么我建议先去对原子设计系统做一个初步的了解。
最近在阅读《佐藤可士和的超整理术》，书里讲述的是作者通过对空间、信息和思考的整理，来解决复杂问题，让工作变得高效。生活和工作离不开「整理」，好的设计也要从「整理」开始，组件化设计思维，也可以看做一种「整理术」。
在APP设计中，有很多组件有着类似的功能和用法。如何正确使用这些组件？
Echo ：本文本篇文章讲解设计规范中的单元控件类，也是设计规范系列的最后一篇，继这个系列之后我会写一些超有意思的文章，敬请期待哦！系列文章： 《轻松看懂规范！
网易UEDC – 王媛媛 ：组件化设计，就是设计模块化，组件可复用。是以通用化的视角审视模块设计，根据业务方需求支持多个产品的接入与使用。
Echo ：由于涉及到操作类的组件控件实在太多太多了，我这里划分归类的是典型的同时和之前分组不重复。系列文章： 《轻松看懂规范！
Echo ：设计师或产品经理在设计产品原型时，大部分情况都是先设计主流程的主界面，然后设计其他各个场景的界面，最后设计异常界面、空数据界面等等。那么，空数据界面一共有哪几种类型呢？
如何吸引用户注意力： 1.人性化：尽量不要传达系统消息感，可以考虑用人物对话等更有温度的形式来包装 2.个人IP：头像在互联网世界中，如同现实世界的名字一样，都是属于个人形象IP的一个标志，更容易被用户关注到
讲的非常好，很感谢，但是文章中有一点点小问题，比如说文章中有一处是长边完全显示，写成了短边完全显示，会加长阅读的时间。不过也无伤大雅，总之很感谢！
思路非常好，点个赞，现实很多设计师在设计中更多是在参考需求原型，而没有跳出原型去思考设计策略，所以当面试官问到这个问题的时候不知道怎么说。 文章最后给出的设计策略个人觉得还是并不能解决问题。对于商品交易，除非复购或者对此商品非常了解，缩短交易路径是可用的，但是这只能复盖很小一部分场景，缩短交易路径的方法并不是单纯地缩短操作路径，这是很多新手都会走的误区...
特意登录感谢无私的大神
受益匪浅，感谢作者分享，期待后续文章
如何吸引用户注意力： 1.人性化：尽量不要传达系统消息感，可以考虑用人物对话等更有温度的形式来包装 2.个人IP：头像在互联网世界中，如同现实世界的名字一样，都是属于个人形象IP的一个标志，更容易被用户关注到