Showcase of Depth and Perspective in Web Design

An interesting way to spice up a web design is to add some depth to it. Instead of making a design flat, certain elements and techniques can stimulate the depth […]

An interesting way to spice up a web design is to add some depth to it. Instead of making a design flat, certain elements and techniques can stimulate the depth perception of the visitor. Special cues tell us that certain objects are closer than others and we can put up a three-dimensional picture of our environment.

In the following we want to show you some great examples of depth in web design.

Wing Cheng

Tiny break: 📬 Want to stay up to date with frontend and trends in web design? Subscribe and get our Collective newsletter twice a tweek.

Deisgn Kindle

CupCup

Planeje sua carreira

Webdesignbe.com

Inspiredology

ShelfLuv

Joyful Giftcard

Inglorie

Two Giraffes

Tahoe Tech Talk

Foundation Six Web Design Studio

Dig Downtown

Creon

Tim Palmer

Trevan Hetzel

Mike Dascola

Vestibular

Jack Herbert

Gardener & Marks

Dot Peak

Andrew Dotson

jdw

like-v

Dez Vila Aplina

Identity Withheld

Creative Criminals

Diseñísticamente

Brokedesign

Green Woods Country Club

Barber Shop Ann Arbor

Villager Restaurant & Catering

Aka-Acid

Andrey Fedorenko

Dinoyul

Andrés Mauricio Castillo

Mosaiko

James Good

Cogitatur

Rob Across America

Pleppo

Postbox

Heath Waller Web Design

Sources

Depth perception on Wikipedia
CSS Design Awards
Design Shack Gallery
CSS Elite

Manoela Ilic

Manoela is the main tinkerer at Codrops. With a background in coding and passion for all things design, she creates web experiments and keeps frontend professionals informed about the latest trends.

Stay in the loop: Get your dose of frontend twice a week

👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, website inspo, cool code demos, videos and UI animations right to your inbox.

Zero fluff, all quality, to make your Mondays and Thursdays more creative!

Feedback 15

Comments are closed.
  1. WOW! That’s really a cool collection you’ve gathered here, Mary Lou.

    There are so many that I like a lot… can’t really pick a favorite, but Dot Peak with the ‘request a quote bean’ will rank high for sure. 🙂

  2. Nice collection Marry Lou.

    Its not a new design trend, but recently I have also seen lot of such designs coming in market… in templates market area too.

  3. Very amazing examples. My top favorites here are Inspiredology, Creative Criminals, & Joyful Giftcard. Very nice post!