2

When making mockups for Responsive Web Design projects, should I separate them by Page or by Screen Size? Which one would be more helpful when I start writing the source code?

What are the pros and cons of the following:

  • Page based: All the home page mockups in all different screen sizes
  • Screen-size based: All the pages for width <= 960px

I'm using Balsamiq Mockups to make mockups and I prefer to store all related mockups in a file like homepage, login or 960px, 768px.

asked Sep 22, 2013 at 15:09

1 Answer 1

1

Screen-size is an overall approach that can covers a lot of device display of today market. But Page based approach allows to create a perfect application designed for each mobile device screen.

Today the recommended approach is Screen-size based because the amount of devise increase every day with different screen size and characteristics.

answered Sep 23, 2013 at 18:23
1
  • that make sense somehow ... hmm, we usually don't design for each screen-size, but for some form of most-popular or standard screen-sizes, right? ... I really need to think about that. Thanks anyways for the input! :) Commented Sep 23, 2013 at 20:26

Your Answer

Draft saved
Draft discarded

Sign up or log in

Sign up using Google
Sign up using Email and Password

Post as a guest

Required, but never shown

Post as a guest

Required, but never shown

By clicking "Post Your Answer", you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.