《Axure RP7网站和APP原型制作从入门到精通》一第1章 Axure基础交互1.1 欢迎界面

简介:

本节书摘来自异步社区《Axure RP7网站和APP原型制作从入门到精通》一书中的第1章,第1.1节,作者 金乌,更多章节内容可以访问云栖社区“异步社区”公众号查看

第1章 Axure基础交互

Axure RP7网站和APP原型制作从入门到精通
Axure RP7相较之前的版本做出了很大的改变,无论是你刚刚接触Axure RP7的新人,还是曾经使用过Axure的其他版本,在深入学习之前都有必要花一些时间来发现它的新特性并熟悉它的功能。Axure是一款功能强大的工具,但能否用好它取决于你的学习态度和自学的毅力。

本章将帮助你熟悉Axure的软件界面,并对掌握其丰富功能打下坚实的基础。Axure可适用于Windows系统和OS X系统,为了方便教学,我在书中的截图统一采用Axure RP7的Windows版本进行讲解。本章内容包含以下知识点:

1.1 欢迎界面

1.2 站点地图

1.3 部件概述

1.4 交互基础

1.5 总结

1.1 欢迎界面

Axure RP7网站和APP原型制作从入门到精通
当你初次安装Axure RP7并启动之后,你首先会看到一个欢迎窗口,见图1。在弹出的欢迎窗口中,你可以选择以下操作。

A:显示最近打开的项目,或者打开一个新的项目。

B:新建一个项目(.rp后缀的文件,稍后给大家讲解Axure中不同后缀的文件)。

C:查看当前Axure的版本号。Axure RP7版本发布后更新频率较高,每次都会修复一些已经的Bug,所以希望大家保持更新到最新版本。要检查是否发布了最新版本,点击菜单栏中的“帮助>检查更新”,见图2。


524247862b382ae8ce7810dcc98ad6636938fdeb

1.1.1 Axure的文件格式

Axure包含以下3种不同的文件格式。

.rp 文件:这是设计时使用Axure进行原型设计师所创建的单独的文件,也是我们创建新项目时的默认格式。

.rplib文件:这是自定义部件库文件。我们可以到网上下载Axure部件库使用,也可以自己制作自定义部件库并将其分享给其他成员使用。

.rpprj文件:这是团队协作的项目文件,通常用于团队中多人协作处理同一个较为复杂的项目。不过,在你自己制作复杂的项目时也可以选择使用团队项目,因为团队项目允许你随时查看并恢复到任意的历史版本。

1.1.2 团队项目

团队项目可以全新创建,也可以从一个已经存在的 RP 文件创建。

在创建团队项目之前,你最好有一个SVN服务器或者网络驱动器,见图3。


2554d0ca69f8e166c0243fc782e38a78445b6800

1.1.3 工作环境


f3ec533f1b799b2e946f1be0989c6fc7b480c3c8

A:菜单栏 B:工具栏

C:站点地图面板 D:部件面板 E:母版面板

F:部件交互和注释面板 G:部件属性和样式面板 H:部件管理面板

I:页面属性面板,包含页面注释、页面交互、页面样式选项卡

1.1.4 自定义工作区

你可以根据自己的使用习惯对工作区域进行自定义设置。

显示/隐藏某个面板:点击菜单栏中的“视图>面板”选项,在这里可以勾选或取消勾选,设置对应面板的显示和隐藏,见图5。

分离面板:某些情况下,我们想让设计区域变得更大些以便我们顺畅工作,这时可以设置左侧、右侧、底部的面板分离(弹出)。要弹出某个面板,只需点击该面板右上角的弹出按钮即可,见图6。

但是,你无法改变这些面板的默认位置,如站点地图面板默认在左上角,你无法让它默认停靠在其他位置。


f17a3ae06c917870a0b24d7e90855190bd40f258
相关文章
|
1月前
|
API
uni-app 25后端api开发和前后端交互(51-60)
uni-app 25后端api开发和前后端交互(51-60)
28 2
uni-app 25后端api开发和前后端交互(51-60)
|
1月前
|
中间件 API 数据库
uni-app 25后端api开发和前后端交互(1-50)
uni-app 25后端api开发和前后端交互(1-50)
100 0
uni-app 25后端api开发和前后端交互(1-50)
|
2月前
|
测试技术 UED
APP交互性如何测试?
APP交互性如何测试?
|
3月前
|
PHP
HYBBS 表白墙网站PHP程序源码 可封装成APP
HYBBS 表白墙网站PHP程序源码 可封装成APP
33 1
|
4月前
|
XML Java Android开发
Android App事件交互Event之模仿京东App实现下拉刷新功能(附源码 可直接使用)
Android App事件交互Event之模仿京东App实现下拉刷新功能(附源码 可直接使用)
33 0
Android App事件交互Event之模仿京东App实现下拉刷新功能(附源码 可直接使用)
|
4月前
|
XML Java Android开发
Android App事件交互中辨别缩放与旋转手指的讲解与实战(附源码 可直接使用)
Android App事件交互中辨别缩放与旋转手指的讲解与实战(附源码 可直接使用)
37 0
|
4月前
|
XML Java Android开发
Android App事件交互中区分点击和长按动作以及识别手势滑动方向的讲解及实战(附源码 可直接使用)
Android App事件交互中区分点击和长按动作以及识别手势滑动方向的讲解及实战(附源码 可直接使用)
61 0
|
4月前
|
XML 监控 Java
Android App开发之事件交互Event中检测软键盘和物理按键讲解及实战(附源码 演示简单易懂)
Android App开发之事件交互Event中检测软键盘和物理按键讲解及实战(附源码 演示简单易懂)
129 0
|
4月前
|
开发框架 移动开发 JavaScript
Vue中的Uni-App与springboot交互实现增删改查
在开发Web应用程序时,前端和后端协作是必不可少的。在本文中,我们将介绍如何在Vue框架下使用Uni-App实现前端和Java后台数据的交互,并演示如何通过Uni-App向Java后台发送请求来实现增删改查操作。文章最后会有前后端代码,
114 1
|
7月前
|
移动开发 安全 Shell
如何排查网站及APP数据遭到泄露的问题
近年来数据泄露安全事件频发,在今年的hw网络安全攻防演练中,获取敏感信息、数据泄露等漏洞的得分也越来越高,我们SINE安全近十年来成功的帮助了许多客户,查找到了数据泄露的原因,在这里向大家分享我们的经验与心得,包括数据泄露的排查办法以及修复。
81 0