10 ways to add depth to your web design

If you want to add visual interest to lifeless layouts, try adding depth. Here’s 28 (!) live website examples to demonstrate ten different techniques that you can use to give the perception of depth on a flat screen.

Learn to create beautiful designs with our Core Design Skills course 👉 https://bit.ly/4aq6e3f

CHAPTERS
0:00 Intro
0:19 Flat layers
1:36 Shadows
3:34 Transparency
4:57 Blend modes
6:30 Blur
8:00 3D space
9:16 Depth within images
11:02 Photo on photo
12:49 Masks
14:40 Parallax scrolling


📱 Find us on SOCIAL MEDIA
Matt's YouTube channel 👉 @MattBruntonUK
Flux Academy's Instagram 👉   / flux.academy  
Flux Academy's TikTok 👉   / fluxacademy