axure app原型图教程(axure画原型图)

编辑导语：随着5G的发展，app上的ui越来越精致，图片管理页面已经成为app原型设计中不可或缺的一部分，尤其是对于内容分享类app(如微博、qq空间、朋友圈)、电商(淘宝、京东。COM)、聊天类app(微信、qq)、社交类app(发现、珍爱)等。所以，今天本文作者就给大家普及一下图片管理包括哪些内容，以及应用案例和设计思路。希望看完对你有帮助。
首先，什么是图片管理？
简单来说，用户可以对图片进行管理，包括上传导入、分享发送、收藏删除图片等。以下将为您提供一个案例研究。
上传和导入图片。上传图片的版本分为单幅上传和多幅上传：
1.单图上传的应用单图上传一般用在各种软件上传头像，或者上传身份证、银行卡等信息进行身份认证。如下图所示，是单个图像头像的案例原型：
2.多图上传应用多图上传应用的场景有很多，比如产品介绍的图片，微博，朋友圈分享的内容，文章的插图等等。
下图是微博和朋友圈里的分享案例。一般来说，分享多张图片是有分享限制的，其中9张居多。
二、图片管理——分享发送，收藏删除图片，分享发送图片和上传导入图片的区别：上传导入图片一般都是上传到这个软件的后台，后台需要保存图片；但是分享和发图，这个平台不需要保存图片，直接发出来就可以了。
图片管理也可以分为单张图片管理和批量管理。当然，现在更多的是两种形式的结合。
1.单幅图像管理——单幅图像的分享、发送、收藏和删除。管理方法是：直接左右滑动查看大图，看到喜欢的收藏就点开。系统会保存到相应的文件夹，方便你下次快速查找；看到不喜欢的可以直接删图；需要分享的时候，可以通过选择分享方式进行分享。
这种一般用于类似的相册或唱片，可以一张图仔细浏览。
2.批量管理3354分享，发送，收藏，删除。批量管理的好处是可以快速选择和操作多张图片，给用户快捷方便的操作体验。一般用来聊天的时候批量发图。
3.图片管理3354结合了单张图片和批量管理，如下图所示。现在一般的图片管理原型可以做成大图，可以单选查看，也可以多选批量操作，同时满足用户的两种需求。
三、设计思路1。制作物料图片管理的原型。我们选择使用中继器来制作它。我们为什么要用复读机？
因为直放站做出来之后，很容易维护。只需像excel表单一样填写repeater表单，自动实现交互，复用性高，维护成本低。也可以在以后的项目中使用。
原稿和在复制器中的位置：图片的复选按钮(如果制作单张图片，则不需要复选按钮)，如下图所示：
大页面的原始布局
只需要原图，背景色可以是长方形，如下图所示：
2.中继器表中继器表如下图所示：
图片：代表一张图片，只需右键导入图片，或者用ctrl c和Ctrl V复制粘贴即可，名称：图片的名称，这个不是必须的。当显示大图时，您可以设置显示与否。其他内容：如图片大小、日期等。可以自己添加。
3.互动事件1)设置图片事件
加载repeater时，设置repeater=item.picture中的图片。
2)用鼠标点击图片查看大图。
设置大图=item.picture.
3)删除事件
单击删除按钮删除重复行内容。
4)收集事件
这里，我们需要使用一个心形的矩形。我们可以直接用长方形制作，点击右上角直接切换成心形。
然后，我们想把它设置成选中时变成红色。
最后，切换所选状态wh
本期关于移动图像管理的原型设计就这么多了。主要是基于我个人在实际工作中需要用到的原型，以及我设计的Axure组件。你在设计原型的时候，可以根据实际情况选择使用。
如果你有所收获，希望你能表扬鼓励我，欢迎交流。谢谢你。
本文由@秀原创发布。每个人都是产品经理。未经许可，禁止复制。
来自Unsplash的图像，基于CC0协议。