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

Emmanuel Rojas
Emmanuel Rojas
6,994 Points
Posted by Emmanuel Rojas
Emmanuel Rojas
6,994 Points

Mockus canvas size

When creating Mockus for a desktop version. what would be the right size, because I know there are many screen sizes. I know using responsive web design that can be fixed easily. However, to start giving me an idea the way the site is going to look. How can I define the first mockup for mobile and desktop? Thank you guys

1 Answer

Max Senden
Max Senden
23,177 Points
Max Senden
Max Senden
23,177 Points

Hi Emmanuel,

There are no "right" sizes, only conventional sizes that are generally used. These are:

Device: width x height in pixels Phone: 320 x 1024 Tablet: 768 x 1024 Desktop: 1024 x 1024

The height can be as short or long as it needs to be (e.g. a tablet website can be 768 x 5041).

The most difficult thing with responsive webdesign is the amount of different screen sizes. Therefore use these dimensions that I gave you as a guideline and adjust the website (or whatever you're creating) to suit other devices on the go.

Good luck, Max

Emmanuel Rojas
Emmanuel Rojas
6,994 Points
Emmanuel Rojas
Emmanuel Rojas
6,994 Points

Thank you, Max, you have been very helpful