![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
原型设计
文章平均质量分 59
陌上花开D
业精于勤而荒于嬉,一个有点追求的产品经理
展开
-
大屏中常用地图原型设计
针对问题:在日常项目中,我们常常遇到需在大屏上以地图热力图的形式,展示各个省或地市相关指标情况。为了高保真的原型,那经常会遇到需要根据整体大屏的配色去画各省份的地图,目前百度可搜索地图照片,但无法修改地图内区域的配色,以下将介绍如何获取各省地图以及快速修改地图配色:操作步骤:1、复制需要省份地图的前端代码①绘制地图网站地址:https://www.pslkzs.com/xd/examples/mapInner.php?id=530000&name=%E4%BA%91%E5%8D%97%E原创 2021-08-06 16:56:53 · 1857 阅读 · 2 评论 -
墨刀实现局部滚动条
1、场景1: 制作pc端产品时,实现局部滚动条效果,以数据列表为例 方法:使用墨刀的“动态组件”,编辑组件状态,将列表的内容填充超过未编辑时组件的大小未编辑前,“动态组件”状态:点击“动态组件”编辑时,内部状态:1)注意编辑状态时,需要把内部状态的虚线拉到想展示数据的边界,即虚线要框上所有要展示的数据2)编辑组件状态时,一般会默认两个组件状态,需要注意,当我们不需要其他组件状态时,仍然不能删除该组件的第二个状态,否则交互无效,如下图所示:(状态2我这里是复制了状态...原创 2020-10-27 15:48:14 · 16581 阅读 · 0 评论 -
axure元件制作-常用开关
利用axure制作APP端常用图标-开关元件,并添加至元件库步骤:1、从iconfont 图标库中选中关闭按钮元件,复制至“axure”中,选中该“关闭按钮”元件,设置“交互样式-选中”,导入代表开启状态的元件图片:2、选中“关闭”按钮,设置鼠标单击时事件,添加动作“切换选中状态”,组织动作“选择当前元件”;3、预览在浏览器中的效果,即为开关切换效果:点击关闭按钮变成开启状...原创 2019-10-16 16:07:52 · 1674 阅读 · 0 评论 -
使用axure实现点击下拉列表框中任意一个选项时,触发(联动)该选项需要查看的内容,隐藏其他内容
1.在一个新建的项目模型里,在图形库选中下拉列表框,拖到空白处,如下所示: 2.编辑列表选项:双击下拉列表框,为列表框添加相应的选项(可单个添加也可选择一次性添加),这里举例子以网点为例,其他子选项添加方式类似,效果如下: 预览查看效果,下拉框中添加选项成功。(如果想要使得选项居中,在添加选项的时候可以使用空格)3.要使得我们点击下拉框中的某个子选项时,在空白位置显示出相...原创 2018-07-18 18:55:53 · 71409 阅读 · 3 评论 -
使用axure rp 8.0,实现输入框获取并显示当前日期或者选择指定日期
1.在图形库中选中文本框,拖到工作区域,点击该文本框,单击右下角大纲页面该复选框,重命名文本框为“date”。2.选择文本框的类型以及指定文本框默认的值,这里文本框类型的选择关系到是获取当前时间还是选择指定的时间。首先将文本框的类型选择为“日期”,在“提示文字”里输入要输入的默认值,这里我们输入的是“请选择日期”,操作如下:效果如下:3.添加交互行为,在更多事件中找到“...原创 2018-07-19 14:56:25 · 41765 阅读 · 6 评论 -
使用axure rp 8.0中的中继器实现简单的翻页功能
1.在图形库中找到中继器,选中拖到工作区域,中继器初始的格式如下: 2.为了方便后续的操作,这里我们首先需要修改一下中继器的格式,双击进入中继器编辑页面,选中矩形,按住ctrl+鼠标左键向右移,操作两次,操作之后的界面如下: 3.在右边中继器的表格中添加数据,在“添加列”中命名数据字段,count,name,age,再填写各类字段的数据,如下图所示: 4.添加交互行为,选...原创 2018-07-20 17:51:18 · 7953 阅读 · 0 评论 -
实战案例1:实现单选按钮及在文本框中展示选中的按钮内容
案例1:实现单选按钮,并将单选按钮内容填充至文本框(1)元件准备:三个单选按钮,一个button按钮,一个文本框(2)分析:a.单选按钮的实现; b.将选中按钮的内容填充至文本框; c.在下一个选中按钮的行为产生之前,对应的单选按钮还是处于选中的状态。操作步骤:1.首先在左下角的图形库里选择三个...原创 2018-07-27 12:02:00 · 12823 阅读 · 0 评论 -
实战案例2:模拟百度账号登录界面设计,实现边框变色及超链接
案例2:模拟百度账号登录界面设计(1)元件准备:6个矩形,2个文本框,1个复选框,1张图片(2)分析:这个界面设计主要包括文本框的边框变色及超链接的设置 a.输入框的样式在两种不同状态下切换,当点击时边框变为蓝色,反之蓝色消失,这个效果可以通过交互样式实现; b.文本框获取焦点时,呈现选中的样式; ...原创 2018-07-30 11:34:05 · 1335 阅读 · 2 评论