Design Pattern Library 1.5

General Guidelines

Desktop/Web

Mobile (Tablet & Phone)

Visual Design Guidelines

Mobile - 3D Effects

Problem

Display a small amount of directly related information, provide access to related controls or settings, or provide an alternative view of the same information in an organic manner.

Solution

Use Simulated 3D Effects to pretend components on the page, or even the whole page, merely present one side of a physical object. Rotating the object, moving it aside, or looking past it can then be done without 3D technologies.

Examples