Level-Up Your Axure Skills
Post on 27-Jan-2015
122 Views
Preview:
DESCRIPTION
Transcript
LEVEL-UP YOUR AXURE
SKILLS
DAN NEWMANWeb & Mobile UX Manager
@CreativeNewman #stlux #axuretip
@CreativeNewman #stlux #axuretip
GETTING STARTED
@CreativeNewman #stlux #axuretip
DO YOU USE AXURE 7?
Go get the latest build: bit.ly/axure7
@CreativeNewman #stlux #axuretip
Check your backup settings
@CreativeNewman #stlux #axuretip
Check your backup settings
@CreativeNewman #stlux #axuretip
Check your backup settings
@CreativeNewman #stlux #axuretip
Check your backup settings
@CreativeNewman #stlux #axuretip
Check your backup settings
@CreativeNewman #stlux #axuretip
Setting up grids & guides
@CreativeNewman #stlux #axuretip
Setting up grids & guides
@CreativeNewman #stlux #axuretip
Setting up grids & guides
@CreativeNewman #stlux #axuretip
Setting up grids & guides
@CreativeNewman #stlux #axuretip
Setting up grids & guides
@CreativeNewman #stlux #axuretip
Setting up grids & guides
@CreativeNewman #stlux #axuretip
Import from RP…
@CreativeNewman #stlux #axuretip
Import from RP…
@CreativeNewman #stlux #axuretip
Import from RP…
@CreativeNewman #stlux #axuretip
Import from RP…
@CreativeNewman #stlux #axuretip
Import from RP…
@CreativeNewman #stlux #axuretip
Import from RP…
@CreativeNewman #stlux #axuretip
GO WITH THE FLOW
@CreativeNewman #stlux #axuretip
Using flow shapes & connectors
@CreativeNewman #stlux #axuretip
Using flow shapes & connectors
More: axure.com/learn/flow-diagrams
@CreativeNewman #stlux #axuretip
Using flow shapes & connectors
More: axure.com/learn/flow-diagrams
@CreativeNewman #stlux #axuretip
Using flow shapes & connectors
More: axure.com/learn/flow-diagrams
@CreativeNewman #stlux #axuretip
Using flow shapes & connectors
More: axure.com/learn/flow-diagrams
@CreativeNewman #stlux #axuretip
Using flow shapes & connectors
More: axure.com/learn/flow-diagrams
@CreativeNewman #stlux #axuretip
Using flow shapes & connectors
More: axure.com/learn/flow-diagrams
@CreativeNewman #stlux #axuretip
Reference pages
@CreativeNewman #stlux #axuretip
Reference pages
@CreativeNewman #stlux #axuretip
Reference pages
@CreativeNewman #stlux #axuretip
Reference pages
@CreativeNewman #stlux #axuretip
Reference pages
@CreativeNewman #stlux #axuretip
Reference pages
@CreativeNewman #stlux #axuretip
Automatic flow generation
@CreativeNewman #stlux #axuretip
Automatic flow generation
@CreativeNewman #stlux #axuretip
BUILDING WITH WIDGETS
@CreativeNewman #stlux #axuretip
Finding great libraries
@CreativeNewman #stlux #axuretip
Finding great libraries
axure.com/community/widget-libraries
@CreativeNewman #stlux #axuretip
Finding great libraries
axureland.com/axure_widget_libraries
@CreativeNewman #stlux #axuretip
Finding great libraries
@CreativeNewman #stlux #axuretip
Making your own libraries
@CreativeNewman #stlux #axuretip
Making your own libraries
More: axure.com/learn/widget-libraries
@CreativeNewman #stlux #axuretip
Making your own libraries
More: axure.com/learn/widget-libraries
@CreativeNewman #stlux #axuretip
Learning to love the ‘shape’
@CreativeNewman #stlux #axuretip
Learning to love the ‘shape’
More: axure.com/widgets/shape
@CreativeNewman #stlux #axuretip
Hot spots
@CreativeNewman #stlux #axuretip
Hot spots
More: axure.com/widgets/hot-spot
@CreativeNewman #stlux #axuretip
Hot spots
More: axure.com/widgets/hot-spot
@CreativeNewman #stlux #axuretip
Hot spots
More: axure.com/widgets/hot-spot
@CreativeNewman #stlux #axuretip
Inline Frames
@CreativeNewman #stlux #axuretip
Inline Frames
More: axure.com/widgets/inline-frame
@CreativeNewman #stlux #axuretip
Inline Frames
More: axure.com/widgets/inline-frame
@CreativeNewman #stlux #axuretip
Inline Frames
More: axure.com/widgets/inline-frame
@CreativeNewman #stlux #axuretip
Naming & filtering widgets
@CreativeNewman #stlux #axuretip
Naming & filtering widgets
@CreativeNewman #stlux #axuretip
Naming & filtering widgets
@CreativeNewman #stlux #axuretip
Naming & filtering widgets
@CreativeNewman #stlux #axuretip
Naming & filtering widgets
@CreativeNewman #stlux #axuretip
Widget notes
@CreativeNewman #stlux #axuretip
Widget notes
@CreativeNewman #stlux #axuretip
Widget notes
@CreativeNewman #stlux #axuretip
Widget notes
@CreativeNewman #stlux #axuretip
Widget notes
@CreativeNewman #stlux #axuretip
THE REPEATER
Everything you need to know: axure.com/learn/repeater
@CreativeNewman #stlux #axuretip
ADAPTIVE VIEWS
Everything you need to know: axure.com/learn/adaptive
bit.ly/sm-ax7
@CreativeNewman #stlux #axuretip
TARGETING GREAT STYLE
@CreativeNewman #stlux #axuretip
Base styles
@CreativeNewman #stlux #axuretip
Base styles
@CreativeNewman #stlux #axuretip
Base styles
@CreativeNewman #stlux #axuretip
Finding the format painter
@CreativeNewman #stlux #axuretip
Finding the format painter
@CreativeNewman #stlux #axuretip
Finding the format painter
@CreativeNewman #stlux #axuretip
Line spacing
@CreativeNewman #stlux #axuretip
Line spacing
@CreativeNewman #stlux #axuretip
Fill, stroke, & shadow
@CreativeNewman #stlux #axuretip
Fill, stroke, & shadow
@CreativeNewman #stlux #axuretip
Fill, stroke, & shadow
@CreativeNewman #stlux #axuretip
Background & Alignment
@CreativeNewman #stlux #axuretip
Background & Alignment
@CreativeNewman #stlux #axuretip
Background & Alignment
@CreativeNewman #stlux #axuretip
Something looks sketchy…
@CreativeNewman #stlux #axuretip
Something looks sketchy…
@CreativeNewman #stlux #axuretip
Something looks sketchy…
@CreativeNewman #stlux #axuretip
GOING DYNAMIC
@CreativeNewman #stlux #axuretip
Convert to dynamic panel
@CreativeNewman #stlux #axuretip
Convert to dynamic panel
@CreativeNewman #stlux #axuretip
Convert to dynamic panel
@CreativeNewman #stlux #axuretip
Convert to dynamic panel
@CreativeNewman #stlux #axuretip
Pin to browser
@CreativeNewman #stlux #axuretip
Pin to browser
@CreativeNewman #stlux #axuretip
Pin to browser
@CreativeNewman #stlux #axuretip
Pin to browser
@CreativeNewman #stlux #axuretip
Hide from view
@CreativeNewman #stlux #axuretip
Hide from view
@CreativeNewman #stlux #axuretip
Hide from view
@CreativeNewman #stlux #axuretip
Fit to content & scrollbars
@CreativeNewman #stlux #axuretip
Fit to content & scrollbars
@CreativeNewman #stlux #axuretip
Fit to content & scrollbars
@CreativeNewman #stlux #axuretip
Fit to content & scrollbars
@CreativeNewman #stlux #axuretip
100% wide
@CreativeNewman #stlux #axuretip
100% wide
@CreativeNewman #stlux #axuretip
100% wide
@CreativeNewman #stlux #axuretip
100% wide
@CreativeNewman #stlux #axuretip
Break away
@CreativeNewman #stlux #axuretip
Break away
@CreativeNewman #stlux #axuretip
Break away
@CreativeNewman #stlux #axuretip
GETTING INTERACTIVE
@CreativeNewman #stlux #axuretip
In-line hyperlinks
@CreativeNewman #stlux #axuretip
In-line hyperlinks
@CreativeNewman #stlux #axuretip
In-line hyperlinks
@CreativeNewman #stlux #axuretip
In-line hyperlinks
@CreativeNewman #stlux #axuretip
In-line hyperlinks
@CreativeNewman #stlux #axuretip
In-line hyperlinks
@CreativeNewman #stlux #axuretip
In-line hyperlinks
@CreativeNewman #stlux #axuretip
In-line hyperlinks
@CreativeNewman #stlux #axuretip
The power of show/hide
@CreativeNewman #stlux #axuretip
The power of show/hide
@CreativeNewman #stlux #axuretip
The power of show/hide
@CreativeNewman #stlux #axuretip
The power of show/hide
@CreativeNewman #stlux #axuretip
The power of show/hide
@CreativeNewman #stlux #axuretip
The power of show/hide
@CreativeNewman #stlux #axuretip
Control grouping
@CreativeNewman #stlux #axuretip
Control grouping
@CreativeNewman #stlux #axuretip
Control grouping
@CreativeNewman #stlux #axuretip
Control grouping
@CreativeNewman #stlux #axuretip
Over, down, & selected
@CreativeNewman #stlux #axuretip
Over, down, & selected
@CreativeNewman #stlux #axuretip
Over, down, & selected
@CreativeNewman #stlux #axuretip
Over, down, & selected
@CreativeNewman #stlux #axuretip
Page-level events
@CreativeNewman #stlux #axuretip
Page-level events
@CreativeNewman #stlux #axuretip
Even more event triggers
@CreativeNewman #stlux #axuretip
Even more event triggers
@CreativeNewman #stlux #axuretip
Even more event triggers
@CreativeNewman #stlux #axuretip
Easy conditions
@CreativeNewman #stlux #axuretip
Easy conditions
@CreativeNewman #stlux #axuretip
Easy conditions
@CreativeNewman #stlux #axuretip
Easy conditions
@CreativeNewman #stlux #axuretip
Easy conditions
@CreativeNewman #stlux #axuretip
Advanced conditions
@CreativeNewman #stlux #axuretip
Advanced conditions
More: axure.com/learn/advanced/conditional-logic
@CreativeNewman #stlux #axuretip
Advanced conditions
More: axure.com/learn/advanced/conditional-logic
@CreativeNewman #stlux #axuretip
Advanced conditions
More: axure.com/learn/advanced/conditional-logic
@CreativeNewman #stlux #axuretip
Advanced conditions
More: axure.com/learn/advanced/conditional-logic
@CreativeNewman #stlux #axuretip
AND... ACTION!
@CreativeNewman #stlux #axuretip
Scroll to widget
@CreativeNewman #stlux #axuretip
Scroll to widget
@CreativeNewman #stlux #axuretip
Scroll to widget
@CreativeNewman #stlux #axuretip
Treat as flyout or lightbox
@CreativeNewman #stlux #axuretip
Treat as flyout or lightbox
@CreativeNewman #stlux #axuretip
Treat as flyout or lightbox
@CreativeNewman #stlux #axuretip
Treat as flyout or lightbox
@CreativeNewman #stlux #axuretip
Push/pull widgets
@CreativeNewman #stlux #axuretip
Push/pull widgets
@CreativeNewman #stlux #axuretip
Push/pull widgets
@CreativeNewman #stlux #axuretip
Push/pull widgets
@CreativeNewman #stlux #axuretip
‘Wait’ is magic
@CreativeNewman #stlux #axuretip
‘Wait’ is magic
@CreativeNewman #stlux #axuretip
Variables
@CreativeNewman #stlux #axuretip
MASTERING MASTERS
@CreativeNewman #stlux #axuretip
Convert to master
@CreativeNewman #stlux #axuretip
Convert to master
@CreativeNewman #stlux #axuretip
Convert to master
@CreativeNewman #stlux #axuretip
Convert to master
@CreativeNewman #stlux #axuretip
Convert to master
@CreativeNewman #stlux #axuretip
Raised events
@CreativeNewman #stlux #axuretip
Raised events
@CreativeNewman #stlux #axuretip
Raised events
@CreativeNewman #stlux #axuretip
Raised events
@CreativeNewman #stlux #axuretip
Raised events
@CreativeNewman #stlux #axuretip
Raised events
@CreativeNewman #stlux #axuretip
Set text
@CreativeNewman #stlux #axuretip
Set text
@CreativeNewman #stlux #axuretip
Set text
@CreativeNewman #stlux #axuretip
Set text
@CreativeNewman #stlux #axuretip
Set text
@CreativeNewman #stlux #axuretip
Set text
@CreativeNewman #stlux #axuretip
Isolation
@CreativeNewman #stlux #axuretip
Isolation
@CreativeNewman #stlux #axuretip
Isolation
@CreativeNewman #stlux #axuretip
PUTTING IT ALL
TOGETHER
@CreativeNewman #stlux #axuretip
Specifications
@CreativeNewman #stlux #axuretip
Preview
@CreativeNewman #stlux #axuretip
Preview
@CreativeNewman #stlux #axuretip
Web fonts & font mapping
@CreativeNewman #stlux #axuretip
Web fonts & font mapping
@CreativeNewman #stlux #axuretip
Web fonts & font mapping
@CreativeNewman #stlux #axuretip
Web fonts & font mapping
@CreativeNewman #stlux #axuretip
Mobile-friendliness
@CreativeNewman #stlux #axuretip
Mobile-friendliness
@CreativeNewman #stlux #axuretip
Axshare: discussions & discussions
@CreativeNewman #stlux #axuretip
Axshare: discussions & discussions
@CreativeNewman #stlux #axuretip
Axshare: discussions & discussions
@CreativeNewman #stlux #axuretip
Axshare: discussions & discussions
@CreativeNewman #stlux #axuretip
Axshare: discussions & discussions
More: bit.ly/axshare-plugin
@CreativeNewman #stlux #axuretip
Axshare: discussions & discussions
More: bit.ly/axshare-plugin
MORE RESOURCES• Axure Online Training • Axure Forum
!• “5 Mistakes People Make Using
Axure” • “10 Commandments of Efficient
Design in Axure” • “10 Rules for Working With Axure” • “Axure Quick Tips”
!• AxureWorld • AxureSnacks • Axure Pro Tips
THANK YOU!Join the conversation:
#axuretip
top related