扫码阅读
手机扫码阅读

原型说明咋写-单选器

464 2024-03-13

我们非常重视原创文章,为尊重知识产权并避免潜在的版权问题,我们在此提供文章的摘要供您初步了解。如果您想要查阅更为详尽的内容,访问作者的公众号页面获取完整文章。

查看原文:原型说明咋写-单选器
文章来源:
产品工具库
扫码关注公众号

快速并且全面的原型开发方法概述

本文介绍了一种既快速又全面的方法来开发原型,并提供了一个模板供直接使用。该方法包含与开发和UI团队约定组件规范,并将这些规范维护在独立文档中,同时使用Axure或墨刀等工具预置带说明的通用组件,以便快速输出原型。

规范和模板的编写

本系列文章将分享通用、输入、输出、反馈四个类别的约43个常用组件以及3篇页面(表单页、列表页、详情页)的规范和模板。本期聚焦于单选器组件。

单选器组件的规范

单选器组件在选项过多时提供下拉菜单供用户选择。本节详细介绍了单选器的各种状态(默认、悬停、完成、禁用)和产品可控参数(组件状态、提示文案、展开收起、选择状态、选中状态、禁用选项、待选项超长、待选项为空、滚动面板、分组选项、选项说明、一键清除、可搜索/创建选项和其他影响事件)。

单选器组件的模板产出

提供了模板注释并建议将组件名称前加上“规范”字样以便团队识别。模板包括组件名称、组件状态、提示文案、选项清单等可直接写入Axure/墨刀的元件库。

结语

文章鼓励读者关注或收藏系列以便不错过后续更新,并强调读者的鼓励是作者持续分享的动力。

想要了解更多内容?

查看原文:原型说明咋写-单选器
文章来源:
产品工具库
扫码关注公众号