原型说明咋写-复选器

文章摘要

本文介绍了一种快速而全面的产品原型开发方法，并提供了可直接使用的模板。这种方法能够帮助产品人员在领导要求快速交付原型的情况下，也能保证原型的完整性与细节。

步骤一：约定规范

团队成员需要与开发和UI设计师共同约定组件规范，并将其维护在独立文档中。

步骤二：使用模板

使用Axure或墨刀将带说明的通用组件保存在元件库中，这样在开发原型时可以快速使用。开发人员看到组件时，应按照之前约定的规范进行开发。

接下来，文章通过“通用、输入、输出、反馈”四类共43个常用组件及3篇页面（表单页、列表页、详情页）的写法，示范了如何编写规范与模板，并承诺将在本系列中分享这些规范与模板。

本期组件：复选器

文章详细讨论了复选器组件，包括其概述、约定的规范、产品可控参数、超出处理方案、滚动面板等方面。

• 复选器是一种适用性广泛的基础多选组件，它可以用标签展示已选项。
• 文中提到的规范包括了组件的不同状态（如未展开、展开、完成状态等）和产品的可控参数（如组件状态、提示文案、完成状态等）。
• 对于超出处理方案，提供了选项个数超出、标签长度超出以及选项长度超长的解决方法。
• 还介绍了滚动面板、分组选项、选项说明、一键清除等高级功能的设计规范。
• 最后，文章指出了如何产出模板组件，并建议在组件名称前加上“规范”字样以便团队识别。

作为结语，文章鼓励读者通过关注或收藏来支持系列的持续更新，并表示读者的鼓励是分享动力的来源。

低代码，还是无代码？

了解更多

想要了解更多内容？

查看原文：原型说明咋写-复选器

文章来源：

产品工具库

扫码关注公众号