Join Brian Thurston Bralczyk for an in-depth discussion in this video Setting up grids and guides, part of UX Design Tools: Axure.
- View Offline
- Exercise Files
…Okay, we've got all our pages set up in the…site map pane and now we want to begin designing them.…But before we can start adding widgets and interactivity we should set…up some grids and guides that will help keep our design structured.…Let's make sure our homepage is open in…this center design area if you don't see home…in the top tab you just double click on this page to open it up over here.…And this design area is where we'll actually…be creating our layout, and placing the content.…So, this is where we're going to setup the grid.…
Right-click anywhere in the design area.…Go to this sub-menu for grid and guides, and let's choose Show Grid.…And you may have seen that there is a keyboard shortcut…there which is Cmd+' or Ctrl+' if you're on a Windows PC.…And that will toggle the grid on and off.…Now this grid helps when we start putting content widgets on to the page.…It's a way to visually line things up and place them at some exact intervals.…By default the grid shows as these little blue dots, and…they fall at the corners of ten pixel by ten pixel squares.…
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
Foundations of UX: Prototypingwith James Williamson1h 39m Beginner
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.