扫码阅读
手机扫码阅读

原型说明咋写-拖拽上传图片

435 2024-03-13

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

查看原文:原型说明咋写-拖拽上传图片
文章来源:
产品工具库
扫码关注公众号

文章摘要

产品开发过程中,为应对领导对原型的快速需求以及后续细节讨论的要求,本文提出了一个既快又全面的方法,并在文末提供了可直接使用的模板。

步骤一:约定规范

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

步骤二:使用模板

在Axure或墨刀中,将带说明的通用组件添加到元件库中,以便在制作原型时使用。开发团队可以根据这些组件使用之前约定的规范。

规范与模板编写指南

本系列内容将分享“通用、输入、输出、反馈”四类共43个常用组件和三篇页面(表单页、列表页、详情页)的规范与模板编写方法。

本期组件:拖拽上传图片组件

本部分概述了图片上传至远程服务器的过程,并提出了基础规范和可控参数的约定,以及输出说明模板的使用。

一、约定基础规范

  • 上传区的样式和功能,包括拖拽上传、点击上传和异常处理。
  • 已上传操作区的布局、文件排序、以及各状态(上传中、成功、失败)的样式和操作。

二、约定可控参数

  • 文件类型、大小、数量的确定,以及提示文案和后置影响的描述。

三、输出说明模板

提供了组件名称、文件类型、大小、数量、提示文案和后置影响等规范的模板。

结语

本系列将持续更新,作者鼓励读者通过关注或收藏来支持持续分享的动力。

想要了解更多内容?

查看原文:原型说明咋写-拖拽上传图片
文章来源:
产品工具库
扫码关注公众号