axure教程
猿型库
专注高保真原型设计
展开
-
App产品原型背后要交代的细节或要理解的原则(下)
七、产品经理对视频拍摄窗口的界定产品经理在设计拍摄视频或图片功能的时候,需要考虑是否满屏拍摄,是否限制必须按一定比例拍摄等。之所以考虑这个问题,是因为有的手机全屏比例拍摄的效果并不美观。另外一些带刘海的手机屏幕,刘海部位必然是看不到拍摄画面的。因此为了避免这个影响,很多产品就会选择将上方平齐与刘海的高度遮住,设置成只支持刘海以下拍摄。当然,也有将底部菜单位置遮住的,还有的规则...原创 2020-04-23 22:54:31 · 223 阅读 · 0 评论 -
App产品原型背后要交代的细节和要理解的原则(上)
移动App的产品设计往往都是所见即所有,没有太深奥的逻辑要交代的,比葫芦画瓢即可。产品经理常常很快就把原型画出完了,但是在设计UI的时候或开发的时候就常常被拉去澄清细节,原因就是对设计的细节交代不清楚,或者了解的不甚深入,缺少对边界或排他项的界定。笔者近期从事社交App的需求,本文就移动端App产品的日常总结,从产品经理设计需求的角度,分享一些注意事项和细节如下,欢迎批评探讨。一、明确...原创 2020-04-23 22:52:55 · 528 阅读 · 0 评论 -
猿型库:Axure小练习-微信朋友圈拖动刷新
相信大家每天都在刷微信的朋友圈,在微信朋友圈里面有个很常用的功能,就是向下拖动以后朋友圈的自动刷新,今天,我们就看看如何用Axure实现微信朋友圈的拖动自动刷新。效果查看:http://www.axurestudy.cn/pr/index.html【需求分析】1、向下拖动屏幕的时候,当前朋友圈的内容要随着拖动而向下移动,这个时候刷新的图标要展示出来;2、当拖动结束的时候,...原创 2020-04-11 21:05:29 · 448 阅读 · 0 评论 -
猿型库:Axure小练习-微信支付小键盘
微信支付是使用非常多的功能,在使用微信支付的时候,需要输入支付金额和支付密码,这个时候会呼出微信支付小键盘。所以,我们今天就看看如何通过Axure实现微信支付小键盘。效果查看:http://www.axurestudy.cn/pr/index.html【需求分析】1、点击数字键盘,在转账金额区域录入对应的金额;2、点击删除键,删除对应的金额数字;3、0不能作为第一个数...原创 2020-04-09 22:29:48 · 742 阅读 · 0 评论 -
猿型库:Axure小练习-登录框自动切换
每个应用都有登录功能,而且现在的应用往往都有多种登录方式,比如账号登录和手机登录,今天我们来看如何实现实现登录。效果查看:http://www.axurestudy.cn/pr/index.html【需求分析】1、登录框分成账号登陆和密码登录两个页签;2、用户点击账号登陆,账号登录页签被选中,并且显示账号和密码输入框;3、用户点击手机登陆,手机页签被选中,并且显示手机号码和...原创 2020-04-06 15:55:32 · 249 阅读 · 0 评论 -
猿型库:Axure小练习-兴趣选择
在新浪微博注册的时候,通常会让注册用户选择兴趣爱好,这样就方便爱好给用户推荐朋友和资讯,今天我们来看看如何通过axure实现兴趣选择功能。通过本练习,主要让大家掌握全局变量和选中\取消选中的事件。效果查看:http://www.axurestudy.cn/pr/index.html【需求分析】1、兴趣节点在选中之后,圆圈变大,背景变色,字体变大变色;2、兴趣节点在取...原创 2020-04-06 15:21:39 · 227 阅读 · 0 评论 -
猿型库:Axure小练习-条件查询
条件查询是经常会使用的功能,今天小猿带大家看看如何实现条件查询。通过这个练习,大家可以掌握局部变量和中继器。效果查看:http://www.axurestudy.cn/pr/index.html【需求分析】1、默认展示所有用户的列表,共7条记录;2、输入年龄区间(最大和最小值),点击查询以后,显示年龄介于输入条件的用户;3、如果只输入年龄上限,点击查询以后,显示小于年龄上限...原创 2020-04-06 14:43:32 · 355 阅读 · 0 评论 -
猿型库:Axure小练习-注册验证
大家都知道,注册的时候有很多的验证,如何通过Axure来制作这个验证那,今天小猿就给大家演示,通过这个练习,希望大家能够掌握逻辑条件和全局变量。我们先看一下最终的效果:效果查看:http://www.axurestudy.cn/pr/index.html【需求分析】 账号 1、需要输入提示; 2、最大长度10位; 3、如果输入为空,提...原创 2020-04-06 07:16:08 · 190 阅读 · 0 评论 -
产品经理的愚人节专属福利,Axure案例免费下载
【愚人节】愚人节(April Fool's Day或All Fools' Day)也称万愚节、幽默节,愚人节。节期为公历4月1日,是从19世纪开始在西方兴起流行的民间节日,并未被任何国家认定为法定节日。在这一天人们以各种方式互相欺骗和捉弄,往往在玩笑的最后才揭穿并宣告捉弄对象为“愚人”。【产品经理】产品经理(Product Manager)是企业中专门负责产品管理的职位,产品...原创 2020-04-06 07:14:09 · 242 阅读 · 0 评论 -
猿型库:Axure小练习-页面滚动吸附
啥是页面滚动吸附,说白了,比如页面上的登录框,随着页面的滚动,吸附在页面的顶部,这个功能可以通过Axure里面的window.scrollY实现。效果查看:http://www.axurestudy.cn/pr/index.html【需求分析】1、初始页面,显示百度查询结果列表和登录框;2、页面向下滚动,当滚动位置小于登录框的位置(Y坐标)时候,登录框位置不该表;3、...原创 2020-03-28 18:09:08 · 374 阅读 · 0 评论 -
猿型库:省市两级联动下拉框
在前面的练习里面,我讲了如何做自定义下拉框,现在我们引申一下,来制作一个省市两级联动的下来框。效果查看:http://www.axurestudy.cn/pr/index.html链接:https://pan.baidu.com/s/1eErMzciBxtOqYfIgCioItA提取码:u6pp【需求分析】1、对于“省”下拉框,点击下拉框的时候要弹出对应的省份名称;...原创 2020-03-24 21:55:39 · 284 阅读 · 0 评论 -
猿型库:中继器实现表格数据同步
中继器是一个功能非常强大的元件,但是也比较复杂,导致很多同学对中继器有抵触心理。越是复杂的,越是要多练习。今天,我看看看如何通过中继器实现数据列表的同步。效果预览:http://www.axurestudy.cn/pr/index.html【需求分析】1、源列表里面展示4条数据记录;2、选中源列表里面的记录,点击同步按钮,数据同步到目标列表;【原型设计】...原创 2020-03-21 21:30:11 · 485 阅读 · 0 评论 -
猿型库:Axure小练习之商品对比\关注\购物车
为了方便用选购商品,现在的电商网站,通常都会有对比、关注、加入购物车这三个功能。我们以京东商城为例,看看如何通过Axure实现这三个功能。效果预览:http://www.axurestudy.cn/pr/index.html【需求分析】通过我们对京东商城的观察,得出如下需求:1、当鼠标移入“ 对比 ”框的时候,文字和边框变成红色,当鼠标移出的时候,...原创 2020-03-16 13:28:28 · 500 阅读 · 0 评论 -
猿型库:工作再忙,也要学会这5个神级快捷键!
【有没有提高原型制作效率的好办法 ?试试快捷方式。】转存失败重新上传取消转存失败重新上传取消Ctrl+C和Ctrl+V是复制\粘贴的快捷键,相信大部分的同学都应该知道。但是这里要注意一下,在Axure中,复制和粘贴是以元件为单位,即直接使用Ctr+C或者Ctrl+V都是操作一个完整的元件。如果你用的MacOs系统,复制粘贴的快捷键是CMD+C\V。...原创 2020-03-15 22:06:31 · 189 阅读 · 0 评论 -
人人都是可以套用的高保真原型模版
高保真原型是原型设计中的最高要求,一个合格的高保真原型,除了要保证流程清晰、逻辑正确、功能覆盖完整之外,还要提现出UI和UE,要制作一个高保真原型,通常要花费大量的时间和精力,有时候甚至需要团队协作才能完成。但是在有些场景下,又不能不制作高保真原型。为了提高大家制作原型的效率,结合本人的项目经验,本人总结和提炼了一套适合于pc端后台管理系统的原型模版,通过这个模版,大家可以快速的扩展出自己的高保...原创 2020-03-13 21:56:49 · 1566 阅读 · 0 评论 -
中继器实现自动回复功能
中继器是axure里面非常重要的一个元件,通过中继器,我们可以开发出非常有趣的一些应用,今天我就带领大家来实现一个简单的聊天机器人。按照老规矩,我们先看一下效果图:【需求分析】在上面的例子,我们需要实现如下几个效果:1、分别输入关键字A、B,点击发送以后,输入的内容会显示,并且会根据关键词回复对应的内容;2、如果显示的内容超过超过显示区域,页面自动往上滚动;...原创 2020-03-12 22:28:57 · 614 阅读 · 0 评论 -
Axure实现唯一性选择元件
【概述】说到唯一性选择,大家首先想到的就是单选框,除了这个场景,唯一性选择还有其他各种形态,比如大家经常用的淘宝商品下单页面,比如我要买一条裤子,那对于尺寸、颜色分类和花呗分期这三个选项,都会用到唯一性选择。在本练习中,我们就要实现宝贝下单的功能,通过本练习,掌握元件选项组和交互样式的使用方法。【需求分析】1、实现尺寸、颜色分类、花呗分期的唯一性选择功能;2、选中的选项红色框选...原创 2020-03-10 21:59:44 · 1720 阅读 · 0 评论 -
有没有人和我一样,觉得axure9 很难用
一直在用axure8做原型,虽然有时候会死机,svn同步有时候也会出错,但是公平的来说,我觉得axure还是不错的。axure9已经推出一段时间了,今天有空,本着好好学习、天天向上的态度下载一个试试,真是不试不知道,一试吓一跳,感觉跟axure8比较来,就是两个字:真不好用。首先说这个负坐标,在axure8里面,坐标0.0就是窗口的极限了,窗口很好定位,但是增加了复坐标,窗口的原点不好找了...原创 2020-03-08 22:22:17 · 1692 阅读 · 0 评论 -
产品经理如何制作自己的元件库
【为什么要做元件库】在使用axure进行原型设计的时候,大家除了使用官方的元件库之外,还可以使用第三方的元件库,第三方的元件库很多,也非常好用,比如蚂蚁金服、饿了么等等,但是这些元件库通常是大而全,而且包含了丰富的样式和动态效果,对于普通使用者来说,使用起来不太方便。对于产品经理来说,尤其是中后台的产品经理,还是要把精力放在业务逻辑上面,而且中后台的产品经理一般使用的页面模式也不是很多,基...原创 2020-03-02 18:53:04 · 432 阅读 · 0 评论 -
高保真Axure原型设计实战 - 自适应后台框架
【前言】本人前段事件做了专家管理产品的pc web端产品,按照当时的要求,制作了高保真的原型。在这个原型里面,实现了屏幕自适应、菜单动态展示、列表页面的排序分页等功能,使用了动态面板、中继器等元件,设计风格上参考了蚂蚁金服的ant design,因为是后台管理系统,所以设计风格上也比较紧凑,我把这个过程写出来,希望能够对大家有所帮助。【页面布局】在开始制作原型之前,先要做的是对页面的布...原创 2020-02-14 19:24:48 · 1718 阅读 · 0 评论 -
axure做微信小程序 - axure教程
涉及到得axure主要知识点: axure做微信小程序 开发前,最好先做个原型,把自己的需求理顺(我用的工具为Axure, 下载的是一个免费版,功能不全,但自己梳理想法足够了)。 2 注册一个开发工具账号 现在微信小程序开发工具大多都是纯线上版本,无需下载;并且,axure做微信小程序打开注册页后一般都可以用微信扫码即可完成注册,非常简便...原创 2020-02-01 23:36:13 · 6746 阅读 · 1 评论 -
axure怎么制作聊天页面
【前言】产品经理是站在上帝身边axure怎么制作聊天页面的人。(上帝了解人性,懂得如何运用群体的特性去驾驭人类,产品终究是联系人与思想的媒介,虚无缥缈的道贯穿在产品经理和用户之间,隔着一层薄薄的纱,隐约可见,霎那间很近,转身就又很远)一款好的产品是建立在一切近乎完美的情景下开发出来的。axure怎么制作聊天页面产品是有灵性的,你怀着什么样的心情创造它,那么它就会以相同的姿态对待你的用户。产品是...原创 2020-02-01 23:24:23 · 2497 阅读 · 0 评论 -
axure原型图手机界面尺寸
使用axure原型图手机界面尺寸制作的原型,如果你没有设置自适应视图的话它是不会自动适应任何设备的。若要解释清楚这个问题需要的篇幅比较长,请大家自行参考 Point/Pixel/PPI/DPI 的意思和它们之间的关系。这里不再赘述,直接给大家提供一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure 中设置大小即可,设计完毕后在生成 HT ML时设置 手机 /移动设备 中勾选包含视图接口...原创 2020-02-01 23:12:42 · 16579 阅读 · 0 评论 -
axure教程
名词解释线框图:一般就是指产品原型,比如:axure教程把线框图尽快画出来和把原型尽 快做出来是一个意思。axure 元件:也叫 axure 组件或 axure 部件,系统自带了一部分最基础 常用的, axure教程网上也有很多别人做好的, 软件使用到一定阶段可以考虑自己制作 元件,以便提高产品原型的制作速度。生成原型:是指把绘制好的原型通过 axure rp 生成静态的 html 页...原创 2020-02-01 22:19:10 · 809 阅读 · 0 评论