axure变成一个小手了_Axure教程：这几个小技巧你一定要知道

编辑导读：Axure是产品经理在工作中最常用到的软件之一，尽管它的使用范围非常广泛，但是有一些小技巧很多人并不知道。本文作者总结了Axure在使用中的一些小技巧，与你分享。

一、Axure制作页面，当页面需要滚动时可以不出现滚动条吗？

我们有时候做一个页面很长，一屏或者一个模块显示不完全，现在很多设计为了界面更简洁舒适不提供分页，那怎么办呢？就要做成滚动页，但是滚动条在有的地方出现影响美观，例如下方表格需要滚动。

1. 软件界面

2. 效果展示

我们看到会有一个滚动条

怎么隐藏滚动条？

【方法：动态面板里再套一层，外层不滚动，内层滚动(注: 内层是拖到状态里), 再将所有东西移入内层动态面板, 最后外层动态面板缩小, 遮挡滚动条(注:内层宽度要拉大点)】

软件界面：

效果展示：滚动条消失

注：隐藏滚动条可以出现在很多地方，例如：

手机端常见购物APP商品浏览无限滚动

电脑端现在很多企业网站新闻页面也抛弃了分页，因为本身网站新闻不多

二、Axure鼠标移入变小手

我们知道，给文字或图片添加链接时会出现小手，但是我们做原型不是每个都会做链接，也不是所有都需要点击，比如鼠标移入效果，移入状态改变同时出现提示，这时候根本没有链接，但是这种情况下我们希望是个小手，因为存在交互，小手比鼠标箭头更适合。

但是，Axure中给元件添加鼠标移入效果时并不会变成小手，我又不想它被点击，那怎么办呢？

解决：添加一个空的单击事件

1. 软件界面

三、Axure制作打开页面顶部加载动效

插入矩形设置尺寸：40*3(根据实际页面定)，设置圆角

1. 交互

首先选中矩形，右键“设为隐藏”，设置后如下图：

然后设置交互：

载入时显示当前并且至于顶层，因为这个加载一般是在页面上的，不是独立的

然后设置尺寸，高不变，宽根据页面尺寸定，线性

等待1000ms

再隐藏当前

本文由 @设计的产品原创发布于人人都是产品经理，未经作者许可，禁止转载。

题图来自Unsplash，基于CC0协议。

axure变成一个小手了_Axure教程：这几个小技巧你一定要知道相关推荐

axure 下拉多选元件_Axure教程：下拉多选列表集合（多选下拉列表+单选下拉列表+分级下拉列表）...
原标题:Axure教程:下拉多选列表集合(多选下拉列表+单选下拉列表+分级下拉列表) 之前和大家分享了 <>.<>,很多同学私信我说很好使用,希望能够做一个多选下拉列表的教程 ...
怎么导入字体ttf_教程小字体制作精品教程(简化版)丨精致小字体
公众号分享过缩小字体的详细教程(话说像我这样分享资源还分享详细教程的人快灭绝了吧): 苹方小字体+小字体制作详细教程方法这个教程虽然复杂一点,不同于之前直接用Scale命令来缩小字体,操作上面需要花 ...
微信小程序开发系列教程三：微信小程序的调试方法
微信小程序开发系列教程微信小程序开发系列一:微信小程序的申请和开发环境的搭建微信小程序开发系列二:微信小程序的视图设计这个教程的前两篇文章,介绍了如何用下图所示的微信开发者工具自动生成一个Hel ...
抓取微信小程序源码教程，扒微信小程序文件等
前言: 想成为一名微信小程序的开发者,前端思路的学习和安全意识是非常有必要的,故务必掌握小程序反编译技能.这里用到了2个工具<包解密>与<反编译>(非原创,均来自网上的大佬), ...
axure变成一个小手了_Axure原型：超漂亮的系统首页
今天和大家分享如何在axure里,用中继器做一个漂亮的系统首页. 大家也可以把这边文章当作中继器的初级教程,本教程中就讲到设置文本.图片.筛选这几个常用的交互事件:希望通过这个案例,能让大家学会用中继 ...
axure 图片切换图片的交互_Axure教程：首页图片轮播
图片轮播是各大网站常常见到的形式,文章带我们学习了如何用Axure实现图片轮播功能,一起来看看~ 双11刚过没多久,大家是否都参加了2000+亿的大项目呀?剁手的时候,有没有被各大电商平台的首页图片轮 ...
axure 图片切换图片的交互_Axure教程：在动态面板里面设置图片自动/手动切换
原标题:Axure教程:在动态面板里面设置图片自动/手动切换本文作者分享自己做过的一个PC端的高保真原型,来教大家,如何在动态面板里面设置图片的自动和手动的切换. 给大家分享自己做过的一个案例,来自 ...
联想小新潮7000黑苹果教程_联想Lenovo小新潮7000-14 完美运行win7的方法
小新潮7000-14是一款配置一般的笔记本电脑:高仿MacBook Air造型搭配银色机身,简约大气,背部的Logo甚至还能发光,填补了自MacBook 12以来的遗憾.. 1.准备一个≥8的U盘, ...
html 中加小手,html中鼠标如何设置显示小手状？
材料/工具:css 1.打开前端开发软件,新建一个html代码页面 2.在新建的html代码页面上找到 ,在这个标签里创建一个标签,a案例中使用的是. 代码: 大家好,鼠标放到我身上就可看到效果 3. ...

axure变成一个小手了_Axure教程：这几个小技巧你一定要知道

axure变成一个小手了_Axure教程：这几个小技巧你一定要知道相关推荐

最新文章

热门文章