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

文章摘要

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

步骤一：约定规范

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

步骤二：使用模板

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

规范与模板编写指南

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

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

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

一、约定基础规范

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

二、约定可控参数

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

三、输出说明模板

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

结语

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