Abstract visuals

How to use it

Represent elements of the interface with abstract visuals like solid blocks of colour.

When to use it

Representations like this can be useful if you want to demonstrate a concept without specific details. A common use for this technique is for loading screens. You might want to show how the layout will look before data has been loaded.

What to watch out for

Since the visuals are abstract, you need to be careful to show enough variation between elements that the viewer is aware of their differences.

Examples