全部文章

4.Axure菜单功能、快捷功能、元件

菜单栏

1.文件

 2.视图

工具栏:

 功能区

 标尺、栅格、参考线

 对齐辅助线:

 选中辅助线然后点击delete即可删除;

遮罩

 显示说明与交互的标记

有时候部分元件的遮罩会影响我们观察,这时候可以在视图里面打开或者关闭遮罩

 3.项目&布局

 4.发布

 工具栏

基本功能工具栏

样式工具栏:

基本功能工具栏

 包含选中&相交选中

 连接

 裁剪和切割

 

 →

 点

 顺序层次

 缩放大小

放大:在需要画一些精细元素的时候,需要放大绘制,例如手机的信号

缩小:在需要选择页面很多元素的时候,可以先缩小页面,进行选取

 锁定

锁定位置和尺寸

 预览

 样式工具栏

 无边框设置

 元素坐标位置

 X,Y坐标指的是元素左上角的位置

 隐藏

被隐藏的元素会变成淡黄色,并且预览的时候不会显示:

 

 面板

 页面

 概要

元件(库)


 创建自己的元件库:


导入外部元件库:

   

 母版

TIPS:需要重复使用的元件,建议创建成母版使用;如果修改了母版,所有页面中的母版元件将会被同步修改;

母版区域的整体操作,类似于“页面”;

建议将反复被调用的模块做成母版,比如导航、标签栏等;

模板只适用于当前的原型,不能跨原型使用;

元件库可以跨原型使用;

母版拖放行为

注意:“拖放行为”的更改,不影响之前已经拖放过该母版的页面;

例如:母版A,之前是任意位置,被页面1引用,后来母版A的拖放行为变为固定位置,并被页面2引用,那边页面1“母版元素”位置还是任意位置,仅仅页面2“母版元素”位置是固定的;

另外:“脱离母版”情况下,母版变化不会影响到引用改母版的页面;

母版:批量添加到页面

 交互

 交互编辑器

 鼠标悬浮提示

“工具提示”只在预览或者发布的时候才能看到效果,类似于前台代码里的title属性

 样式

 页面排列

页面排列会影响预览时页面元素的位置:

 低保真度

例如我们有时候画的原型很花哨,把这样的原型给到UI或者设计,就会产生较大干扰,此时我们直接点击【低保真度】即可变成黑白灰效果

   

 自适应文本宽度

形状元素大小会自动根据文本的长短高低进行变化,并且设置了某个方向自适应时,对应方向上的编辑点会变成“黄色”

 说明(注释)

选中元件,使用单键快捷键“N”可快速添加注释

画布

使用:

技巧:当一个页面有很多不同的列数划分的时候,就需要用到“最小公约数”,例如像下面的一个4,一个5,那么我们栅格就需要有20个;

 自带元件

Axure9:

Axure11:

 Default

Axure9:

 Axure11:

 矩形

矩形可以充当文本域

 图片

 热区

作用:

1.增加元件点击范围;

2.当做页面锚点

例如我们有些时候页面底部没有内容之后,页面就不能再往上滚动了,如果我们非要页面可以在往上滚动一些,可以在最下面放一个热区,它虽然看不见,但是却能撑大底部;

 动态面板

应用场景:同一个位置有多种状态(出现多种元素切换)的场景。例如轮播图

 

给动态面板添加交互,可以实现很多动态效果(例如banner图)

动态面板设置宽度自适应屏幕100%;

 内联框架

可以在该区域加载其他页面或者外部链接内容

 中继器

一般适用于创建模板相同,但是内容不一样的场景:

 表单元件

 文本框

 下拉列表

 

 单选按钮和复选框

注意:单选按钮要实现互斥,需要制定相应的组:

 菜单和表格

 个人感觉没啥用

 标记元件

 在静态原型说明的时候会用到

 

posted @ 2025-01-01 10:24  指尖下的世界  阅读(248)  评论(0)    收藏  举报