扫码阅读
手机扫码阅读

原型说明咋写-时间选择器

338 2024-03-13

本文介绍了一种用于快速开发原型的方法,这种方法能够在领导催促原型要快的同时,保证细节的覆盖。作者提供了一系列的步骤,并承诺在文末提供模板供直接使用。

步骤一:约定规范

作者建议与开发和UI团队约定组件规范,并将其维护在独立的文档中。这一步骤有助于统一团队对组件的理解和使用。

步骤二:使用模板

建议使用Axure等工具将带说明的通用组件置入元件库,这样在出原型时可以迅速使用。开发人员看到组件时,可以直接应用之前约定的规范。

文章将分为“通用、输入、输出、反馈”四大类,涵盖约43个常用组件及3篇页面的写法,作者承诺将分享规范与模板。

本期组件:时间选择器

详细介绍了时间选择器的四个模板:固定时间选择器、固定范围时间选择器、任意时间选择器、任意时间范围选择器,并针对每个模板提出约定基础规范。

一、约定基础规范

与研发团队约定默认实现内容,包括基础样式单选、范围选择、展开面板、固定时间面板、备选项联动等,以及对悬停、完成等状态的交互样式。

二、约定可控参数

讨论与研发团队约定的原型中可控制的参数,例如通用状态(可用/只读/禁用)、提示文案、影响事件、一键清除等。

三、产出说明模板

提供了组件名称前加“规范”的方式,以便团队识别规范组件,并建议将模板直接写入注释,存为Axure/墨刀元件库。

结语部分鼓励读者持续关注和收藏系列,以获得最新更新和分享。

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