在线甘特图|横道图|项目管理|计划管理 zz-plan
人员、任务、进度、工时、周期、依赖关系 一目了然。无论项目大小、简单复杂都能轻松管理
一看就懂！组件设计的 3 大类型+5 种属性科普
大家好，我是 Clippp，今天为大家分享的是「组件设计」。现在有很多成熟的组件库，能为设计的规范性带来更大的便利。
但作为设计师，不仅仅需要了解每个组件的样子、用在哪些地方，更需要清楚地知道组件的本质，即组件的形状、行为、状态等内在属性和设计细节，才能更深层地掌握组件设计。
组件的五种属性
想要全面了解并学习组件，首先要搞清楚组件具备的属性：
作用：定义组件的用途和作用，明白组件用来做什么的。
形状：不同形状的组件对产品、对用户分别有哪些作用。
行为：通过用户点击或触摸等动
组件科普！徽标设计的 4 种类型和 5 个要素
大家好，我是 Clippp，今天为大家分享的是「徽标设计」。说到徽标（Badge）设计，可能有些读者会觉得陌生，但是大家肯定都知道手机软件上那些没完没了的小红点提示，这种设计就是运用了徽标（Badge）组件。
徽标很常见却又很容易被忽视，除了常见的小红点，根据使用场景的不同，徽标组件还有其他设计样式，比如在小红点上加数字、文字、状态……而且除了圆形，徽标还有很多其他形状，如果你也忽视了这些关于徽标的设计细节，一起来看看吧~
徽标的四种类型
徽标组件有纯圆点、数值、文字、图标
如何优化B端弹窗的使用体验，这里有7个设计方向！
本文会讲一些实用的 B 端弹窗设计方法：
如何使用弹窗：根据应用场景、交互需求、内容量、一致性原则
如何优化弹窗体验：弹窗按钮、弹窗高度、关闭方式、优化流程…
对于想要快速上手 B 端设计的小伙伴，这篇实用性很强的 B 端弹窗设计值得仔细阅读～
如何使用弹窗？
1. 根据应用场景
模态弹窗和非模态弹窗的具体使用场景可参考下图表格：
2. 根据交互需求
3. 根据内容量
当内容量较少时，可以采取下拉菜单进行设计上的优化，下拉菜单几乎都是非模态，它的优势明显，没有复杂操作和各