Axure RP 9实用教程:原型+高保真+交互+设计(全彩)(txt+pdf+epub+mobi电子书下载)


发布时间:2020-06-30 02:13:17

点击下载

作者:祁兴华

出版社:电子工业出版社

格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT

Axure RP 9实用教程:原型+高保真+交互+设计(全彩)

Axure RP 9实用教程:原型+高保真+交互+设计(全彩)试读:

前言

为什么要写本书

笔者作为Axure RP的拥戴者与资深用户,有必要帮助Axure的初学者或者希望进一步深入学习Axure的用户做点什么。为了帮助大家能够系统性地学习Axure RP 9,笔者经过大半年的试用研究,总结编写了这本学习教程。本书由浅入深地讲解了Axure RP 9的基础功能,讲解过程中结合具体的案例帮助大家加深对元件交互功能的理解。本书的最后两章,都是满满的干货案例,旨在通过具体的元件案例和页面制作案例,来帮助大家找到Axure RP 9的交互使用场景,同时也是检查并巩固理论学习的过程。理论与实践的完美结合,才能够使得我们在进行原型设计时游刃有余、从容淡定。

本书的产生过程

美国时间2018年9月5日,Axure官方博客首次对外公布了Axure RP 9 Betal版的下载地址,我在第一时间体验了这一重要版本。在使用体验的过程中,每使用一个功能都会记录下来,记录的内容既有知识的分析归纳、经验的总结分享,还有一些改进建议。改进建议的部分通过官方渠道进行了反馈。体验的初期,对于Axure RP 9的界面与交互构建器的改造,我还有些不适应,但随着对Axure RP 9的深度使用,我发现这种不适应只是出于本能的对新事务的一种抗拒,是对旧事物的一种怀念而造成的。很快,我已经习惯并喜欢上了Axure RP 9简洁的界面、更符合心智流程的交互构建器以及更快的交互渲染引擎。Axure RP 9的普及与推广是一种必然的趋势,慢慢地会成为最主流的版本。

原本只是出于兴趣编写一些使用知识与经验技巧,分享到网络平台,但由于一次偶然的机会,本书的策划编辑安麒在简书平台发现了我编写的关于Axure RP 9教程的文集,便联系到我,希望出版一本关于Axure RP 9教程的书籍。在后来的合作过程中,安麒对我提供了很大的帮助,本书能够顺利出版与他的耐心指导和辛苦付出是分不开的。在此,我想对安麒由衷地表示感谢!也感谢家人在背后的默默支持,有了他们的支持,我才有更多精力投入到写作中。

什么是产品原型

要了解什么是原型,我们不妨从了解线框图、原型和视觉稿的区别开始。初学设计的读者可能会混淆这三者,搞不清楚它们之间的区别,因此在正式地学习教程之前,我们需要了解清楚这三个概念,对于后续学习教程的内容十分有帮助。

线框图又称低保真设计图,通常用黑、白、灰线条来表达界面,并在旁边标注一些解释性的文字。通常为产品的大纲、页面的信息结构以及交互行为描述。使用Axure RP 9可以方便、快捷地绘制线框图,系统提供了丰富的元件以便我们绘制线框图,当然我们也可以利用纸和笔绘制线框图。线框图最大的优点在于“快捷高效”,绘制时不必关注一些细节的问题,完成整体结构的绘制,表达出设计思想和产品意图即可。视觉层面的元素,在这个阶段不需要过多关注,尽量简化,黑、白、灰是线框图的经典配色,当然也可以使用蓝色表示超链接。

原型的保真程序介于线框图和视觉稿之间,是最终产品的模型,原型能够表达出产品的交互逻辑。本书主要讲解如何使用Axure RP这款工具制作产品原型。原型对互联网产品来说非常重要,对产品设计来说至关重要,主要在于原型能够做到以下5点:(1)快速、便捷、准确地传达产品需求。(2)降低修改成本,做到快速更新和迭代。(3)快速有效地验证一些假设条件和早期的想法。(4)通过可视化的方法表达产品需求。(5)提高团队沟通的效率与质量。

原型设计需要尽可能地与最终产品保持一致。完成原型后,先别急着进行研发,首先将原型发送给项目的主要干系人进行可用性测试,大家通过体验原型,发现产品设计中的问题并提出反馈意见。根据收集的问题或建议从而调整原型,最终的原型将指导后续的视觉设计、程序开发、功能测试等项目实施工作。在原型阶段发现问题的修改成本要远远低于开发阶段。

视觉设计稿是高保真原型的静态设计图。将视觉设计稿制作成可交互的原型就是高保真原型。视觉设计稿通常由团队的平面设计师或UI设计师完成,视觉设计稿可以帮助团队从视觉审美的角度审视产品,提升产品的颜值。高颜值的视觉设计稿加上符合逻辑的交互动作制作而成的高保真原型,无论是给老板、投资人看或者用于产品评审收集建议都是最佳选择。

先学点专业名词

在学习原型设计之前,希望大家了解下面的专业名词,因为这将有助于读者更加深刻地理解本书将要讲解的知识与经验。

UI全称User Interface,中文名“用户界面”。

UE全称User Experience,中文名“用户体验”。

UX全称User eXperience,中文名“用户体验”。

UI是用户界面的简称,一般指数字化产品的用户操作界面,包含PC网页、移动终端的应用程序、智能穿戴设备等。UI设计主要指界面的样式设计、美观程度,与交互设计不同的是,UI设计领域的范围主要为静态的视觉化的界面设计。交互设计则是从使用角度上,对界面的人机交互、操作逻辑上的可用性与易用性进行设计。

UE与UX从中文的角度来看定义是相同的。用户体验是指用户使用产品或服务的过程中的个人主观感受。个人的主观感受包含行为、情感、成就等各个方面。用户体验就是这些感受的整体体验,用户界面只是其中的一部分。因此用户体验是受多方面的因素影响的,包含品牌度、个人使用经验以及用户的认知等。

可用性与易用性作为衡量用户体验的两个重要指标,它们的好坏将直接影响用户体验的结果。

可用性是交互式IT产品/系统的重要质量指标,是指产品对用户来说有效、易学、高效、好记、少错和令人满意的程度,即用户能否用产品完成他的任务,效率如何,主观感受怎样,实际上是从用户角度所看到的产品质量,是产品竞争力的核心。

易用性是一种以使用者为中心的设计概念,易用性设计的重点在于让产品的设计能够符合使用者的习惯与需求。以互联网网站的设计为例,希望让使用者在浏览的过程中不会产生压力或感到挫折,并能让使用者在使用网站功能时,能用最少的努力发挥最大的效能。

为什么需要原型

当掌握了原型设计的一些技能后,可以快速将心中所想的方案与创意通过可视化的界面呈现出来。如果没有直观的可视化原型界面,将很难向别人阐述我们的完美方案与绝妙创意。正是因为有了原型,我们才能够高效、准确地向别人展示想法与创意,极大地提升沟通效率与沟通质量。

当真正开始原型设计时,我们会对产品的功能与流程理解得更为深刻,甚至发现我们最初想法的不足之处以及一些细节问题。原型设计的过程,其实也是在检验产品功能。在原型设计过程中,能够确定产品的结构,进一步明确需求范围;通过原型设计,还可以梳理清楚产品功能之间、页面之间内在的逻辑关联,验证业务流程的合理性。

原型作为产品上线前的仿真模型,基本与上线后的产品在功能、交互上保持一致。我们可以通过查看产品原型,来检验产品的可用性与易用性,并发现一些产品细节设计上的不足之处。通过体验产品原型,可以收集用户的反馈建议,这些用户建议对于改进产品设计、提升用户使用体验,将会提供很大帮助。

哪些人会看原型

投资人或者老板通过原型能够看到产品上线后的样子,根据原型判断项目是否值得投资,一份优秀的原型能够清晰地描绘出产品的发展蓝图,能够促使投资人尽快做出投资决策,对项目更有信心。

项目经理根据确定的原型,可以清晰地知道需要哪些资源完成项目工作。参照原型界面,项目经理可以完成工作分解、任务排期、工作量评估、项目验收等项目管理工作。

有了原型,产品经理据此确认产品需求及交互逻辑,编写需求文档时插入原型图,可以更清晰地说明功能需求。原型设计一旦得到产品经理的确认,就会成为后续工作的指导准则。

有了原型后,UI设计师的工作将会变得轻松一些,将精力专注于视觉层面的配色及阴影等立体效果,界面的布局和信息展示在原型中已经完成。有了这样的规范流程与专业分工,最终完成的产品设计质量将会更高。

一份专业的原型能够让研发工程师清晰地了解产品需求,明确接下来的主要工作。研发人员参照原型,可以进行技术框架选型,设计数据库与接口,完成接口参数的定义,制定数据传输规则等。

有了产品原型,测试工程师可以明确产品的功能需求并据此编写测试用例。测试工程师更关注产品功能的细节问题以及特殊场景下的使用需求,常常会在边界测试中发现原型设计的一些问题,促使我们完善原型。

谁需要学习原型

交互设计师是指参与完成对产品及其使用者之间的互动机制进行分析、预测、定义、规划、描述和探索的过程的设计师,即定义人造物的行为方式的工作者。交互是指产品与其使用者之间的互动过程,而交互设计师则是秉承以用户为中心的设计理念,以用户体验度为原则,对交互过程进行研究并开展设计的工作人员。交互设计师的工作紧紧围绕着人机交互的各种行为,原型是最能直观反映交互行为的设计载体。因此,原型成为交互设计师的主要产出物。

很多中小型的互联网公司都没有交互设计师岗位,因此交互方面的工作都由产品经理完成,比如交互行为的分析与研究,以及原型的制作等。各大招聘网站对产品经理的岗位要求也明确写明了需要熟练使用Axure设计产品原型。因此在很多中小企业,原型设计已经成为产品经理的必备技能。

熟练使用Axure设计产品原型已经成为交互设计师和产品经理的一个必备基础工作能力,通过招聘网站中各大公司对这两个岗位的任职要求我们能够看出这一趋势。如果你正在从事或即将从事这两个岗位中的一个,那么学好Axure设计产品原型已经成为必须要做的一件事。

第1章 绘制线框图

1.1 Axure RP 9的安装与汉化

1.1.1 下载安装包与汉化包

1.安装包下载

打开百度,输入关键词“Axure RP 9”,单击搜索结果的第三条内容。进入Axure的官方论坛,根据计算机操作系统,选择相应的版本,单击下载按钮。▲搜索安装包▲下载软件

2.汉化包下载

打开百度,输入关键词“Axure RP 9汉化”,单击搜索结果的第一条内容“Axure RP 9汉化-Axure原创教程网”。进入Axure原创教程网,单击“Axure下载与汉化”,进入下载页,单击对应版本的汉化包进行下载。▲搜索汉化包▲根据版本,选择汉化包

1.1.2 安装Axure RP 9

1.Windows版安装(1)双击AxureRP-Setup-Beta v9.0.0.3361 (Win).exe文件,启动安装程序,单击Next按钮。(2)勾选“”复选框,同意软件安装协议。▲启动安装程序▲同意安装协议(3)出现了安装目录选择界面,一般默认安装在C:\Program Files,也可以单击Change按钮修改安装路径,单击Next按钮。(4)单击Install按钮,正式安装应用程序。▲选择安装路径▲开始安装(5)安装中,查看安装进度。(6)安装成功,单击Finish按钮,启动Axure。▲安装中▲安装完成(7)弹出欢迎界面,单击Enter License选项。(8)输入激活码和秘钥,激活码可自行搜索,也可通过官方渠道购买。▲欢迎页▲激活码和秘钥

2.Mac版安装(1)双击AxureRP-Setup-Beta v9.0.0.3361 (Mac).dmg文件。(2)根据界面提示,将左侧的Axure RP 9 Beta安装程序拖曳至右侧的Applications文件夹。▲安装中▲拖曳至应用程序(3)进入应用程序找到Axure RP 9 Beta,双击应用图标,启动软件。(4)输入授权码,单击Submit按钮,完成激活,进入Axure界面(授权激活码可自行百度)。▲启动Axure▲激活码和秘钥

1.1.3 Axure RP 9汉化

1.Windows版汉化(1)解压汉化压缩包,将lang文件夹复制到axure安装目录下,汉化后的目录结构不变(仅限安装时为默认地址,如有更换安装目录,以安装目录为准)。

c:/Program Files/Axure/Axure RP 9 Beta/lang/default(32位系统)

c:/Program Files (x86)/Axure/Axure RP 9 Beta/lang/default(64位系统)(2)汉化成功,启动Axure可看到简体中文界面。▲替换为汉化文件

2.Mac版汉化(1)在应用程序文件夹里找到Axure RP 9 Beta程序,单击鼠标右键,在弹出的快捷菜单中选择“显示包内容”选项,依次打开Contents/Resources文件夹。(2)将lang 文件夹和3个dll文件(Client.dll、Model.dll、Platform.dll)复制到此目录,替换原来的dll同名文件。▲进入应用程序▲复制汉化文件▲汉化(3)汉化成功,启动Axure可看到简体中文界面。

1.2 Axure RP 9的优化与改进

美国时间2018年9月5日,官方博客首次对外公布Axure RP 9 Betal版,一时间引来了不少全球Axure粉丝的围观与下载。作为Axure资深用户及重度使用者,怎能安耐内心的冲动?于是第一时间深度体验了Axure RP 9的各项功能。经过一段时间的深度使用,为大家总结归纳出Axure RP 9相较于Axure RP 8的变化。▲Axure RP 9示意图

1.2.1 界面布局改版

Axure RP 9在极简主义设计的道路上越走越远,整个界面的颜色搭配与icon图标设计给人的感觉更简洁、更朴素,没有多余的附加装饰。从界面布局及视觉显示而言,Axure RP 9相较于Axure RP 8进行了多项改进优化,具体改进优化如下:

界面的主色调采用了极简主义色调黑、白、灰。

所有的输入项填写均由以前的输入框形式调整成了输入线。

生成HTML文件>发布项目面板,精简了左侧的垂直菜单,并将精简后的菜单改为了水平排列,精简后的菜单只保留了页面、说明、交互和字体。面板的左侧区域可以设置保存路径、访问浏览器以及播放器的显示样式。改变后的界面,有效减少了用户的操作步骤,只需要在一个界面窗口中完成所有配置,免去了在不同面板中频繁切换的烦恼。

丰富了工具栏的插入功能,不仅保留了原有的钢笔工具,还增加了矩形、椭圆、线条、文本以及各类形状。通过拖曳可以直接绘制这些形状并控制尺寸大小。Axure RP 9还提供了贴心的一键插入功能,使用单个快捷键即可插入形状。

页面导航面板与元件(概要)管理面板进行了合并。元件库面板与母版面板进行了合并。针对icons库中的元件进行了归类整理。“样式”面板中的样式交互移入元件交互中。

☆提示☆

Axure RP 9将具有一定关联性的管理面板进行了合并,针对系统提供的icon矢量图标进行了整理归类,从视觉层面来讲,极大地简化了界面布局。样式与交互作为交互设计最常用的操作功能,Axure团队意识到了它们的重要性,增加了这两个模块的占用空间,使得用户在进行交互设置时,操作更便捷。

1.2.2 元件功能优化

虽说Axure RP 9并没有增加新的元件,但Axure RP 9的元件使用体验及增加的小功能却超出了用户的预期。用户在进行线框图的绘制时,会更加得心应手。这极大地提高了设计的效率与线框图的绘制质量。那么Axure RP 9针对这些元件在使用体验及功能上做出了哪些优化?笔者对此进行了整理归纳,主要变化内容如下:

矩形、椭圆、占位符、BUTTON按钮等形状类元件增加了导入图片功能,这里的图片导入不同于图像元件的图片导入,通过形状元件导入的图片将限定在元件内部。

当用户在形状元件或文本标签中输入文字时,可以灵活控制文字与元件上下左右的边距。

导入图片时,能够设置图片的中心点,默认为左上角,可以选择顶部、底部、左上角、左下角、右上角和右下角。

图片支持水平翻转、垂直翻转。

元件不仅可以设置外部阴影,也可以设置内部阴影。

通过填写数值可以对边框线的宽度(粗细)进行灵活设置。

布尔运算增加了结合和分开的逻辑运算。

移动元件时,自动提示距离最近元件的距离。

增加了Flow库的流程图元件。

丰富了icons库的元件种类,并对该库中的所有元件进行了整理分类。

在设计原型时,为元件增加鼠标悬停样式。鼠标悬停时,元件周围显示蓝色边框线。

优化元件选中效果。

编辑动态面板和中继器时,减少了页面标签的数量,优化了编辑体验,新增了隔离功能。

文本字符的行距和间距,通过数值调整可以进行更加灵活的设置。

元件库支持导入本地图片文件夹。

元件支持添加多条注释说明,在查看HTML文件时,可一次性展开所有说明。

中继器背景支持颜色交替显示。

☆提示☆

新增的功能体现在每一个细节之中,它的改善与优化不轻易被察觉,但用户在使用过程中却能感受到设计效率的提高。部分元件的样式设置以及操作习惯较Axure RP 8版本有所改动,用户还需要一段时间去适应。任何新事物的出现,都会打破原有的规则和习惯,但这并不能否定它的价值与意义,我们应该正确积极地面对这些变化。

1.2.3 交互设置流程优化

新的交互构建器经过了重新设计和优化后,更易于使用。从基本常用元件的交互设置,到复杂的动态面板、中继器这些高级元件的交互设置,甚至函数、变量、条件表达式的设置,都可以在更短的时间内以更少的单击次数完成交互效果的设置。具体的变化表现在以下几点:

交互事件默认进行了隐藏处理,单击“新建交互”按钮,才可以查看交互事件。

交互情形的设置更加线性流水化,每单击一步操作自动触发下一步的设置,这样设计的好处在于减少视觉干扰因素,减少用户单击次数,缩短操作路径。

元件的交互样式移入交互事件列表。

每个元件的常用交互直接显示在“交互”面板下方,如载入中继器时,排序列表项;载入时,筛选列表项。如单击动态面板时,设置为下一个状态;向左拖动结束时,显示为上一个状态;向右拖动结束时,显示为下一个状态。

☆提示☆

交互界面更简洁,设置交互时有效减少了单击次数,但回顾查看动作配置时,界面显示得不够直观。误单击条件时,无法删除条件设置栏目。对大部分用户来讲,对交互设置的操作界面需要一段适应过程,且需要记住上一步的操作选择。

1.2.4 其他改进

除上述优化与改进外,Axure RP 9在其他方面也做出了变动,具体的变化表现在以下几点:

调色板中渐变色的设置更加灵活,支持线性渐变和径向渐变,增加HSV拾取器的新颜色选择器。

页面样式新增移动端尺寸,包含了安卓与iOS主流机型尺寸。

缩短了滚动条长度,增加负屏显示,默认不显示滚动条。

帮助菜单栏新增Axure官方论坛。

优化浏览器中原型显示效果,新增自适应浏览器宽度,增加上一页(<)和下一页(>)的快捷方式。

在浏览器中查看移动端原型时,优化了光标显示效果,增加了垂直滚动条。

页面尺寸设置为移动端时,浏览器打开原型文件,无法复制文字内容。

1.2.5 小结

从整体上来看,Axure RP 9针对Axure RP 8的版本迭代还是做出了很大的改进:简洁的界面设计、好用的新增功能、流畅的操作体验,这些都是Axure RP 9带给用户的惊喜。Axure的开发团队始终站在设计师的角度,针对一些不足之处,对产品进行持续不断的改善优化。Axure RP 9正在成为交互设计师、用户体验设计师、产品经理使用的主流版本。

1.3 初识Axure RP 9

1.3.1 操作界面

▲操作界面

Axure RP 9的操作界面总体上可以划分为以下六大区域:

· 菜单栏。

· 工具栏。

· 页面与大纲面板。

· 元件与母版面板。

· 画布。

· 样式、交互、注释面板。

1.3.2 自定义工作界面

有时系统默认设定的工作界面的操作不一定符合用户的习惯,用户可以自己进行设定,以便符合其操作习惯,从而提高工作效率。

显示/隐藏面板:单击菜单栏中的“视图>功能区”,通过功能区菜单的指令可以隐藏或显示左侧功能栏、右侧功能栏、页面、元件、母版、交互、说明、样式和概要面板。

自定义工具栏:单击菜单栏中的“视图>工具栏>自定义基本工具列表”,可以自定义设置工具栏中的操作项。用户如果不喜欢已经设定的自定义工具栏,可以单击“恢复默认”一键还原Axure默认设置。▲显示/隐藏面板▲自定义工具栏

移动面板位置:单击面板并按住不放,拖动面板至目标位置,释放鼠标,完成面板位置的移动。通过鼠标拖曳的方法可以将面板移动到任意位置。当其中一个面板被拖曳至另一个面板上方,释放鼠标可以完成面板的合并。双击“页面”“概要”面板,“元件”“母版”面板自动向上推动,完成“页面”“概要”面板的最小化。同样双击“元件”“母版”面板,“页面”“概要”面板自动向下推动,完成“元件”“母版”面板的最小化。

单击菜单栏“视图>重置视图”,可以清除自定义工作界面的设定,恢复为Axure默认的工作界面。▲移动面板

1.3.3 菜单栏

菜单栏提供了丰富的操作命令,正如大部分的生产力工具一样,通过这些命令可以帮助用户更好地完成原型设计。如果用户能熟记一些常用命令的快捷键,可以极大地提高原型设计的效率。Axure RP 9提供的菜单命令可以划分为以下10类:关于Axure RP 9、文件、编辑、视图、项目、布局、发布、账户、窗口和帮助。下面来看看这10类菜单都有哪些操作命令。

关于Axure RP 9:关于、首选项设置(常规、画布、网格、辅助线、元件对齐、母版)、隐藏桌面任务栏中的Axure RP、隐藏桌面任务栏中的其他应用、退出Axure RP。

文件:新建、新建元件库、打开、打开最近编辑的文件、保存、另存为、从RP文件导入、纸张与尺寸设置、打印所有页面、打印当前页面、导出当前页面为图片、导出所有页面为图片、自动备份设置、从备份中恢复、关闭。

编辑:撤销、重做、剪切、复制、粘贴、查找、替换、全选、删除、拼写检查。

视图:工具栏(基本工具/自定义基本工具列表/样式工具)、功能区(开关左侧功能栏/开关右侧功能栏/页面/元件/母版/交互/说明/样式/概要)、重置视图、全屏、标尺·网格·辅助线(显示标尺/页面显示尺寸/显示网格/网格对齐/网格设置/显示全局辅助线/显示页面辅助线/显示打印辅助线/对齐辅助线/锁定辅助线/删除全部辅助线/创建辅助线/辅助线设置/元件对齐/元件对齐设置)、遮罩(隐藏对象/母版/动态面板/中继器/文本链接/热区)、显示脚注、显示位置尺寸提示、显示背景。

项目:元件样式编辑、页面样式编辑、说明字段设置、全局变量设置、自适应视图。

布局:组合、取消组合、置于顶层、置于底层、上移一层、下移一层、对齐(左侧对齐/居中对齐/右侧对齐/顶部对齐/中部对齐/底部对齐)、分布(水平分布/垂直分布)、锁定(锁定位置和尺寸/取消锁定位置和尺寸)、转换为母版、转换为动态面板、重置全部连接线、管理母版引发的事件。

发布:预览、预览原型、发布到Axure Share、生成HTML文件、在HTML文件中重新生成当前页面、生成Word说明书、更多生成器和配置文件。

账户:登录您的账户、退出。

窗口:最小化窗口、最大化窗口、还原默认窗口大小。

帮助:在线培训教学、查找在线帮助、进入Axure论坛、提交意见或软件反馈、打开欢迎界面、管理授权、开启企业版测试、检查更新、关于Axure RP、感谢。

1.3.4 工具栏

工具栏内包含诸多方便用户设计的工具,具体如下。

选择模式:包含选择、相交选择。

连接符工具:用于连接元件。

插入:绘画、矩形、圆形、线段、文本、形状。

连接点:编辑形状的顶点。

顶层:将元件置于顶层。

返回:将元件置于底层。

组合:将多个元件组合成一个整体。

取消组合:将一个整体拆散成零散的元件。

缩放:缩放适应选择内容、缩放适应全部内容、10%、25%、50%、80%、100%、150%、200%、300%、400%、800%。

对齐方式:左对齐、居中对齐、右对齐、顶部对齐、中部对齐、底部对齐。

分布方式:水平方向等距离分布、垂直方向等距离分布。

预览:浏览器预览HTML原型效果。

共享:将项目文件上传至Axure Share网站,实现云端存储。

元件样式管理:对各类型元件进行样式管理,包含颜色、字体、边距、透明度、阴影等属性设置。

文字:字体、字型、字号、文字颜色。

文本设置:加粗、斜体、下画线、项目符号。

文本对齐方式:左侧对齐、居中对齐、右侧对齐、两端对齐、顶部对齐、中部对齐、底部对齐。

填充:颜色、阴影。

边框:边框线宽度、线条颜色。

线段类型:直线、虚线。

箭头样式:左箭头、右箭头、实心箭头、空心箭头、菱形箭头等。

位置:元件X轴坐标值,元件Y轴坐标值。

尺寸:元件的宽度W,元件的高度H,支持锁定宽高比例。

可见性:显示或隐藏元件。

1.3.5 “页面”与“大纲”面板

Axure RP 9默认显示“页面”面板,可切换显示“大纲”面板。

1.页面

页面又称页面导航或站点地图,是用来显示原型的所有页面。可对页面进行的管理操作主要包含如下内容。

新增页面、重命名页面名称、删除页面、查找页面。

页面位置的上下移动、页面层级的升降调整。

页面的剪切、复制和粘贴。

重复:复制页面或重新拉取一个分支。

图标类型:可以将页面类型分为页面或流程图。

生成流程图:按照页面的层级关系生成向下或向右结构的流程图。

文件夹的创建、移动、增/删/改/查。▲页面管理1▲页面管理2

2.大纲

大纲显示当前页面中的所有元件,可对元件进行的管理操作包含如下内容。

· 元件的搜索查看。

· 元件的过滤和筛选。

· 显示/隐藏元件。

· 元件图层层级移动。

· 编辑元件名称。

· 组合和取消组合。

· 元件自身的属性及样式操作……▲大纲管理1

试读结束[说明:试读内容隐藏了图片]

下载完整电子书


相关推荐

最新文章


© 2020 txtepub下载