学习产品第二节课

发布于:2022-12-28 ⋅ 阅读:(672) ⋅ 点赞:(0)

安装好axure之后就可以开始了!

今天来介绍axure

axure的功能:

功能:用于制作快速原型的软件。也可以绘制中保真原型草图。

    应用人群:产品经理、交互设计师、UI设计师、网页设计师。

    原型分类:低保真(手绘草图)、中保真(使用相关软件绘制出来的)、高保真(包含效果图及原型交互)

axure的界面组成 :

菜单栏:软件相关设置,执行常用操作(文件打开、保存、格式化控件、输出原型、输出规格等)

工具栏:常用便捷操作

页面:软件功能菜单界面 ,可以在页面区域看到所有的页面,所有的页面包含在.rp文件中

概要:页面中包含的所有组件 ,查看当前页面所有元件,相比于查看页面区域更加直观

元件库:页面元素组成 ,元素(一个字体就是一个元素),元件(一个下拉框,输入框)就是一个元件

母版设置:会改变整个页面设计的背景,相当于PPT模板,适用于所有页面的统一版面

样式:可以调每个单个元件的样式(大小,长度,宽度,字体间距,字体大小等)

交互:给元件添加事件效果(点击效果,轮播图滑入滑出等)是页面呈现出动态的效果

说明:添加一个解释说明

菜单栏

菜单栏-文件

自动备份设置--当rp文件不小心损坏或者没有保存,可以设置间隔5分中自动备份

菜单栏-编辑、视图

默认是没有网格线的

偏好设置--根据你自己的喜好设置视图

菜单栏-发布

 生成html文件--没有装axure也可以用浏览器查看

菜单栏-其他功能

ctrl+9 回到x=0,y=0的位置

工具栏

工具栏操作详解

选择模式:交叉选中、包含选中

链接:连线(一般拿来做解释说明)

插入:图形

顶层、底层

组合、取消组合

居中+垂直:垂直平均分布

中部+水平:水平平均分布

页面区

页面区域操作详解

文件夹的管理

页面的管理

生成流程图:主要是里面的页面元件包含关系

概要区

概要区域操作详解

能看到当前页面所有的概要元件,因为部分元件因为层级关系(上层、下层呈现遮挡问题)

元件区

元件库面板操作

对外公开的元件库、自定义元件(通用的元件)

母版

母版区域操作

重复使用的元件做成母版,引用的地方都会一同改变,如head.jsp

元件库可以跨rp文件使用,母版不能跨rp文件使用

交互区

交互面板操作

交互面板包含了事件及交互样式

  1. 添加单击效果

  2. 添加双击效果

样式

样式面板操作

主要设置元件本身相关样式,也可以设置交互样式

 

说明区

说明编辑区功能特点

备注说明

元件

默认元件

表单元件

菜单元件

标记元件

重点掌握

1.热区&动态面板(轮播图)

热区通常作用有两个:当前页面定位留白,置于图片顶层添加事件 动态面板:设置不同状态,用于场景切换,如轮播图

2.内联框架(嵌套页面)&中继器(做相似布局)

3.表单元件

4.菜单表格元件

5.标记元件


网站公告

今日签到

点亮在社区的每一天
去签到