tianzc 发表于 2014-11-5 18:41:26

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



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

弹出菜单, 扇形菜单

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

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

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

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

2011-12-5 15:23



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

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


Html演示下载: path.rar (230.45 KB)下载次数: 1787
2011-12-5 15:23



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



rp源文件下载:(获得虚拟币)path.rp (83.19 KB)下载次数:123
2011-12-5 15:23




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


3评分次数

[*]   虚拟币 + 5



momo1130
[*]   虚拟币 + 1


http://webppd.s143-29.myverydz.com/ucenter/avatar.php?uid=70841&size=small
firegao
[*]   虚拟币 + 1


http://webppd.s143-29.myverydz.com/ucenter/avatar.php?uid=61069&size=small
わたしは→晓
收藏分享评分
页: [1]
查看完整版本: [过渡效果] 用axure模拟Path应用的功能菜单

毒镜头:老镜头、摄影器材资料库、老镜头样片、摄影