自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 AxureRP 实战(四)如何自动获取电脑日期和时间

我们在做页面交互设计时,如何自动获取电脑的日期和时间呢?像下图这样,让设计的产品更有真实感:本次教程以上图的日期时间格式为例:“YYYY-MM-DD hh:mm:ss”做讲解。首先,拖入文本标签元件 --> 命名为:"date&time" --> 点击“新建交互” --> 形状选择“载入时” --> 元件动作选择“设置文本” --> 目标选择“当前元件” --> 点击“fx”,弹出编辑文本弹出框 -->...

2021-12-17 14:03:19 832

原创 AxureRP实战(三)Banner轮播图交互(进阶篇)

前一篇《AxureRP实战(二)Banner轮播图交互(基础篇)》用淘宝的首页banner案例讲解了如何运用动态面板实现banner轮播图的切换,有了基本交互功能。但是,交互效果还有些欠缺,在用户体验上不是很好,交互切换比较生硬。本次讲解紧接实战(二)的内容,继续讲解banner轮播图,利用变量优化轮播图的用户体验。共分三部分进行用户体验优化,下面对优化内容进行详细讲解:第一部分:优化底部圆形按钮切换效果底部按钮转换图片时要有向左或向右的移动过程,体验会更顺畅,利...

2021-11-10 10:13:23 509

原创 AxureRP实战(二)Banner轮播图交互(基础篇)

Banner轮播图是原型图中最常见的模块之一,只要是互联网产品,基本都会用到轮播图。前一篇文章讲解了如何运用母版实现网站导航的切换,本次教程教大家:如何使用Axure动态面板实现互联网产品banner轮播图的交互。Banner轮播图的交互用动态面板来实现,大家把动态面板想象成电视机,每一个banner图片就像是一个个频道,遥控器上的按钮就连接着每一个频道。也就是说,动态面板是装banner图片的盒子。就像下图这样:黑色框就是动态面板的盒子,里面的不同颜色矩形就是内容,每次根据指令..

2021-11-04 17:05:33 533

原创 Axure RP 如何实现导航栏切换页面——母版

网站的导航功能是一个网站的最基本也是最为重要的功能之一,当我们在做项目时,点击导航按钮实现跳转页面,并且每次点击跳转都会有交互,运用母版,可大量减少设计时间,实现跳转页面。以知乎网站为例:总结为两个动作:1、点击导航按钮并选中;2、选中的按钮链接并跳转到相应的页面。第一步:创建母版,并添加按钮的选中交互第二步:创建导航下的页面,并添加按钮和页面的链接交互第三步:设置页面载入时的选中交互第四步:设置页面载入时选中的显示交互方法一:显示隐藏方法二:一个提示条记录位置移动距离

2021-10-14 17:31:26 5435

空空如也

空空如也

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

TA关注的人

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