![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
原型图
火星人~艾斯
微信公众号:艾斯的Axure峡谷;分享个人的Axure原型绘制学习心得、设计技巧及高保真原型图案例!欢迎大家一起学习、交流、探讨!
展开
-
Axure教程:苹果手机拨号原型
对于我们再熟悉不过的手机拨号键盘,今天来讲解其中的交互效果:当鼠标的悬浮、按下时,键盘的按键背景色发生变化;当点击按下数字字母按钮时,将输入对应的数字,同时显示“添加号码”按钮和“删除”按钮;当点击“删除”按钮时,将删除号码最后面的一个数字;当数字全部删除时,“添加号码”按钮和“删除”按钮全部隐藏。交互讲解一:鼠标的悬浮、按下交互选中12个数字符号按钮,在其【属性】栏中的交互样式,...原创 2019-11-02 17:15:12 · 488 阅读 · 0 评论 -
Axure教程(中级):侧导航收缩及展开
在web端的后台管理平台,我们经常看到这样的侧导航。我们来简单模仿一下交互效果,此教程主要是运用动态面板的显隐和推拉动元件的效果:一、页面布局从左侧元件库拉入一个【矩形】作为【模块导航1】,一个【动态面板】作为【二级导航】,宽度设置为一样,如下:双击【动态面板01】,编辑【state1】,添加4个【矩形】作为展开的子导航。如下:为了美观,可以让每个矩形的文字居左,距离左边20像素,...原创 2019-05-25 11:02:23 · 1936 阅读 · 0 评论 -
Axure教程(中级):banner高亮圆点的优化处理
回想一下,你实现的banner图切换时,圆点高亮的交互效果是不是跟下面类似,出现圆点组跟随图片一起向左滑动的情况,看起来很不协调。是不是在每一个state中都添加了一组圆点的方法,页面如下:其实,正确且简洁的做法应该如下:一、页面布局从左侧元件库拉入一个【椭圆形】作为【高亮圆点】并复制3个,拉入一个【动态面板】作为【banner】,如下:双击【banner】动态面板,再添加3个【s...原创 2019-06-27 10:35:52 · 813 阅读 · 0 评论 -
Axure教程(中级):分类导航菜单高亮条的实现
下面这种分类导航菜单效果,大家都见过,接下来将讲解此实现效果。主要是运用【绝对位置】移动效果和函数[[this.x]]、[[Target.y]]来实现。一、页面布局从左侧拉入一个文本标签,文本为【个性推荐】,宽高为94 *40,行高为40;同理,再复制此文本标签3个,对齐排列,分别为【歌单】、【主播电台】、【排行榜】;选择四个文本标签,在右侧【属性】栏中设置【选中】和【悬浮】的交互...原创 2019-07-04 11:44:36 · 938 阅读 · 0 评论