当前位置：首页> 视觉传播设计与制作专业《2.9电影APP低保真原型图设计案例操作》

视觉传播设计与制作专业《2.9电影APP低保真原型图设计案例操作》

时间：2022-12-06 08:18:03 下载该word文档

2.9电影APP低保真原型图设计案例操作
利用Axure可以制作移动APP软件原型，在接下来的几次课里，我们综合运用Axure的根底知识，完成一款电影APP低保真原型图设计效果。
1.设计效果简介
该电影APP平台主要实现在线查看影视娱乐信息、在线购票、影评剧评等效劳，分为电影、影院、发现、我的四大模块。下列图展示该产品功能结构图。
该电影APP主要包括以下几个方面：
1．电影App底部标签导航；
2．电影App各页面界面布局；
3．电影App海报轮播效果；
4．电影App页签切换效果；
5．电影模块界面内容上下滑动效果；
6．局部模块界面内容左右滑动效果。
2.制作思路

按照电影App的需求来制作低保真原型思路如下：
1．使用标签元件、矩形元件、文本框(单行元件、横线元件、图片元件、动态面板元件等进行页面布局；
2．使用母版设计底部标签导航，然后应用在需要的页面中，防止重复制作和重复添加交互效果，方便后期修改维护；
3．使用动态面板的状态自动切换功能完成海报轮播效果制作；
4．使用图像热区元件作为页签触发的锚点；使用动态面板显示多种状态内容完成页签切换效果；通过添加鼠标单击时触发事件，进行面板状态的设置；
5．使用两个动态面板元件,一个用来外层控制显示区域，另一个用来添加拖动效果完成界面内容上下滑动效果和左右滑动效果。

阅读全文