最新消息:本站教程基于Axure RP 9.0.0.3723及更高版本,请在学习前确认软件版本是否符合要求,以免因为界面差异导致学习障碍!

小楼一夜听春语的文章

教程

可以拖动的滑块

2个月前 (04-16) 411浏览

在Axure RP 9+的自带元件库“Sample UI Patterns”中,有一个名为“滑块”的元件。 结合我们已经掌握《局部变量的应用》、《系统变量的应用》以及《动态面板的应用(4)》,这个元件我们可以自己完成。 首先, …

教程

动态面板的应用(4)

2个月前 (04-16) 429浏览

在移动端的原型设计中,通过手指拖动切换不同界面的操作很常见。 这样的交互设计,我们可通过动态面板的多个状态来实现。 在画布中,我们添加一个动态面板,命名为“切换面板”,并且为它添加3个状态,每个状 …

教程

系统变量的应用

2个月前 (04-15) 681浏览

这是一篇黄色的教程。 你都看到了,很黄是不是? 鼠标指针在页面上点击的时候,会出现黄色的...呃,就叫光波吧! 我们通过仔细观察鼠标指针点击页面的时候,可以分析出以下几点。 1、在所有页面元素的顶层, …

教程

局部变量的应用

2个月前 (04-14) 402浏览

别紧张! 局部变量没什么好害怕的! 恐惧来自于未知,一旦你了解了,就真的不算什么了! 就好像N年前亲个嘴儿都怕怀孕,N年后算算日子就知道没什么事儿! 一句话,局部变量是帮助我们做计算的。 怎么帮助呢 …

教程

带有进度条的图片轮播(下)

2个月前 (04-14) 343浏览

最后一部分内容,可能你会觉得蛋疼,没蛋的可以假装一下。 为什么这么说?因为无法做到十分完美。 当你完成《带有进度条的图片轮播(中)》之后,你会发现,点击左右箭头的时候,效果很诡异。 上图是我在第 …

教程

带有进度条的图片轮播(中)

2个月前 (04-13) 320浏览

在《带有进度条的图片轮播(上)》中,我们一起完成了幻灯片功能模块图片的自动切换,以及点击左右箭头切换图片的交互。 这篇教程中,我们完成剩余的部分。 剩余的部分是左下方的页签,这些页签原本是白色 …

教程

带有进度条的图片轮播(上)

2个月前 (04-12) 718浏览

学习本篇教程前,请先掌握《动态面板的应用(1)》、《动态面板的应用(2)》和《动态面板的应用(3)》。 当然,你硬上我也拦不住... 快乐还是痛苦,你自己选吧! 36kr当前网站首页有个幻灯片循环播放模块 …

教程

动态面板的应用(3)

2个月前 (04-12) 470浏览

支付宝官网的首页有三张背景图轮流呈现。 地址:https://www.alipay.com/ 页面上的图标、按钮等元素,不在教程中再做讲述。 我们这里主要实现图片的自动切换。 在页面中,三张图片轮流切换,并且切换时带有 …

教程

Axure的海量图标库

2个月前 (04-08) 1180浏览

阿里巴巴矢量图标库 https://www.iconfont.cn/ 想要什么图标只需要搜一下! 比如,Axure! 怎么下载下来使用呢? 你需要先登录账号。 没有注册入口,但是支持新浪微博或GitHub账号登录。 新浪微博或GitHub &hell...

教程

常用样式设置(1)

2个月前 (04-08) 668浏览

在《动态面板的应用(2)》一文中,我们高度还原了百度贴吧的登录面板。 这个登录面板由三个主要部分组成。 在原型中,这三个组成部分都由不同的元件组成,分解如下图。 除了元件的组成之外,很多元件都需 …