- 博客(5)
- 收藏
- 关注
原创 blog20201231:04-Axure使用动态面板实现下拉框(1)
首先让我们了解一下什么是动态面板??动态面板:动态面板是Axure中使用频率最高的元件之一,动态面板专门用于设计原型中的动态功能,它可以包含一个或多个状态,每个状态就是一个页面,在这里可以任意编辑,通过控制状态的切换或显示/隐藏来实现一些我们常见的交互效果。一、整体效果展示1、默认状态2、选中效果3、结果展示二、所需元件1、两个矩形2、文本框3、动态面板4、中继器三、开始制作(1)创建控制面板:创建一个动态面板;(2)双击面板,打开面板状态管理,为该动态面板设置2个状态
2020-12-31 22:40:25
774
原创 blog20201231:03-Axure顶部导航栏的实现
顶部栏对于一个网站的用户体验来说是至关重要的,用户的浏览习惯(从左到右,从上到下),当他们进入一个新的网站,顶部栏通常是他们最先看到的地方。作为设计师,需要预测用户经常访问的内容,将最重要、最常用到的条目置于导航栏当中,要永远将最关键、最重要的导航类目让用户看到,才是导航所应该做到的事情,换句话来说,就是关键内容驱动导航分类。一、顶部导航内容分析:品牌logo、菜单、搜索框、提示消息、登录/注册、操作手册、语言切换、角色切换等信息。以上这些都是顶部栏中常见的元素,在设计的时候,一级类目建议在 2-
2020-12-31 11:03:10
986
原创 blog20200919:02-Axure使用动态面板实现三级菜单
首先,菜单分为三级。在三级菜单展开之前,先把外层动态面板隐藏并拉动元件。这样,所有二级菜单会变成收起状态。然后,让三级菜单展开。这时,外层动态面板自动适应展开后的尺寸(注意外层动态面板要设置自动适应内容尺寸),高度变长。最后,再把外层动态面板显示出来,这样就会按照展开之后的高度推动下方元件。第一步,我们先放入菜单的相关元件,这里我使用了一些占位符,大家也可以使用矩形,设置成其他样式。第二步,我们把三级菜单的三个元件全选,在上面点击鼠标右键,选择【转换为动态面板】的选项;然后,
2020-09-19 20:12:58
815
原创 blog20200614:01-Axure注册&登录交互
首先直接上图最终效果图,如下:账号密码登录界面输入账号,输入密码点击登录(登录成功,直接跳转已注册首页)点击短信快捷登录,切换为短信快捷登录窗口点击免费注册,跳转到注册界面短信快捷登录界面输入手机号发送验证码(60秒后重新获取,当短信码下发时间超过1分钟时(假设1分钟超时过期),则提示“验证码已过期,请重新获取”,显示验证码提示信息)输入验证码点击登录(登录成功,直接跳转已注册首页)注册界面手机号注册获取验证码输入密码再次确认密码(假如2次密码不一致,提示"您的账号
2020-06-14 14:17:33
3293
原创 echart 正负图
<script>$(function() { // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据option = { title: [ ...
2018-10-29 17:29:40
3843
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人