VUE是一款短视频拍摄和剪辑App,是视频社交达人必备神器。它的配色简单鲜明。第一次进入App首页时,会有简单的操作引导说明,这在Mockplus中即可使用单独的一个页面来制作,又可使用弹出面板来制作。其次是录制视频时,点击开始按钮,会出现视频录制进度条,这里使用的是调整尺寸动画,将进度条(可以用形状组件表示)原始宽度设置到最小,然后调整进度条宽度即可实现。

先简单看看动图:

点击这里,可以立即在线预览:https://run.mockplus.cn/lIeOM0ClxldC1OGM/index.html

再送上UI Flow大图:

这个原型的主要页面有:引导页面、主页、详情页面、视频列表页面等。

以上设计的所有页面可以在这里下载分享

所有页面的图片集(10张),在这里下载

Enjoy it!

视频类App原型制作分享-VUE相关推荐

  1. 旅游类App原型制作分享-Triposo

    今天带给大家的,还是一款旅游类App,这类App在设计时的一些注意问题前面已经给大家分享过了,这次重点给大家展示的是这一款原型中的启动页面,在设计的时候,只用了一个简单的交互效果:隐藏显示,触发方式是 ...

  2. 优秀原型设计欣赏:交通类App原型制作分享-DiDi

    DiDi是一款打车App,这类App中用得最多的就是地图,在Mockplus中,有静态的地图组件,可以直接使用,然后为了还原App中的定位图标,我使用了圆形图标来拼凑了一个新的定位图标,其次,图标库中 ...

  3. 优秀原型设计欣赏:社交类App原型制作分享-LinkedIn

    LinkedIn是全球最大的职业社交平台,通过LinkedIn可以连接机会并挖掘你的专业潜力.该应用程序可以更轻松地发现.连接和培养与重要人物的关系,搜索和申请工作,并获得有关主题和公司的最新信息.这 ...

  4. 美图类App原型制作分享-Meitu

    Meitu是一款自拍修图神器,相信很多爱美女性手机中都有这款App,它拥有美颜.特效.拼图等功能,操作简单,功能强大.在原型中,除了图片部分,配色和功能也是高度还原了App的真实效果.这款App首页的 ...

  5. 工具类App原型制作分享-Explain Everything

    Explain Everything是一个交互式白板平台,能有效沟通把想法变成理解.在这个平台上,人们可以进行协作,分享和学习.在这款App原型的首页中,用到了一个半边圆角的矩形来放置主要功能列表,在 ...

  6. 阅读类App原型制作分享-Book Amigo

    Book Amigo是一款阅读App,它的界面清爽简约,操作快速简单,在这款App中,你拥有一个私人图书馆,可以轻松管理书架.在这款原型中,图书的搜索是用抽屉组件侧滑展开来设置搜索筛选条件,然后再进行 ...

  7. 阅读类App原型制作分享-Another Read

    Another Read是一款阅读学习App,它主要是带给你最具创意的作家与插图画家出版的儿童读物.在这款App中,你可以根据喜好来左滑或者右滑书籍,喜欢的书籍将会被保存下来.在Mockplus中,这 ...

  8. 照片类App原型制作分享-MoShow

    MoShow 能把你的照片变成一个有趣.引人注意的幻灯片视频,适合用于Instagram和其他社交媒体.它包含了几十种不同风格的动效,还可以自定义文字和音乐,让你的照片集脱颖而出.在这款使用Mockp ...

  9. 日记类App原型制作分享-Grid Diary

    Grid Diary是一款非常受文艺青年喜爱的记录应用,它设计简单,内容却非常丰富.它不再是单调的文字记录,界面的设计非常与众不同,由许多格子拼凑而成,每一个格子里面还带有一个问题,十分有趣.提到格子 ...

  10. 视频类APP体验报告

    一.前言概述 1. 研究背景 短短的几年,爱奇艺在网络视频领域就超越了曾经的优酷.土豆,夺得当下视频类APP月活榜首和国内APP月活榜单第三(高达5.35亿,仅次于QQ):今年又完成了上市,可谓风光无 ...

最新文章

  1. LIVE555简介及在Windows上通过VS2013编译操作步骤
  2. 青少年蓝桥杯_2020_steam考试_中级组_第三题
  3. 【CyberSecurityLearning 6】IIS之WEB服务器和FTP服务器
  4. java内存模型(JMM)和happens-before
  5. python3文件的编码类型是什么_Python3编码类型有哪些?怎么转换?
  6. 最后关于Pipeline完整的图如下:
  7. 邻接矩阵中啥时候写0和无穷_(一)UDS诊断服务中的诊断会话控制(DiagnosticSessionControl,0x10)...
  8. 使用jsp循环查询mysql_[JSP] 创建mysql数据库利用JSP进行数据库查询(1)
  9. Bugfree安装与使用
  10. js禁用按钮_探索js让你的网页“自己开口说话”
  11. html 做报表,创建 HTML 报表
  12. 【郑州校区】BOS v2.0物流管理平台整体概述
  13. 微信小程序上传照片,限制格式,限制大小,公用方法
  14. 【数据可视化】AntV L7实现地图可视化,DrillDownLayer钻取异步获取数据,悬浮预警框
  15. 计算机加域后数据库无法登录,[MDT] 解决因加域客户端 Windows 登录身份引发的无法打开登录所请求的数据库故障...
  16. hdu3987 Harry Potter and the Forbidden Forest 最小割边数
  17. IE的layout布局
  18. Go语言经典库使用分析(五)| Negroni 中间件(一)
  19. C语言:利用函数输出PI值
  20. 程序员客栈:程序员的经纪人_对于程序员:如何处理干扰和打扰

热门文章

  1. py的征途2之简例分享
  2. MATLAB基础教程(xlsread和xlswrit函数+数据拟合+数值计算)
  3. 安装linux出现分区出错,找到了linux分区顺序错乱修复方法
  4. mouseover 和 mouseenter
  5. 欢迎关注中文开源字体集 Open Source Fonts Collection for Chinese
  6. 禅道和JIRA大对比
  7. 最大流最小割经典例题_最大流最小割基本
  8. java编程规范换行_Java源代码的换行规则
  9. 黑马python15期解压密码_2018年传智播客黑马python+人工智能 15期
  10. Godot GUI探讨