Axure – more on responsive designs

Axure is a really great tool for generating an interactive prototype and doing something more amazing with wireframes.

Need help with Axure? Support, Design & Training
Get in contact

I’m one step closer to something resembling the current state of responsive and I’ve updated my example of responsive design ….

If you read anything about responsive or mobile design then check out Luke Wroblewski as he proposes 4 device screen widths to design for.

Using a centred layout with Axure you can cover ‘all’ devices larger then a 1024 /  960 grid (if that’s what you use) — so that’s 2 devices.

That then leaves only 2 designs to really work up:

  • 768w (for Tablets and iPad)
  • 320w (for iPhones)

If you’re not doing mobile ‘optimised’ – then you may only need 1 alternative layout 🙂

(which opens a much bigger can of worms)


Responsive Example


6 Responses to “Axure – more on responsive designs”

  1. Nollas May 23, 2012 at 11:33 am #

    Hi Damien,

    Thanks for sharing this useful information. I’m currently designing a website for responsive design (1024, 768, 320) in Axure. Does that mean I still have to design all 3 these resolutions individually, or is there a tool in Axure to fasten these steps?

    Thanks again!

    • Damien Saunders May 25, 2012 at 5:16 pm #

      Hi Nollas

      Responsive Layouts do mean you need to do 3 different designs — I say that to Designers & Creatives all the time.

      You might be lucky and find that the layout you want for 320px and 768px are very similar – but they you want copy on your text to fill the browser width (view port).

      In Axure, I suggest you create a dynamic panel for each of the 3 different device orientations and then look at my example or drop me an email if you need more help.

      Thanks for stopping by


  2. Fergus Roche May 15, 2012 at 4:41 pm #

    Great prototype! Didn’t think it was possible to do in Axure. Was casting about for a responsive app. That said, Axure is where I create most of my wireframes and prototypes.

    Are you able to share your .rp file? Or will you be writing a tutorial on how you made axure responsive?

    All the best,

    • Damien Saunders May 22, 2012 at 10:57 pm #

      Hi Fergus

      thanks for comment – yes I’ve done quite a bit of work with Axure and responsive layouts in the last couple of months.

      Yes I can send you the .rp file .. I have my latest Axure.rp move with responsive example in Dropbox.

      If you can’t download it – email me or tweet me 🙂


  3. Jenny Grinblo April 14, 2012 at 10:21 am #

    Very cool. I still need to try this… very exciting new developments coming out of Axure, especially with 6.5.

    • Damien Saunders April 22, 2012 at 9:55 pm #

      Axure v6.5 beta is a great update!

Read previous post:
WordPress 3.4 enters public beta – benefits for Themes

WordPress 3.4is on its way ... it's entered public beta, which means you can download it and try it for...