Axure教程 指纹动画制作.pdf

Axure 教程 指纹动画制作 1.操作流程： 视觉部分： 1.1. 打开 Axure RP8 软件（当然 7.0 可以），在站点地 图区域，双击打开 index 页面， 在“元件库”功 能区中 Default找到图片元素， 拖动到工作区中， 并设置图片元素 的大小为 473*954 ； 如图： 更多设计干货 ：百度 UE 讲堂 /s4272850.html 1.2. 选中图片元素的情况下，右击 倒入图片； 倒入 我们准备好的“iphone” 手机素材； 如图： 更多设计干货 ：百度 UE 讲堂 /s4272850.html 1.3. 在工作区域拖入 —— 图片元素，并设置宽高为 420*742; 右击导入“bg.png”素材； 如图： 1.4. 在工作区域拖入 —— 图片元素，并设置宽高为 420*742; 右击导入“bg.png”素材； 更多设计干货 ：百度 UE 讲堂 /s4272850.html 在工作区域拖入 —— 图片元素，并设置宽高为 110*140; 右击导入“zhiwen.png”素材； 如图： 1.5. 在工作区域拖入—— 矩形元素，并设置宽高为 更多设计干货 ：百度 UE 讲堂 /s4272850.html 118*147; 如图： 更多设计干货 ：百度 UE 讲堂 /s4272850.html 交互部分： 交互分析： 页面载入的时候，让 ”zhiwendonghua”元素显示 （默认隐藏）；显示为从上到下的方向，并且透明度由弱到 强的效果； “zhiwendonghua”元素显示的时候，发生以下事件： 1. 元素自己的变化（尺寸由小到大，透明度由弱到 强）； “zhiwendonghua”元素被单击的时候，发生以下事 件： 2. 元素被单击的时候，发生跳转事件，跳转到另一 页面； 1.6 代码写法如下： 显示时： 更多设计干货 ：百度 UE 讲堂 /s4272850.html 单击时： 更多设计干货 ：百度 UE 讲堂 /s4272850.html