Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design Creating Wireframe and Photoshop Mockups

Posted by Manav Misra
Manav Misra
11,778 Points

Mobile First?

During this part of the design process, how do we account for 'mobile first' design? Shouldn't we do a wireframe for that first, and work off of there?

2 Answers

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

I agree we should.

One method is to work your wireframes through in Illustrator. That way you can create 2 artboards in the program. One would reflect the size of a mobile phone, one for a desktop... and maybe a third for tablet displays. But it's important i think to get a good idea what layouts are going to be like on mobile and then build more in to desktop or wider screens. :-)

Matt Ramsden
Matt Ramsden
14,152 Points
Matt Ramsden
Matt Ramsden
14,152 Points

I'm currently building a number of websites including my own gaming site, and after making and restarting a thousand times I have to admit designing on mobile first is a lot easier than doing top down from desktop so you should account for mobile first I think.