扫码阅读
手机扫码阅读

原型说明咋写-复选器

332 2024-03-13
文章摘要

文章摘要

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

步骤一:约定规范

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

步骤二:使用模板

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

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

本期组件:复选器

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

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

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

想要了解更多,点击 查看原文