Isolated & Referenced Elements

January 12th, 2009


This is an interesting sketching technique provided to me by Jonas Löwgren, which separates individual interface elements from the page. Here, individual elements are taken out from the page view and then referenced back to a mini version of the page which contains a structural representation. More so, the page structure only lives in one area (the centre). Nearby each sketched element there is also some faded hinting of what is around the element. Taken together, this increases the speed in which the sketches can be generated, as there is less need to redraw full pages with all other elements.

Secondly, this technique also has the strength to emphasize particular elements as they speak back at us with a louder voice. The isolation of various items, freed from the page view makes them stand out more. There are also other submitted samples (here and here), which also made use of this technique in a wireframe context.

Credits: Jonas Löwgren

4 Responses to “Isolated & Referenced Elements”

  1. David Mead Says:

    Its funny as I tend to do this when I do my initial sketches and then tie them all together in the more traditional wireframe documents using Visio later on.

    After reading this I may try keeping that style going next time in Visio.

    I've only just found your blog and so far the content has been excellent.