Axure中文社区

WebPPD产品原型设计

 找回密码
 新用户注册
查看: 15099|回复: 40

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

[复制链接]

95

主题

6092

帖子

3万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
38772

实名认证

QQ
发表于 2011-12-5 15:20:46 | 显示全部楼层 |阅读模式
有趣UI设计
新版Path应用在不少同行的眼里赢得了好评,
特别是它那从一个点旋转出来的扇形功能菜单。
其实类似这样的交互菜单在电影里很常见,比如钢铁侠中的平板电脑
另外在微软的概念平板Courier里也有类似的交互菜单。

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

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

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

2011-12-05_15-06-55.jpg

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

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


演示地址:http://2rav8h.share.axure.org/

用到的图标素材: ico素材.rar (233.76 KB, 下载次数: 1348)

path.rp

83.19 KB, 下载次数: 143

售价(充值): 50 虚拟币  [记录]

评分

3

查看全部评分

0

主题

8

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2011-12-5 15:27:20 | 显示全部楼层
这个虚拟币是怎么来的……

95

主题

6092

帖子

3万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
38772

实名认证

QQ
 楼主| 发表于 2011-12-5 15:30:22 | 显示全部楼层
看论坛左上角...虚拟币
http://www.webppd.com/thread-1049-1-1.html


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


类似的扇形菜单还有:talkbox

IMG_0015.PNG

0

主题

11

帖子

12

积分

会员

Rank: 5Rank: 5

积分
12
发表于 2011-12-5 15:31:30 | 显示全部楼层
收费的

0

主题

1

帖子

41

积分

会员

Rank: 5Rank: 5

积分
41

实名认证

发表于 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枚
------------------------------------------------------------------------------------
虚拟币是事后发放方式,有发放不及时的,通过左下角的站内“短消息”催要。

0

主题

48

帖子

60

积分

会员

Rank: 5Rank: 5

积分
60
发表于 2011-12-5 15:37:35 | 显示全部楼层
.....磊哥,咱俩想到一块去了。。重复了。。。。
1

0

主题

2

帖子

187

积分

会员

悟空

Rank: 5Rank: 5

积分
187
发表于 2011-12-5 15:42:14 | 显示全部楼层
来个练练手

0

主题

7

帖子

203

积分

会员

Rank: 5Rank: 5

积分
203
发表于 2011-12-5 19:52:24 | 显示全部楼层
不错的效果,呵呵。。

0

主题

8

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2011-12-8 21:25:47 | 显示全部楼层
如果回帖能下载就好了

0

主题

61

帖子

213

积分

Axure教程

使者

Rank: 5Rank: 5

积分
213
发表于 2011-12-8 23:50:21 | 显示全部楼层
好,学习学习
从前有一只很大很大的大花猫,我的故事讲完了

0

主题

6

帖子

210

积分

会员

Rank: 5Rank: 5

积分
210
发表于 2012-2-2 20:24:24 | 显示全部楼层
好贵,不过值得

0

主题

2

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2012-4-11 13:18:46 | 显示全部楼层
太贵啦 都没有虚拟币 怎么办呀

0

主题

16

帖子

113

积分

会员

Rank: 5Rank: 5

积分
113

我是女生

发表于 2012-5-10 10:50:33 | 显示全部楼层
为什么我上传了个人的真实头像 没有奖励我虚拟币?

0

主题

16

帖子

13

积分

会员

少将

Rank: 5Rank: 5

积分
13

实名认证

QQ
发表于 2012-5-10 11:06:13 | 显示全部楼层
4# moon
加我我给你传一个
超越自我

0

主题

9

帖子

187

积分

会员

Rank: 5Rank: 5

积分
187
发表于 2012-7-1 16:08:37 | 显示全部楼层
虽然很多时候不画原型了,但是还是学习下

0

主题

8

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2012-7-10 14:32:33 | 显示全部楼层
好东西啊。

0

主题

8

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2012-7-10 14:32:38 | 显示全部楼层
好东西啊。

0

主题

8

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2012-7-10 14:32:40 | 显示全部楼层
好东西啊。

0

主题

8

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2012-7-10 14:32:41 | 显示全部楼层
好东西啊。

0

主题

8

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2012-7-10 14:32:59 | 显示全部楼层
好东西啊。
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|版权|指南|关于|反馈|WebPPD ( 京ICP备09037244号 )

GMT+8, 2017-1-17 01:11

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表