Axure：模拟豆瓣电影APP滑动点击切换主页-新网 -

新网 > 建站推广 > 正文

Axure：模拟豆瓣电影APP滑动点击切换主页

Axure是个表现工具，不是实现工具，只要能表现出来就好，就像我用白色矩形遮住截屏黑色滑块那样，对一些强迫症来说，这肯定不是最完美的，但是我觉得只要这个交互表现出来就好了。

文/Kevin

前期准备：手机截屏两张主页图，Photoshop切图

截屏不用教了吧，我的是安卓手机分辨率是1080*1680，和iPhone6 plus一样的分辨率，所以在这里用了iPhones plus的元件当背景。

Photoshop不用怕，先沿着标尺拉上几条参考辅助线

放大精确到像素

OK，这些辅助线是为了等会切图方便快捷。

点开切图工具，沿着辅助线拉矩形，切正在热映、即将上映、黑色条，黑条下面整个主页。

点击文件-导出-储存为web格式，选择jpeg格式-确定。

从文件夹拉第二张截图拖进第一张截图上面，确定。

直接点击文件-导出-储存为web格式，选择jpeg格式-确定。

此时，桌面上应该有个images文件夹，删除多余图片，命名，如图：

来Axure

事先创建一个iPhone 6 plus 元件，不懂就Google 百度，或者不用也可以。

调整到合适大小

图片元件覆盖黑色屏幕，调整圆角，双击插入截屏一，像Photoshop那样沿着标尺拉辅助线

接下来逐步插入图片（录制的GIF文件过大，压缩后还不行，于是又在播放大段GIF文件时录制几个小段GIF

免责声明：本文内容由互联网用户自发贡献自行上传，本网站不拥有所有权，也不承认相关法律责任。如果您发现本社区中有涉嫌抄袭的内容，请发送邮件至：operations@xinnet.com进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。