关注
分享
藤原搞事
这个作者很懒，什么都没留下…
展开
-
青铜修炼手册：Axure实现登录注册页面
实现步骤：1.将一个动态面板拖拽进页面内，并增加“首页”、“登录/注册”、“密码登录”、“成功”、“短信登录”、“电商主页”等状态2.首页状态下的配置3. 登录/注册状态下的配置4.密码登录状态下的配置5.成功状态下的配置6.短信登录状态下的配置7.电商主页状态下的配置8.4.完成，点击预览：原型查看效果...原创 2019-08-01 17:06:30 · 1957 阅读 · 0 评论 -
青铜修炼手册：Axure实现汉字拼音首字母查询（非JS版）
上图就是我们要实现的目标：输入一个汉字能够查到它的拼音首字母。实际上，明白了实现原理之后，通过汉字查拼音、查声母都是可以实现的。关键在于有没有一个能够使用的源数据。我们先来看看元件的准备工作。上面这张图，大家能够看到这个案例使用的所有元件。最关键的就是命名为“PinYin”的这个元件，它的文字包含了所有的文字以及对应的拼音首字母。源数据下载：http://do...转载 2019-06-28 18:05:18 · 518 阅读 · 0 评论 -
青铜修炼手册：Axure实现水波纹效果
实现步骤：1.首先画四个圆形，背景透明，边框调到最粗，颜色白色，名称随意起；由大到小尺寸分别是100*100、80*80、60*60、40*402.然后将4个圆形的透明度由大到小依次调整为40%、60%、80%、100%3.将4个圆形水平垂直居中4.从默认组件库里，拖一个动态面板进来，尺寸调小一点，便于操作，给动态面板也起个名称随意5.我们有4个圈要做动画，我...原创 2019-03-29 16:33:47 · 2526 阅读 · 4 评论 -
青铜修炼手册：Axure实现文件上传效果
实现步骤：1.往画布中拖入一个矩形，一个文本框，一个标签，并命名文本框为【文件搜索】，标签为【文本路径】，如下图所示：2.选中文件上传矩形，添加【鼠标点击时】交互，打开链接，【链接到url】->往里面填【javascript:f.click();】，如下图3.选中【文件搜索】文本框，添加【载入时】的交互，如下图所示：代码为：javascript:var f=...原创 2019-03-21 16:29:30 · 16496 阅读 · 18 评论 -
青铜修炼手册：Axure实现抽屉式菜单
实现步骤：1.先在页面摆放一个灰色矩形，名为“一级菜单”，三个白色矩形，名为“灰色矩形”；2.选中三个“二级菜单”白色矩形，然后点击右键，选择【转换为动态面板】 3.设置【动态面板】的名字为“二级菜单组合”，并【隐藏】起来4. 为一级菜单设置选项组名称“menu”；这个设置能够在之后的选中操作时，保证只有一个一级菜单被选中，其它的被取消选中；这是软件的规则，同组名的...原创 2018-12-26 16:07:48 · 3862 阅读 · 0 评论 -
青铜修炼手册：Axure地图搜索交互
实现步骤：1.先按下图把元件都放好2.然后将该内联框架组件设置为：不需要滚动，以及无边框3.将该组件默认显示为map样式4.选择map样式后，该组件会在加载完成即展示为map样式，并且我们可以双击内联框架，将其外部链接设置为百度地图的位置，我们可以先查看一下效果5. 将文本框命名为location-TF，然后将其设置为搜索框样式6.通过在百度地图搜索...原创 2018-12-21 00:03:16 · 2566 阅读 · 0 评论 -
交互原型案例Axure50套
原型下载链接：https://pan.baidu.com/s/1cu5cfebWMSeacEou-Lg6sA提取码：d0i4 想了解更多Axure资讯，赶快下方扫码加入【Axure修炼手册】微信公众号吧！！！...原创 2018-12-14 18:00:25 · 22715 阅读 · 8 评论 -
王者干货：交互原型axure50套第二版
原型下载地址：https://download.csdn.net/download/qq_27884377/10831225 想了解更多Axure资讯，赶快下方扫码加入【Axure修炼手册】微信公众号吧！！！ ...原创 2018-12-05 22:52:56 · 1422 阅读 · 0 评论 -
王者干货：交互原型axure50套第一版10套
原型下载地址：https://download.csdn.net/download/qq_27884377/10827636 想了解更多Axure资讯，赶快下方扫码加入【Axure修炼手册】微信公众号吧！！！...原创 2018-12-04 16:07:56 · 2675 阅读 · 0 评论 -
青铜修炼手册：Axure侧滑菜单栏
实现步骤：1.拖放两个元件进画布，一个图片元件，里面放置一张手机外形壳图片，并将其命名为【手机壳】，一个是动态面板，放在【手机壳上】，并将其命名为【屏幕】2.拖放摆放好屏幕State1状态的内容：屏幕主要由三部分构成（1）一个动态面板，命名为【主页】，置于顶层。（大小等于【屏幕】大小，放在【屏幕】正中间） （2）一个元件组合，命名为【菜单】，置于中层；（这个组合主要由一些水平线...原创 2018-11-16 15:27:43 · 1133 阅读 · 0 评论 -
青铜修炼手册：Axure进度条
设计步骤：1.拖放一个480X20的白底灰框矩形，命名为【矩形条】2.拖放一个1X20的灰底灰框矩形，命名为【进度条】，放【矩形条】的最左侧3.拖放一个文本标签，放在【矩形条】的正中间，命名为【百分比】，初始状态设置为隐藏。4.设置“进度条”的载入时用例 ： 在【进度条】载入时设置其尺寸的宽为【矩形条】的宽，高为20，锚点为左侧，动画为线性，时间为50...原创 2018-11-15 11:10:39 · 779 阅读 · 2 评论 -
青铜修炼手册：Axure图片放大器
步骤：1.拖放一张300*200的图片并命名为“小图”。2.拖放一个150*100的矩形（黄底黄边），并设置【不透明度】为30%，初始状态设为【隐藏】，命名为“放大镜”，放置在“小图”的右下角3.拖放一个300*200的动态面板，初始状态设为【隐藏】，命名为“放大窗口”，放置在小图右边，并在state1面板状态中放置一张600*400的图片，命名为“大图” 4.添加页面载入时用...原创 2018-11-01 11:21:58 · 516 阅读 · 0 评论 -
青铜修炼手册：Axure页面右键菜单制作
右键菜单这个功能我觉得大家都应该不陌生吧，这个功能应该成为我们浏览网页的必备技能了，但是我们有时候发现点击不同的东西出来的右键菜单都是不一样的，就如下图一样，在矩形内点击右键和在页面内点击右键出来的菜单显示是不一样的，所以说现在就想分享一下这个效果是如何实现的： 步骤： （1）首先在画布里放置一个矩形和一个菜单列表，如下所示： （2）点击该菜...原创 2018-09-01 18:02:59 · 10104 阅读 · 12 评论 -
青铜修炼手册：Axure回到顶部交互设计
“回到顶部”这个交互我们经常在浏览网站的时候遇到，所以今天想分享一下这个交互是如何实现的步骤：（1）首先我们在画布放置一个灰色矩形和一个内联框架，矩形内填写文字“网页首部”（2）新增一个内容页面，在里面随意添加内容，内容的高度要高于内联框架的高度，在这里我随意添加了几个矩形 （3）点击内联框架链接到【内容页面】 （4）放置一条水平线...原创 2018-08-29 14:51:17 · 744 阅读 · 0 评论 -
青铜修炼手册：Axure按钮的启用和禁用设计
我今天学习了按钮的启用和禁用，所以想拿出来与大家分享一下。我们经常会在一些登录页面看见这种情况：当输入框没有内容时，登录按钮呈灰色状态，而只要你往输入框书写内容，登录按钮就会变成选中状态，如下图所示： 要实现以上效果，需要以下步骤：（1）先在Axure中先按照下图把基本框架给画出来，详细怎么画的我就不说了。基本就一个文本框，一个按钮（2）点击按钮，然后右方“检视”窗口选择“属...原创 2018-08-16 20:00:27 · 3022 阅读 · 0 评论 -
青铜修炼手册：Axure输入密码与退格的交互效果
我想大家可能都试过在使用支付宝或者微信的时候最后都是需要输入密码来进行支付结账的，今天刚好小编学习了如何使用Axure把键盘上的字输进文本框内，由于本人比较懒，本来是想弄一个26字母键盘的，结果还是想想算了，弄一个数字键盘就好了，反正都是一样的=，=，同样的配方，同样的味道，现在就让我们开始吧。实现步骤：1.在画布中放入一个，导入一张支付页面的背景图，然后大小按照实际自己调整一下；再放入1...原创 2018-08-04 16:46:31 · 3364 阅读 · 1 评论 -
青铜修炼手册：Axure图片轮播效果（二）
传送门：Axure图片轮播效果（一）：https://blog.csdn.net/qq_27884377/article/details/81234948在上一节中，我们讲到了Axure的一个基本轮播效果，可是我们在网上浏览其他网页的时候通常会发现在轮播图的下方会有一排的数字页签，当图片转换的时候，下方的数字也会跟着转换，接下来我们会说一下该效果是怎么实现的。实现步骤：1.首先我们先拖...原创 2018-08-01 20:49:30 · 579 阅读 · 0 评论 -
青铜修炼手册：Axure图片轮播效果（一）
我想很多人在逛淘宝或者其他网站的时候经常都会看见在主页面会有一些图片隔段时间就会进行切换，其实这就是图片的轮播效果，今天想跟大家说一下这个轮播效果用Axure如何实现出来，废话不多说，让我们马上开始吧。实现步骤：1.把一个图片原件拖进画布里面并双击原件导入第一张图片 2.点击原件然后点击鼠标右键【快捷菜单】选择“转换为动态面板”，然后双击面板后，在弹窗上设置面板的...原创 2018-07-27 14:10:23 · 707 阅读 · 1 评论 -
青铜修炼手册：Axure唯一选项选中效果
今天想复习一下axure的唯一选项效果，大家可能都会有遇到过这样的事情，就是我们在浏览网页的时候，会根据网页的导航栏进入自己感兴趣的栏目，可是我们会发现，当我们选中导航栏某个菜单的时候，菜单的样式会发生变化，而我们选择另外一个菜单的时候，你前一个选中的菜单就会恢复原状，其实这就是我们Axure里的唯一选项功能，今天就让我们一起学习一下这个功能。实现步骤：1.首先我们先在画布上放置四个矩形，...原创 2018-07-26 16:25:32 · 5874 阅读 · 3 评论 -
青铜修炼手册：Axure左侧点击按钮，右边显示相关内容
一、前言嗨 大家好。今天我在画原型的时候遇到了题目说的那个问题，然后在查了相关的资料之后找到比较好的方法，而且我觉得这个交互方式是比较常见和重要的，所以想在这里做个分享，废话不多说，马上开始吧。 二、实现步骤1.首先现在画布左侧添加3个矩形原件，大小为150*400，画布右侧也添加一个矩形原件，大小为500*400，如下图所示：2.为画布左侧三个矩形分别填写红色、蓝色、绿色...原创 2018-07-25 16:58:38 · 3221 阅读 · 0 评论 -
产品经验初分享：我的一小步
一、前言 现在是2018年7月24日下午15:08分，很高兴我今天终于开始动手写我人生的第一篇博客，之前很早的时候我就有想写博客的想法，但是因为本人工作繁忙的原因，毕竟工作使我快乐=,=（其实是因为鄙人很懒），所以现在才开始动笔写。由于本人是做互联网产品的，所以说想写一些文章来记录本人在产品修行之路上面的一些所见所闻（其实是因为本人是产品小白，所以说想把自...原创 2018-07-24 18:29:46 · 362 阅读 · 0 评论