Coloured Paper Templates

April 8th, 2009


Here is an interesting twist on the wireframe by means of using a different coloured background. When Steve has been drawing up templates of existing content for an intranet site, coloured paper has been used to denote the various templates types. In this case the colour suggests the differences in technologies used. However background colour could be just as well used to denote other things such as: user types, page states, stages in a flow, etc. It seems like an interesting approach, as typically the wireframe usually rests on a white background.

Credits: Steve Baty

Need UI Inspiration?

Hi I'm Jakub and I wanted to share with you some of my better UI sketches to inspire your line of work. I've been sketching user interfaces with paper/electronically for over a decade. Subscribe today, and I'll share 5 of my better sketches with you over the next 5 days. How is that? :)

I will send you 5 pieces of inspiration over the next 5 days. You can unubscribe whenever you like. Powered by ConvertKit

3 Responses to “Coloured Paper Templates”

  1. Rodrigo Teixeira Says:

    Creative and beautiful work!

  2. Michel Says:

    I like the idea, but the colors 'green' and 'red' might suggest something different (good / bad wireframe)

  3. Dave Says:

    Very cool idea. This is perfect for my work where the user flow extends across multiple platforms.