用axure模拟Path应用的功能菜单

尹广磊 · 发表于 2011-12-5 15:20:46

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

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

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

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

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

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

演示地址：http://2rav8h.share.hiaxure.com/

用到的图标素材：

ico素材.rar (233.76 KB, 下载次数: 1415)

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

super_c · 发表于 2011-12-5 15:27:20

这个虚拟币是怎么来的……

尹广磊 · 发表于 2011-12-5 15:30:22

看论坛左上角...虚拟币
http://www.hiaxure.com/thread-1049-1-1.html

会员 qbut1102 做了一个免费的，不过就是有点哆嗦和麻烦。
http://www.hiaxure.com/thread-5063-1-1.html

类似的扇形菜单还有：talkbox

moon · 发表于 2011-12-5 15:31:30

:L收费的

张昕 · 发表于 2011-12-5 15:32:06

虚拟币奖励办法

1. 通过论坛的“实名认证”，奖励虚拟币30枚。
2. 成为产品观察员，每发表一篇主题奖励虚拟币10枚。
3. 举报“组件库”资源在其它途径违规传播，奖励虚拟币50枚。
4. 参加Axure线上培训，奖励一定金额的虚拟币。
5. 介绍他人加入Axure线上培训，奖励现金提成或虚拟币。
6. 帮助引荐企业，成功实施一次企业内训服务，奖励虚拟币100枚。
7. 在“组件下载”中，分享了优秀Web组件被收录到“组件库”中，奖励虚拟币50枚。
------------------------------------------------------------------------------------
8. 为WebPPD提供各种你可能想到的帮助或便利，奖励一定数量的虚拟币。
------------------------------------------------------------------------------------
9. 在“会员个人秀”中，按格式要求填写详细的个人简历、网上联系方式和经历，奖励50枚。
10. 在“帮忙找人才”中，提供最新真实有效的招聘信息，奖励虚拟币10枚。
11. 在“意见反馈”中，提供对WebPPD有益的建议，奖励虚拟币10枚。
12. 在“个人资料”中，上传个人真实头像，奖励虚拟币10枚。
13. 在论坛上贡献有价值的原创或转载帖子，被“加精”后，奖励虚拟币20枚。
------------------------------------------------------------------------------------
14. 在自己的博客或论坛里，撰写自己设计成长与WebPPD和Axure的故事经历，
帮助宣传WebPPD论坛，将文章地址发至于我，奖励虚拟币200枚。
------------------------------------------------------------------------------------
虚拟币是事后发放方式，有发放不及时的，通过左下角的站内“短消息”催要。

qbut1102 · 发表于 2011-12-5 15:37:35

.....磊哥，咱俩想到一块去了。。重复了。。。。

leoly · 发表于 2011-12-5 15:42:14

来个练练手

cloud · 发表于 2011-12-5 19:52:24

不错的效果，呵呵。。

25523711 · 发表于 2011-12-8 21:25:47

如果回帖能下载就好了

verybz · 发表于 2011-12-8 23:50:21

好,学习学习

Pantera · 发表于 2012-4-11 13:18:46

太贵啦都没有虚拟币怎么办呀

紫蔓 · 发表于 2012-5-10 10:50:33

为什么我上传了个人的真实头像没有奖励我虚拟币？

李延辉 · 发表于 2012-5-10 11:06:13

4# moon
加我我给你传一个

速度人 · 发表于 2012-7-1 16:08:37

虽然很多时候不画原型了，但是还是学习下

GaryWu · 发表于 2012-7-10 14:32:33

好东西啊。

GaryWu · 发表于 2012-7-10 14:32:38

好东西啊。

GaryWu · 发表于 2012-7-10 14:32:40

好东西啊。

GaryWu · 发表于 2012-7-10 14:32:41

好东西啊。

GaryWu · 发表于 2012-7-10 14:32:59

好东西啊。

GaryWu · 发表于 2012-7-10 14:33:07

好东西啊。。。。。。。。。

[手机端] 用axure模拟Path应用的功能菜单

评分