Axure RP 9 Fundamentals and Mobile prototyping for UX Design

Download and install Axure RP 9 by visiting axure.com, selecting Windows or Mac, and running the setup exe while following the on-screen steps.

Switch Axure RP 9 to dark mode via preferences; the interface shifts from light to dark. Use dark mode for prototyping or bright environments, and Axure remembers your last setting.

Explore the axure rp 9 interface, learn the main and style toolbars, and identify the seven panes, including page, outline, library, master, canvas, and right-hand style, interaction, and note panes.

Customize the user interface in axure rp 9 by tailoring the toolbar for frequently used tools, and adjust left panels and text under icons while resetting the view to default.

Create a new file in Axure RP 9, use Ctrl+N, drag and drop widgets on the canvas, adjust alignment in the style pane, and preview to see left alignment.

Set up page dimension in Axure RP 9 by selecting a device (iPhone 8), toggling show page dimension, adjusting orientation, and using custom device options for unsupported sizes.

Set a custom device dimension (360 by 760) in the style pane, and apply it to every prototype page to prevent flicker; start with one device for usability testing.

Verify the selected custom dimension, publish to Azure Cloud as a new project, and preview the prototype on mobile with the Azure app to ensure proper rendering.

Master the Axure RP 9 canvas for prototyping by panning with the spacebar, zooming at the cursor, and centering widgets with shortcuts, while adjusting preferences for scrollbars and outline thumbnails.

Discover how the prototype player in Axure RP 9 enables distraction-free mobile previews for usability testing, with touch indicators and scalable viewport options.

Learn how grids in Xorp help precisely position images and boost productivity by adjusting spacing, choosing line vs dot styles, snapping widgets to the grid, and configuring visibility.

Learn how to use guides in Axure RP 9 to align elements with floating reference lines, lock and snap to guides, render guides in front or back, and read coordinates.

Explore five guide types in Europe for Axure rp 9: page dimension, smart, print, page, and global guides, and learn snapping, margins, and presets to align across pages.

Organize pages in a hierarchical structure in Axure RP by creating, inserting, indenting, and moving pages; collapse, delete, undo, search, and group pages into folders via drag-and-drop.

Draw widgets on the Axure RP 9 canvas using shape tools—rectangle, oval, and text—set sizes, colors, apply and lock guides, including global guides.

Learn to create a tooltip in Axure RP by drawing a rectangle, adding points and a label, grouping, and linking a click-triggered fade show/hide interaction with live preview.

Learn to draw, edit, and transform lines in Axure RP 9 using the horizontal, vertical, and pen tools, with 45-degree constraints and open or closed paths.

Combine two library widgets using transformation shapes to create complex forms, using unite, intersect, exclude, and subtract, then refine by overlapping and breaking apart.

Learn to position and size widgets in Axure RP 9 using global guides, x/y coordinates, and grid settings; apply arithmetic operators for precise placement and control proportional scaling.

Learn how to order widgets in Axure RP 9 by bringing elements to front or sending them to back, and using keyboard shortcuts to adjust stacking order during prototyping.

Use Axure's align and distribute feature to automatically align widgets, with the first selected item as the reference. Distribute vertically or horizontally using shortcuts to space elements evenly.

Group and ungroup widgets to move multiple items as a single unit in Axure RP 9. Use the group button or Ctrl+G, and ungroup with Ctrl+Shift+G for efficiency.

Lock and unlock widgets to prevent accidental moves on the canvas, using right-click or Ctrl K to lock location and size, with a red border indicating a locked state.

Master selection mode in Axure RP 9 to speed up prototyping by using precise and content selection. Learn to select behind elements via the outline pane and drag-based methods.

Learn to add images in Axure RP 9 using three methods—copy-paste, drag-and-drop, or image widget—then optimize size, maintain aspect ratio, and add accompanying text.

Edit images in Axure RP 9 by resizing with proportional constraints, rotating via the style pane, cropping and slicing, applying corner radius, borders, and shadows, and using fit to image.

Fill a widget with an image in Axure RP 9 using the style pane, compare the old clipping method to the new fill approach, and explore SVG usage.

Learn to work with SVG files in Axure RP 9 by converting SVG to shapes, ungrouping into background and graphics, and styling colors via fill and style pane.

Learn to use different arrows in Axure RP 9 to highlight UI components, add straight and curved arrows, customize thickness, color, endpoints, and labels for clear prototype flows.

Explore typography in Axure RP 9 by adjusting font, size, color, bold, italic, and lists, and apply superscript, subscript, line height, and shadows using the style toolbar and style pane.

Create and manage reusable styles in Axure RP 9 using the style manager, setting fonts and colors, then apply them to widgets to streamline prototyping.

Learn to update a shared widget style across pages in Axure, propagating changes project-wide with the update style feature, a huge time saver, while noting potential unintended global updates.

Discover how to recover a deleted style in Axure RP 9 by selecting the widget, creating a new style with the default name, and avoiding renaming to protect other widgets.

Explore paste special, paste style, paste as image, paste as plain text, and paste table in Axure RP 9 to accelerate widget styling and data import for mobile prototyping.

Distinguish widget level from page level interactions in Axure RP 9. Use the interaction pane to create interactions, label them, and explore events such as page load and on click.

Set a widget as a trigger with on click and on double click. Use the interaction pane to add cases and actions, including opening a URL in a new window.

Learn to use the interaction pane in Axure RP 9, identify interaction markers, and work with condensed and simplified views to define events and actions such as click and hover.

Explore the behavior of the style effect and how alternative styles help users interact with widgets. Learn five types: mouse over, mouse down, focus, selected, and disabled.

Apply and reuse style effects in Axure RP 9 by creating mouse over, mouse down, focus, and disable styles and applying them via the style pane and interactions.

Learn to control a single selected item across multiple buttons using Axure's selection group, applying the selected style, linking interactions, and previewing the behavior on page load.

Learn how to show and hide widgets using page-loaded fade animations in axure rp 9, creating a sequential reveal for group widgets with 1,000 ms transitions.

Explore pull and push widget interactions beyond accordions, using toggle triggers, fade animations, and horizontal and vertical movements to reveal or hide content like paid wall and read full article.

Explore three mobile prototyping approaches—page centric, panel centric, and hybrid—highlighting the dynamic panel and practical examples to improve usability and management in Axure RP 9.

Identify and work with dynamic panels in Axure RP 9 to create carousal and slideshows, switch states with set panel actions, and use outline pane and gestures for mobile prototyping.

Create a dynamic panel in Axure RP 9 by dragging from library or selecting widgets and using the create dynamic panel option, then manage states, mask, and fit to content.

Explore how the outline pane tracks all widgets on a page, enabling selection, hiding, searching, and filtering by master or dynamic panel, plus front-to-back stacking.

Master editing dynamic panels in Axure RP 9 by creating, naming, and duplicating states, using the outline pane and isolation to manage content and styling options.

Explore tab navigation in Axure RP 9 by creating hover and selected states with widget styles and selection groups, applying panel state changes (hot, cold, spatial beverages) and real-world interactions.