Axure RP Pro - 翻译 - 5.5 Tutorial教程 - AXURE 101 Article 2: Introduction介绍 - Annotated Wireframes带标注的线框

最新推荐文章于 2022-11-01 08:00:00 发布

胡争辉

最新推荐文章于 2022-11-01 08:00:00 发布

阅读量3.1k

点赞数

分类专栏： Axure RP Pro 5.5 中文翻译教程文章标签： annotations 文档 prototype styles properties delete

Axure RP Pro 5.5 中文翻译教程专栏收录该内容

25 篇文章 0 订阅

订阅专栏

Axure RP Pro - 翻译 - 5.5 Tutorial教程 - AXURE 101 Article 2: Introduction介绍 - Annotated Wireframes带标注的线框

Overview

概述

    1. Annotated Wireframes Demo
    1. 演示带标注的线框
    2. Sitemap
    2. 站点地图
    3. Widgets
    3. 部件
    4. Annotations
    4. 标注
    5. Page Notes

5. 页面注释

1. Annotated Wireframes Demo

1. 带标注的线框图

Please turn on speakers for audio
请打开扬声器听声音

To view in HD on Vimeo, please click here .
在 Vimeo上观看高清视频，请单击这里

2. Sitemap

2. 站点地图

The sitemap is used to manage the pages in your design. In the Sitemap pane, you can add, delete and organize the pages.

站点地图用于管理设计中的页面。在站点地图面板，可以增加，删除，组织页面。

Adding and Deleting Pages:
增加和删除页面：

To add a page, click on the "Add Child Page" button in the sitemap toolbar.
要增加一个页面，在站点地图工作条中单击“Add Child Page"“增加子页面”按钮。

Right-click on the page and select "Rename Page" or do a slow double-click on the page to edit the page name.
右击页面后选择“Rename Page"“重命名页面”或在页面上慢速双击可以编辑页面的名称。

To delete a page, select it and click the "Delete Page" button in the sitemap toolbar or right-click and select "Delete Page".
要删除一个页面，选择这个页面后在站点地图工具条中单击"Delete Page"“删除页面”按钮或右击后选择“Delete Page”“删除页面”。

Organizing Pages:
组织页面：

Pages can be moved around the sitemap by dragging a page in the sitemap and dropping it on the target parent page. You can also use the arrow buttons in the sitemap toolbar to move pages up, down, indent, and outdent.
在站点地图中拖动一个页面后放置在目标的父页面上可以在站点地图中移动页面。也可以使用站点地图工具条中的按钮移动页面向上、向下、增加缩进和减少缩进。

Opening a Page for Design:
打开页面后设计：

Double-clicking on a page in the sitemap will open it for design in the wireframe pane.
在站点地图中双击一个页面将在线框面板中打开这个页面开始设计。

3. Widgets

3. 部件

Widgets are user interface elements used to design the wireframes. The Widgets pane contains a library of commonly used wireframe widgets such as buttons, images, and text panels.

部件是用于设计线框的用户界面元素。部件面板包括一个常用线框部件库，例如：按钮，图像，文本框。

In the toolbar, you can select, load, and search widget libraries. You can also create and edit custom widget libraries .
在工具栏中，可以选择、载入、搜索部件库，也可以创建和编辑自定义部件库。
Clicking the Search icon displays a text field. Typing in the field begins searching across the current library.
单击“搜索”图标将显示一个文本框，在框中输入名称将在当前库中搜索。
Note: The dropdown menu and search tool were added in Version 5.5. Previous versions do not have this functionality.
注意：下拉菜单和搜索框在版本5.5中提供，之前的版本不包括该功能。

Add Widgets to a Wireframe
向线框增加部件

To add a widget to a wireframe, drag and drop the widget from the Widgets pane onto the wireframe pane.
向一个线框增加一个部件时，从部件面板拖放一个部件到线框面板。

Widgets can also be copied (Ctrl+C) from one wireframe and pasted (Ctrl+V) onto another.
部件也可以从一个线框上复制（Ctrl+C）后粘贴（Ctrl+V）到另一个线框上。

Working with Widgets
运用部件

After widgets are added to a wireframe, they can be moved by dragging and dropping them and sized by dragging the handles that surround the widget when it is selected. Multiple widgets can be selected, moved and sized at one time.
在线框上增加一个部件后，可以拖放来移动部件，也可以在选中部件中拖动部件周围的手柄来调整部件的尺寸。多个部件可以同时选择，移动和调整尺寸。

In addition, widgets can be grouped, ordered, aligned, distributed, and locked. These can be applied by right-clicking on the widgets and using the context menu. They can also be applied using the Object toolbar which can be made visible using View->Toolbars->Object.
进一步，多个部件可以分组、排序、对齐、等距和锁定。这些可以右击部件后在上下文菜单中应用。也可以通过View查看菜单->Toolbars工具栏子菜单->Object对象菜单项显示对象工具栏后应用。

Editing Widget Styles and Properties
编辑部件样式和属性

There are a several ways to edit the styles and properties of widgets:
有几种不同的方式可以编辑部件的样式和属性：

• Double Clicking: Double clicking the widget allows you to edit the most commonly edited property of that widget. For example, double clicking an Image widget lets you import an image, and double clicking a Droplist or List Box widget lets you edit the option items.
• 双击: 双击部件可以编辑该部件最常用的属性。例如：双击图片部件可以导入一张图片，双击下拉列表框部件或列表框部件可以编辑选项。
• Toolbars: Edit widget styles like text size, border color, fill color, and font color.
• 工具栏: 编辑部件样式，包括字号，边框颜色，填充颜色和字体颜色等。
• Context Menu: Right clicking on a widget will display a context menu with options to edit widget specific properties. Those properties vary from one widget type to another.

• 上下文菜单: 右击部件后将显示一个上下文菜单，菜单中的选项可以编辑部件特定的属性，这些属性依据不同的部件而有所不同。

4. Annotations

4. 标注

Annotations can be added to any widget to clarify functionality.

为阐明功能可以在任何部件上增加标注。

Adding Annotations
增加标注

To add annotations, select a widget on the wireframe and edit the field values in the Annotations and Interactions pane. Labels can also be given to widgets using the Label field at the top of the pane.
要增加标注，在线框上选择一个部件，然后在标注和交互面板中编辑字段的值。通过面板顶部的Label（标签）字段可以设定部件的标签。

Customizing Fields
自定义字段

The annotation fields are customizable and can be edited by clicking Wireframe->Customize Annotation Fields and Views in the main menu or clicking on the "Annotations & Interactions" header.
标注的字段是可定制的，可以在主菜单中单击Wireframe（线框）菜单后单击Customize Annotation Field菜单项后编辑，也可以单击"Annotations & Interactions"“标注和交互”头部。

Footnotes
脚注

Once an annotation has been added to a widget, the widget will be given a Footnote number indicated in a yellow box next to the widget. The Footnote number can be incremented or decremented by right-clicking on the widget and using the Footnote submenu or editing the Footnote field at the top of the annotations and interactions pane.
为部件增加一个标注后，部件的旁边将出显一个黄色方框显示脚注编号，增加或减少脚注编号可以右击部件后使用Footnote（脚注）子菜单，或在 annotations & interactions（标注和交互）面板的顶部编辑Footnote“脚注”字段。

5. Page Notes

5. 页面注释

Page notes can be used to collect page level descriptions or requirements.

页面注释可用于收集页面级的描述或需求。

Adding Page Notes
增加页面注释

Page notes are captured in the pane below the wireframe.
页面注释可以在线框下侧的面板中看到

Managing Page Notes
管理页面注释

Additional notes fields can be added to better organize notes for different stakeholders and team members.
增加额外的注释字段可以为相关人员和团队成员更好的组织注释。

To edit the notes fields, click Wireframe->Manage Page Notes in the main menu or click on the down arrow next to "Page Notes - Default" and select "Manage Page Notes". The Page Notes dialog will appear. Using the dialog, you can add, remove, rename, and reorder the notes fields.
要编辑注释字段，可以在主菜单中单击Wireframe“线框”菜单后单击Manage Page Notes“管理页面注释”菜单项，或者单击Page Notes - Default“页面注释 - 默认”右侧的下箭头后选择Manage Page Notes“管理页面注释”。然后将显示页面注释对话框，通过该对话框，可以增加、删除、重命名和排序注释字段。

To switch between notes fields, click on the down arrow next to "Page Notes - Default" and select the field to add notes to.
要在注释字段间切换，可以单击 Page Notes - Default“页面注释 - 默认”右侧的下箭头后选择相应的字段来增加注释。

[Axure RP Pro - 翻译 - 5.5 Tutorial教程 - AXURE 101: Introduction介绍 - Article 2: Annotated Wireframes带标注的线框 - 文档]

http://www.axure.com/p101_2.aspx

[Axure RP Pro - 官方网站]

http://www.axure.com/

[Axure RP Pro - 关键词]

axure

[Axure RP Pro - 相关论坛]

http://axure.com/cs/forums/

[Axure RP Pro - Introduction介绍]

RP的含义

面板的组织方式

[Axure RP Pro - Action动作]

Parent Window父窗口

[Axure RP Pro - Event事件]

窗口间互操作

[Axure RP Pro - Master主控文档]

拖放控件
Expand.Collapse伸缩控件

将主控文档添加到多个页面

[Axure RP Pro - Prototype原型]

关闭Internet Explorer打开原型时出现的安全警告

[Axure RP Pro - Specification规格文档]

规格文档中显示部件的属性

规格文档中屏幕截图的脚标

[Axure RP Pro - Wireframe线框]

选择后面的部件

rollover style翻转样式的常见误解

[Axure RP Pro - Widget部件]

水平线不能调整高度，垂直线不能调整宽度

如何实现页内多个锚的效果

菜单部件不支持选中样式

[Axure RP Pro - jQuery]

如何在Axure RP Pro生成的HTML原型文档中集成jQuery, How to integrate jQuery into HTML prototype document generated by Axure RP Pro

如何获取IFrame的URL，How to retrieve the URL of IFrame widget

如何在 Axure RP Pro生成的HTML原型文档中使用自定义脚本, How to integrate customized javascript into HTML prototype document generated by Axure RP Pro

“移到最前”效果，"Bring to Front" Interaction

如何实现淡入淡出效果，How to implement fade in and fade out effects

如何设置焦点，How to implement the "set focus" action

[Axure RP Pro - 相关问题]

Manual Installation

原型中切换页面时会闪一下

让规格文档中的页面图片和标题保持在同一页，fit section header and page image on one page

跨原型链接页面

显示视频

OnMouseOver事件和Rollover翻转效果浏览器不兼容

导入时保持变量有效

变量值与部件内容并不都能相互传递

导出在PDF

显示Google地图

在规格文档中描述Inline Frame部件的Default Target规格

渐变填充

使用正则表达式的较验函数在Firefox下出错

Style Editor样式编辑器以及已知的一些缺陷

Text Panel部件在设计时的效果与原型不一致

在不同工程之间使用masters主控文档

判断动态面板的状态

原型中Droplist“下拉列表”部件在IE6中总显示在最前面

设置首页面

自定义样式不能应用于翻转样式

线框中的字号与原型中的字号的关系

修改自定义样式对已应用该样式部件的逻辑

与IFrame部件中的页面互操作

在OnPageLoad事件中使用多个case用例

Open Link in Current Window，Close Current Window，Open Link in Parent Frame将忽略其余动作

使用Google Code服务分享工程的限制及原因

Button按钮部件不支持设置文字以及解决方法

修改生成的prototype原型的css样式表

在文本框中显示提示信息

OnPageLoad事件中的动作不会触发部件的事件

Droplist下拉列表框部件在规格文档中不包括默认值

dynamic panel动态面板上的image图片部件设置了rollover翻转图片后在OnClick事件中不能正确隐藏所在面板

文本不支持Rollover翻转效果以及迂回解决办法

设定多套初始化变量

表格的单元格不能使用动作设置文字

Text Panel文本部件不支持超链接及迂回处理办法

设置页面尺寸

在规格文档中显示部件工具提示

master主控文档的behavior行为是custom widget自定义部件时丢失raised event可触发事件

模拟加法运算

设置打开原型的默认浏览器

Listbox列表框部件不支持修改选项

数字键盘

checkbox 复选框部件的OnClick事件中复选框的状态已发生了改变

监视变量

限制输入数字

Wireframe 线框绘制尺寸的范围及处理方案

不支持最大化显示Popup窗口

使用masters组件监视变量

在规格文档中动态面板中的droplist下拉列表框部件会重复输出选项列表

一些字符无法直接进入编辑部件文字状态

Hyperlink超链接部件不使用浏览器的超链接效果

Specification规格文档中仅包含Dynamic Panel动态面板部件在默认状态下的页面截图

胡争辉

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Axure RP Pro - 翻译 - 5.5 Tutorial教程 - AXURE 101 Article 2: Introduction介绍 - Annotated Wireframes带标注的线框

Axure RP Pro - 翻译 - 5.5 Tutorial教程 - AXURE 101 Article 2: Introduction介绍 - Annotated Wireframes带标注的线框Overview概述 1. Annotated Wireframes Demo 1. 演示带标注的线框 2. Sitemap 2. 站点地
复制链接

扫一扫