ProtoPie制作电影订票App效果

订票效果

  • 效果流程与知识点

效果中主要会用到下面几个知识点:

1. 容器层(容器层和滑页容器层);

2. 场景切换(转场);

3. 透明度;

  • 制作过程

整个特效过程这里设置5个不同的场景:

  1. 选择影片;
  2. 查看影片详情;
  3. 确定放映场次;
  4. 选择坐席;
  5. 完成付款获取二维码。

第一个场景中,这里将2部电影的素材,分成2个不同的容器层归类,并且为了进行滑动设置,把两个容器层放在一个滑页容器层里面,并且设置滑页方向为水平方向,效果为弹跳。这样就实现了通过鼠标滑动,显示不同影片信息的效果。

为了进入第二个场景,给图标设置一个单击手势的触发,单击增加一个转场效果。

进入第二个场景,为了实现转场,显示购票按钮,可以做得更细一些,我这里就没有多做细节了。只做了电影详情的剧照图滑块效果。

第三个场景中的功能点,主要是对于选择时间后,颜色的变更,选择时间元件,添加单击动作,并且在该动作下加入颜色变换的属性。这里我加入了一个条件效果,点击为选择后再次点击为取消选择。

第四个场景:使用同样的方法,我们可以对选座进行相同的设置。

在最后一个场景(第五个场景)中使用透明度和移动,来实现二维码界面显示的特效。这里使用到了自动加载的动作,作用是当场景加载时,自动实现动作。

【免费下载】

ProtoPie制作电影订票App效果

百度网盘下载 (提取码:m2l0)

暂无评论

相关推荐

小米推出可免费商用全新MiSans字体

小米推出了全新的小米 12 系列产品以及 MIUI 13 等新品 同时还带来了一款全新系统字体 MiSans MIUI 13 便是采用了这种全新的系统字体 MiSans 官方介绍,MiSans 笔型平直有力,设计更加简约,减少视觉负担,更有利于 ...

UI设计师经常会遇到的一些问题

今天和大家分享几个每个ui设计师都会遇到的知识点,内容如下: 01  底部导航和内容的区分方式 大部分app产品页面都是带有底部导航的,正常来说,底部导航是需要和内容部分做一点区分的,如果底部导航是纯白色,内容 ...

【控件】Picker-选择器/拾取器

Picker(选择器/拾取器/选取器)是指提供多个选项集合供用户选择其中一项的控件。在不同平台Picker的具体控件表现形式不同。在iOS端Picker一般称之为滚轮选择器,而在Android端,Picker的主要表现形式是Dialog(对话 ...

B端设计素材整理(持续更新ing)

文末下载链接为全部整理后打包的文件分享↓↓↓ 11月11日 【组件】滴滴移动端组件库 mand-mobile-design.sketch  提取码:tnzy   【素材】GT 架构图工具包.fig GT 架构图工具包-轴侧风格 .fig  提取码:f0a3 &nbsp ...

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

ProtoPie制作电影订票App效果
嘿!有什么能帮到您的吗?