《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
相关文章
|
7月前
|
测试技术 UED Python
App自动化测试:高级控件交互技巧
Appium 的 Actions 类支持在移动应用自动化测试中模拟用户手势,如滑动、长按等,增强交互性测试。ActionChains 是 Selenium 的概念,用于网页交互,而 Actions 专注于移动端。在Python中,通过ActionChains和W3C Actions可以定义手势路径,例如在手势解锁场景中,先点击设置,然后定义触点移动路径执行滑动解锁,最后验证解锁后的元素状态。此功能对于确保应用在复杂交互下的稳定性至关重要。
|
3月前
仿SOUL社交友附近人婚恋约仿陌陌APP网站源码
仿SOUL社交友附近人婚恋约仿陌陌APP网站源码
57 0
仿SOUL社交友附近人婚恋约仿陌陌APP网站源码
|
4月前
|
XML Android开发 UED
"掌握安卓开发新境界:深度解析AndroidManifest.xml中的Intent-filter配置,让你的App轻松响应scheme_url,开启无限交互可能!"
【8月更文挑战第2天】在安卓开发中,scheme_url 通过在`AndroidManifest.xml`中配置`Intent-filter`,使应用能响应特定URL启动或执行操作。基本配置下,应用可通过定义特定URL模式的`Intent-filter`响应相应链接。
119 12
|
4月前
|
网络安全
【Azure 应用服务】App Servie网站报403 ModSecurity Action错误
【Azure 应用服务】App Servie网站报403 ModSecurity Action错误
|
4月前
|
Linux C#
【Azure App Service】C#下制作的网站,所有网页本地测试运行无误,发布至Azure之后,包含CHART(图表)的网页打开报错,错误消息为 Runtime Error: Server Error in '/' Application
【Azure App Service】C#下制作的网站,所有网页本地测试运行无误,发布至Azure之后,包含CHART(图表)的网页打开报错,错误消息为 Runtime Error: Server Error in '/' Application
|
4月前
Axure App 垂直滚动
Axure App 垂直滚动
47 0
|
7月前
浅蓝色的APP下载界面HMTL源码
浅蓝色的APP下载界面HMTL源码
83 0
浅蓝色的APP下载界面HMTL源码
|
7月前
|
API
uni-app 25后端api开发和前后端交互(51-60)
uni-app 25后端api开发和前后端交互(51-60)
53 2
uni-app 25后端api开发和前后端交互(51-60)
|
7月前
|
中间件 API 数据库
uni-app 25后端api开发和前后端交互(1-50)
uni-app 25后端api开发和前后端交互(1-50)
132 0
uni-app 25后端api开发和前后端交互(1-50)
|
7月前
|
测试技术 UED
APP交互性如何测试?
APP交互性如何测试?
123 1

热门文章

最新文章

下一篇
DataWorks