axure training 1

https://www.axure.com/support/training/core/1-basics

THE BASICS

WHAT IS AXURE RP?

Axure RP is a wireframing, prototyping, flowcharting, and documentation tool. Use it to create and style diagrams, add interactivity and notes to diagram pages and elements, and publish finished designs to HTML for viewing via web browser.

Axure RP files are composed of pages—anywhere from one or two to hundreds, depending on project scope. The Pages pane, available at the top of the left-hand instrument panel in the Axure RP interface, is used to view and manage the pages in your project.

Each page contains a diagram—generally a static wireframe, interactive prototype, or flowchart—composed of widgets.

WHAT ARE WIDGETS?

Widgets are the building blocks of your diagrams in Axure RP. The most common are "shape" widgets. Many of the widget types in the Common section of the Default library, including boxes, labels, and paragraphs, are shape widgets; custom shapes drawn with the pen tool are also shape widgets. (For more about the pen tool, check out our Vector Drawing reference guide.) Icons in the Icon library are also shapes.

Another commonly used widget is the image widget, which has two roles: to serve as an image placeholder, or to import real images into a diagram. An imported image can be sliced, cropped, resized, stretched, rotated, and so on.

WIDGET SNAPPING, GRID, AND GUIDES

As you drag widgets onto the canvas, you’ll notice that the widgets snap to one another by default. Widget snapping helps keep widgets aligned. There are a number of options of this type that can help keep your diagram tidy as you build it. These options can be found in the top menu under "Arrange > Grid and Guides" or by right-clicking the canvas and selecting "Grid and Guides".

You can turn off widget snapping by unchecking "Snap to Widget". You can also show and enable snapping to the grid. By default, the grid is 10px by 10px and is drawn with dots. The style, color, and spacing of the grid can be configured via the "Grid Settings..." menu command.

You can also add guides per page or globally across your project. To add a page guide, drag from the ruler at the top or left of the design area. Hold [CTRL] / [CMD] to make a global guide—one that will appear on all pages. You can create guides based on preset values such as the 960 Grid System by navigating to "Arrange > Grids and Guides > Create Guides."

Try adding a guide by dragging from the ruler. Hold [CTRL] / [CMD] while dragging to add a global guide.

ARRANGING WIDGETS

After a widget has been added to a diagram, you can rearrange it in your diagram by moving, resizing, or rotating it. You can also align, distribute, lock, group, and change the depth order of widgets.

Click a widget to select it, or click and drag to move it around the page.

When a widget is selected, a green border is drawn around it. Selecting a widget also reveals handles that can be dragged to resize the widget. To proportionately resize a widget when dragging the widget handles, hold the [SHIFT] key while resizing.

Widgets can also be resized to a specific pixel value. Use the "w" and "h" fields in the top toolbar or Inspector to set the widget size in pixels. To constrain the widget’s proportions, click the "Maintain aspect ratio" icon between the "w" and "h" fields.

You can rotate a widget by holding [CTRL] / [CMD] while clicking a corner handle on a widget. Drag to set the angle of rotation. You can also enter an exact degree of rotation in the Style tab.

Widgets can be locked in the design area, which prevents their location and size from being changed by dragging. Locked widgets can be moved and resized in the Inspector if needed. To lock a widget, use the icon in the top toolbar.

Widgets can be grouped so that the group can be manipulated together. Select the widgets to group and use the keyboard shortcut [CTRL] / [CMD] + [G] to group them. Single-click to select the group. Do a slow double-click to edit widgets inside the group. You’ll know you’re editing inside the group when you see the rest of the page greyed out.

EDITING TEXT

You can usually edit a widget's text by double-clicking on it. (Double-clicking a widget on the canvas gives you access to that widget type's most common editing function. For most widgets, this feature is the text on the widget.) You can also type directly on a shape widget to add text to it. Single-click the widget to select it, then type your text.

STYLING WIDGETS

Style controls for widgets are located in two areas of the Axure RP interface: the Style tab of the Inspector (on the right), and the Style Toolbar (up top). Available style properties include shape position and dimensions, rotation, fill color and shadowing; border line color, pattern, and thickness; and text attributes like font, color, alignment, line spacing, and padding. Some style properties, like rotation and corner radius, can also be edited right on the canvas by dragging a handle appearing next to a selected widget.

Once you've styled a widget, you can use the "widget styles" feature (similar to Microsoft Word styles or CSS classes) to share that style with other widgets. The widget style applied to a selected widget appears in the left-most control in the Style Toolbar, and also in the Widget Styles dropdown in the Style tab of the Inspector. When you make a change to the styling on a specific widget, the dropdown in the Style tab will show an asterisk (*) after the name of the style, and you'll see "Update" and "Create" controls appear next to the style name. (More on those options in the Widget and Page Styles article.)

INTERACTIVITY

Interactions determine the dynamic behaviors of a widget or page. Interactions have three parts: events, cases, and actions. Events are triggers like OnClick and OnPageLoad. Cases are the different scenarios that can occur when the event is triggered. Actions are the individual components of the scenario making up each case.

A basic example: an interaction that links to another page uses the OnClick event, has a single case, and uses the Open Link in Window action.

WIDGET AND PAGE NOTES

The most common use of widget and page notes is to document the functionality or requirements of a widget or page. Notes may also be used to document changes, keep track of status, or manage tasks for yourself or your team.

Add notes in the Notes tab of the Inspector. You can add and remove fields for widget and page notes by clicking "Customize Fields" in the Notes tab.

VIEWING IN THE BROWSER

At any point, you can view your diagrams in your browser.

Choose "Publish > Preview" to immediately see and interact with the current page in the browser.

To share the project with other viewers, you have a couple of options. You can use "Publish > Generate HTML Files..." to generate the source HTML, JavaScript, and image files to your local drive, a network drive, or server.

You can also publish your file to the cloud using "Publish > Publish to Axure Share...". Axure Share is hosted on Axure’s servers and includes features like password protection, discussions, and notifications.

PRINTING

Axure RP is primarily used to create content for viewing in a web browser, but you can also print your diagrams. To view print guides on the canvas, go to "Arrange > Grid and Guides > Show Print Guides." The position of these guides is determined by your paper size settings, which can be changed by navigating to "Print > Paper Size and Settings".

To print a diagram, go to "File > Print". You can also choose which of the file's pages to print and set print scaling here.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,524评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,869评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,813评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,210评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,085评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,117评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,533评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,219评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,487评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,582评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,362评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,218评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,589评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,899评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,176评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,503评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,707评论 2 335

推荐阅读更多精彩内容

  • **2014真题Directions:Read the following text. Choose the be...
    又是夜半惊坐起阅读 9,245评论 0 23
  • 我有一个小弟,迄今,或之后 只有一个小弟,不多,也不少 恰好我能照顾,不增,也不减 奇怪,这个小弟不一样 不骂,不...
    小城以北阅读 397评论 0 0
  • 在应用间共享文件 对于面向 Android 7.0 的应用,Android 框架执行的 StrictMode AP...
    飛飛萨阅读 15,025评论 0 3
  • 以VMware为例: 0.关闭虚拟机上的DOS(关机)1.点击左上角“文件”2.点击“映射虚拟磁盘”,映射的时候把...
    风中追风_阅读 2,680评论 3 2