Axure
ZLMika
这个作者很懒,什么都没留下…
展开
-
Axure学习笔记整理6-弹出效果
弹出效果应用比较广泛,比如侧边菜单栏、加号弹窗、点击向上弹出窗口。其实交互用例都差不多。例:先制作以下两个形状:分别命名为‘鼠标移入’和‘弹窗内容’;隐藏‘弹窗内容’,并对‘鼠标移入’部件做交互-鼠标移入时-显示-形状‘弹窗内容’-淡入淡出500毫秒;再添加交互用例’鼠标移出时‘-隐藏-形状‘弹窗内容’-淡入淡出500毫秒; 侧边菜单栏弹出效果:先拖拽以下部件,上面...原创 2019-01-03 17:49:12 · 342 阅读 · 0 评论 -
Axure学习笔记整理5-灯箱效果
灯箱效果:拖拽4张小图片分别命名为1/2/3/4,如下图;拖拽一个图片部件转换为动态面板命名为big-img,添加state1、state2、state3、state4并分别双击进去放好跟之前的1/2/3/4相同的图片;如下图:对名称为1 图片做交互:’鼠标单击时‘-设置面板状态-勾选动态面板img-state1;同时添加交互’显示‘-勾选动态面板img-state1-显示-灯...原创 2019-01-03 17:21:09 · 6198 阅读 · 0 评论 -
Axure学习笔记整理4-实现APP页面上下滑动(垂直滚动条)
这里有个比较简单的交互方法用来实现页面上下滑动的效果:1、拖拽一个动态面板设置高度667,宽度375,双击进入state1,拖拽一些部件组成页面,要超过动态面板本身的667尺寸;如下面这个state1的图片:2、在state1中选择除了顶部状态栏的剩余部分,剩余部分选择’转换为动态面板‘,命名home-dp-inside,将state1的页面调整成667的高度(看不到多出来的部分),然后...原创 2018-12-28 14:15:50 · 2722 阅读 · 0 评论 -
Axure学习笔记整理4-实现APP页面上下滑动及弹回效果
相对于其他交互效果,Axure制作app页面的上下滑动效果还是比较简单的。为了使效果显著一点,先做一款简单的原型如下。第一步,将下面框起来的部分要做滑动的内容选好,点击鼠标右键‘转化为动态面板’,并把这个动态面板命名为‘界面内容’;第二步,选中‘界面内容’动态面板,选择用例‘拖动时’(有的axure版本可能是‘拖动动态面板时’)进入用例编辑;选择‘移动--勾选’界面内容‘-...原创 2018-10-11 14:15:21 · 4506 阅读 · 0 评论 -
Axure学习笔记整理3-扫描框自动轮播效果
一般来说,现在的移动端开发都会引入身份证和银行卡OCR扫描,这个也是在注册和填写个人信息的时候非常必要的流程。简单的原型设计只需要点击进入扫描页即可。但我对这个扫描交互还是比较感兴趣,所以做了一个比较简单的扫描自动轮播的交互:扫描棒自动轮播效果:第一步:准备一个引导页或扫一扫图标按钮,随便选择一个(例如以下页面);这个是用来点击后进入扫描页面的。第二步,拖拽一个300*376的矩形...原创 2018-10-09 15:14:53 · 972 阅读 · 0 评论 -
Axure学习笔记整理2-Banner轮播图制作(包括自动轮播及手动轮播)
觉得下面这个分享挺好,我就不重复做了。另外,我在原文中添加了一个小点,关于轮播导致的圆点颜色变化的设置。请看第3章第2部分的红色字体。 谢谢原作者的分享。以下为原文链接。转载至:https://www.jianshu.com/p/628a22c1f653 如何制作轮播图:(1)实现图片轮播;(2)将圆点与轮播图片一一对应;(3)实现前一张、后一张图片切换。...转载 2018-10-08 17:09:41 · 9028 阅读 · 0 评论 -
Axure学习笔记整理1-设置下拉框、列表框和元件文本内容
我一直认为Axure的使用是做产品经理必备的基础技能之一,所以从一开始转行做产品经理就在熟悉和试图挖掘更多的Axure使用技巧。本篇以及后面几篇文章都希望较简单的方式完成简单的交互设计。事先说明一下,我不是专门做交互设计的,只是因为平时工作中个人觉得可以少量使用交互让原型图设计更为流畅。最近打算将学习资料整理一下给到需要的人查看。1.设置下拉框、列表框和元件文本内容第一步,拖拽一个下拉...原创 2018-10-08 14:03:14 · 7859 阅读 · 0 评论 -
Axure学习笔记整理7-中继器-商品列表及排序
中继器使用案例:1.打开Axure,拖拽一个中继器命名为‘GoodsList’,双击中继器进去填充内容,如以下截图:里面部件分别命名为:图片部件-GoodsImage;文本标签部件-商品名称-命名为Name;文本标签部件-推荐-命名为Rec;文本标签部件-数量-命名为Sales;文本标签部件-价格-命名为Price; 2.打开excel表格填充一些业务数据,例如以下:Nam...原创 2019-01-07 14:15:22 · 2030 阅读 · 0 评论