Join Brian Thurston Bralczyk for an in-depth discussion in this video Setting up for an interaction, part of Axure for UX Design.
…Let's put together the interaction terms we learned in the last…video to create some interactions that hide and show a widget.…Right here, we're looking at the Samoca Collections…page, to show what we'll be working toward.…If we click the Zoom In icon for this…particular painting, it shows a larger view of the piece.…And if we click right on that larger image, it fades out again.…Let's recreate this same interaction in Axure.…Now, we know we're going to create our interaction over…on the right in the widget interactions and notes pane.…
But to show and hide a widget, we have to have that widget on the page first.…So, let's drag on an image widget from the widgets pane.…And we can kind of place it in the center for now.…Let's select our file, and if you look in the chapter 3…03 folder,inside the start folder there's…a Westhoff untitled.jpg and we'll use that.…Yes, we want to autosize the image.…Now let's adjust the placement of the image so it's centered on the page.…We know that the full width of our page is 1,000 pixels.…
AuthorBrian Thurston Bralczyk
- Using and styling widgets
- Setting up interactions
- Creating hide/show options for content
- Creating an accordion menu
- Applying web fonts
- Using flow widgets
- Creating and placing masters
- Styling pages
- Adding form fields with widgets
- Building a slideshow with dynamic panels
- Setting up adaptive views
Skill Level Intermediate
1. Getting Started
2. Shape and Text Widgets
3. Adding Interactivity
4. Generating and Sharing Prototypes
5. Web Fonts
Setting up web fonts4m 7s
6. Flows and Sitemaps
8. Page Options
9. Form Widgets
10. Dynamic Panels
11. Adaptive Web Design
Next steps1m 12s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.