Axure原型设计：移动端图片管理原型_第1页
Axure原型设计：移动端图片管理原型_第2页
Axure原型设计：移动端图片管理原型_第3页
Axure原型设计：移动端图片管理原型_第4页
Axure原型设计：移动端图片管理原型_第5页
已阅读5页，还剩9页未读， 继续免费阅读

付费下载

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

Axure原型设计：移动端图片管理原型首先，什么是图片管理呢？简单来说，就是用户可以对图片进行管理，包括上传导入、分享发送、收藏删除图片等操作，下面将会以案例的方式给大家展开。一、上传导入图片上传图片的一版分为单图上传和多图上传：1.单图上传的应用单图上传一般应用于各种软件上传头像、或者上传身份证、银行卡等资料进行身份认证，如下图所示就是单图上图头像的一个案例原型：2.多图上传的应用多图上传应用的场景就比较多了，商品介绍的图片、微博、朋友圈分享的内容、文章的插图等等。下图是微博、朋友圈的分享案例，一般而言多图分享都有分享图片限制，其中以9张居多。二、图片管理——分享发送、收藏删除图片分享发送图片和上传导入图片的区别：上传导入图片一般上传到本软件的后台，后台需要保存图片；但是分享发送图片本平台是不需要保存图片的，只是简单的将它发送出去。图片管理同样也是可以分为单图管理和批量管理，当然现在更多的是两种形式的结合。1.单图管理——分享发送、收藏删除单图管理方式是：直接左右滑动查看大图，看到喜欢的点击收藏，系统保存到对应的文件夹，方便下次快速找到；如果看到不喜欢的可以直接删除图片；需要分享时，选择分享方式既可进行分享。这种一般用于类似相册或者记录，可以一张张图仔细浏览。2.批量管理——分享发送、收藏删除批量管理的优点是可以快速选择多张图片，并对其进行操作，给用户一个快捷便利的操作体验，一般应用于聊天时批量发图。3.图片管理——结合单图和批量管理如下图所示，现在一般的图片管理原型会做成可单选查看大图，也可以多选进行批量操作，同时满足用户两种需求。三、设计思路1.制作材料图片管理的原型，我们选择使用中继器来制作，为什么使用中继器呢？因为中继器制作完成之后，维护简单，只需要像填写excel表格那样，填写中继器表格即可，交互自动实现，复用性高，维护成本低，以后项目也可以用到。中继器内原件及摆放：图片+复选按钮（如果制作单图的就不需要复选按钮），如下图所示：

大图页原件摆放只需要图片原件即可，背景色可用矩形制作，如下图所示：2.中继器表格中继器表格如下图所示：picture：代表图片，鼠标右键单击导入图片即可，或者ctrl+c、ctrl+v复制黏贴也可以。name：图片的名字，非必要，大图显示时可以设置显示，也可以不显示。其他内容：如图片大小、日期等等内容可以自行添加。3.交互事件1）设置图片事件中继器加载时，设置中继器内图片=item.picture。2）鼠标单击图片查看大图设置大图=item.picture。3）删除事件点击删除按钮，删除中继器行内容。4）收藏事件这里我们需要用到心型的矩形，我们直接用矩形制作既可以，点击右上角可直接切换成心形然后，我们要设置选中时变成红色。最后，设置点击时切换选中状态即可。以上就是本期关于移动端图片管理原型设计的全部内容了

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论