2

I don't know the proper name for this, which makes it hard to Google it or describe this.

On a site like http://p2theme.com/ as you scroll down you see that content is arranged into screen-sized chunks, each with its own chunk of content, each with a different background color, making them visually distinctive.

I've seen this used more and more frequently on websites, but don't know what it's called. People have tried telling me "responsive design" or "flat UI" or "infinite scroll" or "parallax" -- but those are completely different things. What do you call this technique?

1
  • 1
    As far as I know there is no real "name" for it, it's just a common thing now because it is minimalist, translates well to responsive behavior, generally it's flat design which is all the rage these days, and it lends itself very well to trendy mobile-first design/development. You also see this kind of ultra horizontal design in parallax sites A LOT so it makes sense people would describe it that way.
    – Ennui
    Oct 24, 2013 at 14:59

1 Answer 1

1

Thanks @Ennui--after a lot of Googling, pestering people in multiple forums and asking four different designers, I came to much the same conclusion. There, sadly, appears to be no generally accepted term for this specific technique.

"single page design" or the synonymous "one page design" is the most useful term to Google for, although it is not the most accurate--the given technique may be used on one page of a site with many pages, and there are plenty of simple one-page sites that do not use any of the techniques commonly discussed in "single page design". Even many sites lauded as great examples of single page design do not use this technique, but it's the closest term.

"long page design" is more accurate, but not as frequently used. In either case, this technique is a subset of that; if this technique is used, it's going to be a part of a long page, but not all long pages use this technique.

I personally like the term "scroll slides," but since I made that up it's not going to be very useful until the day when all the Internet bows to my will. Might be a while.

More terms that came up in the confusion were "infinite scrolling pages" - which is a separate technique, of course and is rarely correlated with this technique - and zebra striping, which may be similar, but is intended to make it easier to pick apart rows packed close together, not visually distinguish huge screen-size chunks.

Your Answer

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

Not the answer you're looking for? Browse other questions tagged or ask your own question.