原型说明咋写-图像

图像 气泡 组件 加载 弹窗
发布于 2024-03-13
1000

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

扫码阅读
手机扫码阅读
文章摘要

原型规范与说明模板快速教程摘要

本文介绍了如何快速并全面地准备原型规范和说明,以帮助产品在领导催促下也能够迅速响应。文章末尾提供了一个可以直接使用的模板。

一、约定基础规范

这一部分涉及与研发团队约定的默认实现内容。包括了:

  • 基础样式:默认为方形,大小由UI决定,图像按比例缩小至图像框内。
  • 基础交互:包含无图像时的默认符号,加载中和加载失败时的符号和操作。

二、约定可控参数

本节主要定义原型中可控制的参数,以及如何通过文档维护这些参数。具体参数包括:

  • 数据来源:明确数据的来源。
  • 鼠标悬停:指定是显示气泡提示还是弹窗内容页。
  • 鼠标单击:定义单击行为,如预览图像或跳转页面。

三、输出说明模板

提供了一个模板用以规范命名组件,这个模板可以直接写入注释,并保存为设计工具的元件库。

文章最后鼓励读者通过关注或收藏来支持系列文章的持续更新。

产品工具库

别人教你画原型,我们教你写说明

31 篇文章
浏览 34.5K

还在用多套工具管项目?

一个平台搞定产品、项目、质量与效能,告别整合之苦,实现全流程闭环。

加入社区微信群
与行业大咖零距离交流学习
PMO实践白皮书
白皮书上线