首页
Portal
爱评测报告
行业
产品
推荐
设备
讨论&分享
BBS
搜索
帖子
门户
马上注册
找回密码
登录网站
用QQ登录
爱评测-移动互联网评测
»
讨论&分享
›
学习及教程
›
Axure教程及讨论
›
[过渡效果] 用axure模拟Path应用的功能菜单 ...
返回列表
查看:
1859
|
回复:
0
[过渡效果] 用axure模拟Path应用的功能菜单
[复制链接]
tianzc
tianzc
当前离线
积分
5648
1313
主题
1337
帖子
5648
积分
管理员
积分
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
评分次数
虚拟币 + 5
[/url]
[url=http://www.aipingce.com/space-uid-75991.html]momo1130
虚拟币 + 1
firegao
虚拟币 + 1
わたしは→晓
收藏
分享
评分
下载次数
,
平板电脑
,
联系人
,
钢铁侠
,
源文件
本帖子中包含更多资源
您需要
登录
才可以下载或查看,没有帐号?
马上注册
x
分享到:
QQ好友和群
QQ空间
腾讯微博
腾讯朋友
收藏
0
相关帖子
•
[错误剖析] 从iOS7开始的多任务切换左右滑动的并不好用
•
axure7.0教程_小楼作品(四)中继器的使用(4)
•
小楼axure 图文教程(二十)动态面板拖动效果(函数DragX,DragY) ...
•
[图标] iPad部分图标
•
[正确表达] 一个横向二级导航菜单
•
[图标] Axure官方提供的一组图标库
•
看微信公众平台产品经理教你做产品
•
各大安卓市场【App推广】负责人联系名单
回复
使用道具
举报
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
马上注册
本版积分规则
发表回复
回帖后跳转到最后一页
Function
小黑屋
Archiver
手机版
关于!
rss订阅
关于爱评测
爱评测FAQ
站点地图
爱评测 aipingce.com
快速回复
返回顶部
返回列表