
狐线工坊
文章平均质量分 64
让原型图会说话,交互设计从此灵动如狐
狐说PM
用狐狸嗅觉破解需求迷局的产品经理,拒绝纸上谈兵,专注可落地方案,让每个需求长出‘用户真需’的DNA
展开
-
Axure使用技巧(一)
Axure使用技巧之插件的使用、全局参数的设置原创 2022-06-15 17:49:29 · 899 阅读 · 1 评论 -
App交互规范
1.容错性页面需设定返回按键,大部分操作都允许试错2.美即易用性人们会根据产品的外观来判断产品好不好用3.简洁定律人们喜欢在复杂的形状中找到简单和有序的元素4.库克定律选项越多,页面越多越难做出选择...原创 2020-01-19 15:19:09 · 374 阅读 · 0 评论 -
Axure绘制登录功能
上一篇文章为大家介绍了一下登录功能的设计思路和相关的流程图,本篇主要带大家从0到1绘制一下B端产品的登录功能如何实现一、功能解析本篇主要是针对内部员工使用的B端产品,主要功能如下:①手机号+密码登录②忘记密码③记住密码第②点可以有也可以没有,不过还是建议加上忘记密码的功能,否则超管可能会经常处理用户忘记密码,进行密码重置的任务二、原型绘制1.绘制登录背景及登录区域①点击页面样式,点击背景图片的导入按钮,导入一张登录的背景图片,如果大家不用设置背景,大家当然也可以跳过设置背景②拖入一个矩形,设置大小为350*原创 2023-01-05 18:56:25 · 2060 阅读 · 0 评论 -
Axure绘制流程图
相信大家在日常的工作中经常会绘制流程图,基本常见的绘制流程图的工具有Visio、亿图等。但是如果大家使用的是axure制作的产品prd的话,这些流程图的源文件全部需要进行存储,一旦丢失就需要重新画一遍,这样是很不方便。那么有没有一种方法直接在axure中进行流程图的绘制呢?原创 2022-12-29 10:19:04 · 998 阅读 · 0 评论 -
Axure绘制密码输入框
当我们在绘制登录页面时,如果登录方式包含账号密码登录,那么我们就会使用到密码输入框,而常见的密码输入框,通常会使用到小眼睛控制密码的明文和密文显示。大家知道axure中的输入框,当你设置成密码类型时,会自动显示成密文,如果不做明密文的切换功能,确实够用了;但是如果需要这个功能,就需要自己进行绘制了,下面我将为大家展示自己绘制密文输入框的过程。一、功能解析主要实现的功能如下①密文状态下,输入的内容以密文的形式展示;点击小眼睛切换到明文状态,且明文回显密文输入的内容;②明文状态下,输入的内容以明文的形式展示;点原创 2022-12-24 11:20:46 · 1874 阅读 · 0 评论 -
如何使用Axure制作产品需求文档prd
要问产品经理花费最多时间干的是哪些活,大多数的产品经理应该都会告诉你画原型和书写产品需求文档prd,那么有没有一种方式把他们结合一下,提升一下工作的效率呢,当然是有的了,本文将带领大家一起制作一个axure产品需求文档模板...原创 2022-07-29 16:07:06 · 1385 阅读 · 0 评论 -
Axure绘制省市县地址输入器
Axure如何绘制省市县地址输入器呢?一起来了解一下原创 2022-07-02 10:57:42 · 544 阅读 · 0 评论 -
Axure绘制App引导页
axure如何实现app的引导页功能呢?一起来了解一下原创 2022-06-30 16:46:16 · 567 阅读 · 0 评论 -
Axure绘制星级评分
Axure如何绘制星级评分呢?一起来了解一下原创 2022-06-28 17:32:56 · 467 阅读 · 0 评论 -
Axure绘制折叠面板-手风琴效果
Axure如何绘制折叠面板(手风琴效果)原创 2022-06-27 16:46:19 · 343 阅读 · 0 评论 -
Axure绘制数字加减器
Axure如何实现数字加减器的功能呢?原创 2022-06-25 17:23:48 · 971 阅读 · 2 评论 -
Axure绘制日期选择器
Axure如何绘制日期选择器原创 2022-06-20 19:02:43 · 2100 阅读 · 1 评论 -
Axure绘制自动填充输入框
Axure如何使用中继器实现绘制自动填充输入框的功能原创 2022-06-18 15:18:16 · 1016 阅读 · 0 评论 -
Axure使用技巧(二)
axure绘制自定义形状、设置选项组、隐藏或显示滚动条、原型预览logo与简介的设置原创 2022-06-16 15:14:57 · 352 阅读 · 0 评论 -
Axure绘制倒计时
Axure如何绘制倒计时呢?原创 2022-06-02 18:13:56 · 723 阅读 · 2 评论 -
Axure绘制返回到顶部
Axure使用锚点与动态面板绘制返回至顶部的功能原创 2022-05-20 17:32:38 · 876 阅读 · 0 评论 -
Axure绘制开关按钮
使用动态面板实现开关按钮效果原创 2022-05-30 17:19:41 · 995 阅读 · 0 评论 -
Axure软件页面介绍
本文主要针对于axure8的页面进行相关软件功能区的介绍原创 2022-04-21 09:45:06 · 1044 阅读 · 2 评论 -
Axure使用中继器绘制表格
相信大家在日常的原型绘制中 经常会绘制表格,有很多的同学会直接使用axure中自带的表格控件,对于应对日常交互性要求不高的原型绘制还是可以的,如果是做一些高保真的原型,要求对表格中的某条数据进行增删改查,axure自带的表格控件就不适用了。今天主要是给大家介绍一下axure中的高级组件中继器,英文名是“Repeater”,翻译过来就是重复的元件的意思,从名字就可以看出来其使用场景了,应用于重复出现的部分,比如表格,举个例子给大家说明一下,以下是我从京东上找的一张图从上边大家可以观察到,其每个商品原创 2022-04-16 09:44:54 · 995 阅读 · 0 评论 -
Axure绘制跑马灯
相信大家在日常的产品设计中或多或少的会涉及到绘制跑马灯的效果,诸如弹幕效果或者滚动公告那么这样的效果如何实现呢,直接上干货一、功能分析需要实现的功能如下:①在固定区域内展示文字②从左向右循环滚动展示实现的原理如下假设滚动文字的初始位置是x=200,此时应该进行的是将滚动文字从当前坐标横向向左线性移动,直至正好移动出屏幕,也就是负的文字的长度,也就是x=-100;当移动到-100时,再重置文字移动到初始位置x=200,此时不要加线性动画,然后继续重复上述逻辑。那么.原创 2022-04-15 13:50:27 · 1026 阅读 · 0 评论 -
Axure绘制轮播图
Axure使用动态面板实现轮播图效果,包含自动轮播,左右切换以及底部小圆点展示原创 2022-04-11 17:02:26 · 2522 阅读 · 0 评论 -
Axure绘制页面框架
使用Axure自带内联框架快速方便进行实现原创 2021-12-20 14:29:17 · 1337 阅读 · 0 评论 -
Axure绘制吐司提示
Axure如何实现吐司提示的功能呢,使用动态面板结合母版快速实现原创 2021-12-16 16:34:39 · 1385 阅读 · 0 评论 -
Axure对话框的设计
大家在日常的原型绘制中经常会遇到绘制中间弹出的对话框的效果,其中会包含基本对话框、确认对话框、输入对话框等那么如何实现该效果呢,下面咱们以在app端弹出删除对话框为例1.首先先绘制,拖入按钮元件,为后续点击该按钮,弹出删除对话框做准备2.绘制删除对话框,并添加确认和取消按钮3.将整个对话框选中,右键转化为动态面板,由于一般的呈现效果都是在软件的中间弹出该对话框,故需要将该弹框固定在中间展示,axure又不支持对元件或者元件组设置固定位置,故只能转化成动态面板再进行设置..原创 2021-12-11 14:59:45 · 791 阅读 · 0 评论 -
Axure中SVG矢量图标的使用方法
我们经常需要在原型中使用各种各样的图标,所以往往需要大量的图标素材。并且,为了保证图标缩放不失真,这些素材最好是矢量图。刚好最新的Axure RP 8.0版本支持导入SVG矢量图,可以直接把SVG导入到原型中。那么,这里就给大家推荐一个SVG图标资源库。地址:http://www.iconfont.cn/collections/index这是阿里巴巴的矢量图标库,可以使用新浪微博账...转载 2019-09-03 11:08:19 · 4809 阅读 · 2 评论 -
Axure如何实现标签切换功能
相信大家在日常的原型绘制工作中,经常会遇到实现标签切换的功能,比如app的底部菜单切换再比如,顶部的标签页切换,如下图那么如何实现以上效果呢,首先毋庸置疑,当然是使用axure中万能的动态面板来实现不同页面内容的切换(当然不建议大家使用跳转不同页面或者点击不同按钮控制不同内容的显示和隐藏),以下方法是建立在使用动态面板的前提下进行绘制的,好了,废话不多说,直接上干货步骤一、添加标签拖入矩形,将矩形的外边框去掉,这个的目的是为了后续有一个好看的展示效果,毕竟正常的标签页切换都是没有外层原创 2021-12-08 18:17:16 · 2039 阅读 · 3 评论 -
Axure如何制作app底部弹框,固定在底部
相信大家在日常的app原型绘制中,经常会遇到做底部弹框的功能,如果底部弹框会弹出不同的操作的话,这个时候大家就会使用动态面板进行原型制作,但是此时会存在一个问题,如果动态面板在不同的状态下高度不一样的话,就会出现下边的情况,动态面板不在底部超出了手机的底部那么如何解决这个情况呢,有两种方案解决方案一、调整动态面板的高度可以将动态面板的高度固定设置为所有状态状态下动态面板最高的高度,具体操作如下1.将动态面板设置的自动调整为内容尺寸取消勾选2.将动态面板的高度固定设置为所有状态状.原创 2021-12-01 13:42:10 · 2905 阅读 · 3 评论 -
Axure实现手机上滑功能
相信绘制手机app端原型的伙伴们,经常会遇到内容不止一屏展示,需要上滑查看更多的需求,那么如何绘制一个手机上滑实现更多内容查看的功能呢,如果使用的是墨刀,墨刀软件是自己支持的,如果使用的是axure,那么就需要自行实现了,好了,废话不多说,现在开始说一下实现的步骤其实原理很简单,使用的是动态面板的滑动条功能首先,需要将需要实现滑动的内容转化为动态面板然后按住动态面板的拖动高度的键,将动态面板调整至合适的高度将动态面板设置成自动显示垂直滚动条拖动动态面板横向的按键将滚动条正..原创 2021-11-28 11:25:26 · 1009 阅读 · 0 评论 -
Axure页面跳转时全局变量赋值不生效
问题描述:相信大家在日常绘制原型时,经常会使用打开底层的方式跳转至上一个页面但是如果大家不注意的话,在使用全局变的时候,就会发现一个奇怪的现象,就是如果是使用的打开底层进行的页面跳转,就会导致全局变量的赋值不生效,如果大家不注意,很有可能会一直找不到原因,那么是因为什么呢。原来是axure本身如果设置打开底层的话,全局变量的赋值就会不生效,这是软件的设定,其实已经在配置打开底层的时候告知用户了,只是有的时候大家一直复制粘贴,不太容易发现而已后续绘制原型的时候,还是建议大家仔细查看软.原创 2021-11-28 11:09:06 · 1276 阅读 · 0 评论