自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 blog20201231:04-Axure使用动态面板实现下拉框(1)

首先让我们了解一下什么是动态面板??动态面板:动态面板是Axure中使用频率最高的元件之一,动态面板专门用于设计原型中的动态功能,它可以包含一个或多个状态,每个状态就是一个页面,在这里可以任意编辑,通过控制状态的切换或显示/隐藏来实现一些我们常见的交互效果。一、整体效果展示1、默认状态2、选中效果3、结果展示二、所需元件1、两个矩形2、文本框3、动态面板4、中继器三、开始制作(1)创建控制面板:创建一个动态面板;(2)双击面板,打开面板状态管理,为该动态面板设置2个状态

2020-12-31 22:40:25 680

原创 blog20201231:03-Axure顶部导航栏的实现

顶部栏对于一个网站的用户体验来说是至关重要的,用户的浏览习惯(从左到右,从上到下),当他们进入一个新的网站,顶部栏通常是他们最先看到的地方。作为设计师,需要预测用户经常访问的内容,将最重要、最常用到的条目置于导航栏当中,要永远将最关键、最重要的导航类目让用户看到,才是导航所应该做到的事情,换句话来说,就是关键内容驱动导航分类。一、顶部导航内容分析:品牌logo、菜单、搜索框、提示消息、登录/注册、操作手册、语言切换、角色切换等信息。以上这些都是顶部栏中常见的元素,在设计的时候,一级类目建议在 2-

2020-12-31 11:03:10 866

原创 blog20200919:02-Axure使用动态面板实现三级菜单

首先,菜单分为三级。在三级菜单展开之前,先把外层动态面板隐藏并拉动元件。这样,所有二级菜单会变成收起状态。然后,让三级菜单展开。这时,外层动态面板自动适应展开后的尺寸(注意外层动态面板要设置自动适应内容尺寸),高度变长。最后,再把外层动态面板显示出来,这样就会按照展开之后的高度推动下方元件。第一步,我们先放入菜单的相关元件,这里我使用了一些占位符,大家也可以使用矩形,设置成其他样式。第二步,我们把三级菜单的三个元件全选,在上面点击鼠标右键,选择【转换为动态面板】的选项;然后,

2020-09-19 20:12:58 695

原创 blog20200614:01-Axure注册&登录交互

首先直接上图最终效果图,如下:账号密码登录界面输入账号,输入密码点击登录(登录成功,直接跳转已注册首页)点击短信快捷登录,切换为短信快捷登录窗口点击免费注册,跳转到注册界面短信快捷登录界面输入手机号发送验证码(60秒后重新获取,当短信码下发时间超过1分钟时(假设1分钟超时过期),则提示“验证码已过期,请重新获取”,显示验证码提示信息)输入验证码点击登录(登录成功,直接跳转已注册首页)注册界面手机号注册获取验证码输入密码再次确认密码(假如2次密码不一致,提示"您的账号

2020-06-14 14:17:33 2985

原创 echart 正负图

<script>$(function() {        // 基于准备好的dom,初始化echarts实例       var myChart = echarts.init(document.getElementById('main'));       // 指定图表的配置项和数据option = {                    title: [ ...

2018-10-29 17:29:40 3674

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除