查看: 1869|回复: 0
打印 上一主题 下一主题

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

[复制链接]

1313

主题

1337

帖子

5648

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
5648
跳转到指定楼层
楼主
发表于 2014-11-5 18:41:26 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
[/url]

[url=http://www.webppd.com/forumdisplay.php?fid=28&filter=type&typeid=9][过渡效果]
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评分次数
收藏分享评分

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?马上注册

x
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 马上注册

本版积分规则

毒镜头:老镜头、摄影器材资料库、老镜头样片、摄影
爱评测 aipingce.com  
快速回复 返回顶部 返回列表