扫码阅读
手机扫码阅读

原型说明咋写-日期选择器

589 2024-03-13

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

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

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

产品经理常常面临领导要求快速提供原型,同时又要保证细节完备的困境。本文提供了一个既快又全的原型开发方法,并附有直接可用的模板。

步骤一:约定规范

与开发和UI团队协定组件规范,并将其维护在独立文档中,以保证一致性和可维护性。

步骤二:使用模板

在Axure或墨刀中,将带有说明的通用组件添加到元件库中,便于在原型设计时使用。当开发团队看到组件时,可以直接参照之前约定的规范进行开发。

规范与模板的编写

本系列文章将展示如何通过四类(通用、输入、输出、反馈)约43个常用组件,以及三篇页面(表单页、列表页、详情页)的写法,来分享规范与模板的编写方法。特别介绍了日期选择器组件的规范编写。

日期选择器组件

详细介绍了日期选择器的约定规范,包括基础规范和业务面板基础规范,如输入框样式、展开收起逻辑、面板内容等。同时,也说明了与开发团队约定的可控参数,如状态、提示文案、影响事件等。

输出说明模板

提供了如何在组件名称前加上“规范”字样,以便团队识别,以及如何将模板直接写入注释,并存储为常用设计工具的元件库。

结语

作者鼓励读者通过点击【关注】或【收藏】来支持系列的持续更新,表达了对读者鼓励的感激之情。

想要了解更多内容?

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