爱评测-移动互联网评测

标题: [过渡效果] 用axure模拟Path应用的功能菜单 [打印本页]

作者: tianzc 时间: 2014-11-5 18:41
标题: [过渡效果] 用axure模拟Path应用的功能菜单
[attach]4171[/attach]

[过渡效果] 用axure模拟Path应用的功能菜单

弹出菜单, 扇形菜单

新版Path应用在不少同行的眼里赢得了好评，
特别是它那从一个点旋转出来的扇形功能菜单。
其实类似这样的交互菜单在电影里很常见，比如钢铁侠中的平板电脑。
另外在微软的概念平板Courier里也有类似的交互菜单。

不管怎么说吧，Path综合运用的不错，
除了这个，还有联系人那个留一条主屏幕边在那里的设计，
这人的视线保持连贯，页面间的从属关系让人的感觉很清晰。

-----------------------------------------------------------------------

现在用Axure模拟了一个大致的Path菜单效果

[attach]4172[/attach]2011-12-5 15:23

制作原理：
1. 用图片选中时的样式来完成展开前与展开后，主按钮的样式变化。
2. 用变量来判断点击时是该展开还是该收起。

axure里不太方便做旋转的效果，如果一定要做可以做个gif图标导到Axure里。

Html演示下载：[attach]4173[/attach] path.rar (230.45 KB)下载次数: 1787
2011-12-5 15:23

用到的图标素材：[attach]4173[/attach] ico素材.rar (233.76 KB)下载次数: 1254
2011-12-5 15:30

rp源文件下载：（获得虚拟币）

[attach]4174[/attach]path.rp (83.19 KB)下载次数:123
2011-12-5 15:23

售价: 虚拟币 15 [记录] [购买]

3评分次数

虚拟币 + 5

[attach]4175[/attach]
momo1130
虚拟币 + 1

firegao
虚拟币 + 1

わたしは→晓

收藏分享评分

欢迎光临爱评测-移动互联网评测 (http://www.aipingce.com/)