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 👉 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 UA-cam channel 👉 @MattBruntonUK
Flux Academy's Instagram 👉 / flux.academy
Flux Academy's TikTok 👉 / fluxacademy

[@EphremDagne]

Talks coming from Flux Academy are really from practical demonstrations that equip me with easier grasp and digest than theory talk. It is awesome.

[@FluxAcademy]

Appreciate it!

[@EthanSuero]

I built the FOREVER website, thanks for the shout out!

[@FluxAcademy]

Yes Ethan!

[@pranoymehra2150]

The teacher is just great!

[@FluxAcademy]

Thanks!

[@timothycrowley2645]

Fascinating design ideas

[@FluxAcademy]

Thanks Timothy

[@arboledai]

Cool video, I like the presentation.

[@FluxAcademy]

Glad you enjoyed it