Web Design

Layers that Overlap

Layers, layers, and more layers. Overlapping layers and elements don’t quite create a 3D effect, but they do add a sense of depth and dimension to projects.

While overlapping layers can come in the form of a single element, this trend often includes multiple overlapping elements. The best part is that it works with almost any type of design scheme.

You can overlap boxes and backgrounds, images or video, text or user interface elements and icons. The trickiest part might be ensuring that the overlapping look flows through the scroll of the design.

Craft Kitchen uses multiple overlapping elements – photo in nav, text in photo, and photo frame in photo frame. Elements continue to stack and overlap on the scroll to maintain the visual theme.

Curt Thompson MD’s site does it with rectangular cards with rounded corners. You can almost expect any design element with rounded edges will overlap something else to create depth of field. It’s a nice way to organize a lot of different element and content types in a unified manner.

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *