The Secret Science of Perfect Spacing

352,571

21,284 0

Published 2024-02-29

This week, we dive headfirst into something I think about way too much: spacing. Spacing is what gives UI's that "oddly satisfying" feel when done right, and that "something's off" feeling when it's done poorly. How do you design spacing correctly? Should you use a framework? Let's find out!

Learn LiftKit:
www.chainlift.io/liftkit

Get the LiftKit Cloneable Here:
webflow.com/made-in-webflow/website/liftkitui

Download Chainlift Color from Webflow:
webflow.com/apps/detail/chainlift-color?category=p…

Questions, Collab Inquiries:
[email protected]

All Comments (21)

@romeominecraft5500 2 months ago

FINALLY SOMEONE THAT DOESN'T THINK I'M CRAZY WHEN I TALK ABOUT THIS STUFF
@etsequentia6765 2 months ago

I'm impressed. The Spacing Guild is a lot more friendly and approachable than I expected.
@nomadshiba 2 months ago

kde devs needs to watch this
@imohitmayank 2 months ago

A video nobody asked for, but everyone is grateful for👏
@tommalycha3180 2 months ago

This may be the most clear and consistent video tutorials for graphic design I have seen. Please create a video about using text sizing and colour value in hierarchy. Thank you for putting out great content! 😀
@ralkey 2 months ago

I am actually surprised at how much I learned from this random video on my home page.
@raxkhmanLite 2 months ago

ONLY FIFTH VIDEO IN THE CHANNELL!!?? The quality felt like you’ve produced at least hundred of them!
@krishc.8980 2 months ago

i was surprised by the level of excellence and quality. definitely underrated
@BaldrianSector1996 2 months ago

Studying Coded Design. Always struggled to understand why things worked. This was such a great simple explanation and makes so much sense to me. No more eyeballing. 🙌🏻
@Dominasty 2 months ago

These are all things I have been doing for years, intuitively. My secret? A certain kind of spatio-visual OCD. NOT self-diagnosed. But to see you so thoroughly break down what I'm doing without thinking...man...I can't believe how brilliant your mind is. It's one thing to just quickly get your work done and doing it well. But it is a whole other thing to be able to explain the deep logic, WITH visuals and animation, behind those decisions.
@AlexMittsVOID 2 months ago

"Body text go brrrrr" got me good. Fantastic watch, btw.
@ConorDrew 2 months ago

This video came up, I had a spare 10 minutes and loved it by the 3rd minute, can’t wait to see more and more of these and going into depth around certain areas. I have a refactoring UI book, and it’s really good, but the way yours animates and really dives in, shows a different perspective, the live demo was amazing too.
@lanceflores9832 2 months ago

you deserve a lot of subs. such a comprehensive video. thank you!
@robpt7779 1 month ago

I am not even remotely in your industry or in need of your services or solutions. But MAN! Was that an satisfying video to watch. Loved it!❤
@dingchiyue7734 3 months ago

Love the story and the smooth animation! Thanks!
@Eutrofication 2 months ago

idk if the channel is gone stay too small forever if you keep putting out bangers like this one
@mateuszpaszko9542 2 months ago

The editing is so satisfying, great video !!!
@chuck_stones 2 months ago

This was such a great video! Thanks guys and thank you Duff for being the first bassists playing I really fell in love with!
@wildmonkeymind 2 months ago

As someone trying to get a better feel for design I really appreciate this, and the visualization and animations for the different spacing were beautifully executed. Beautiful video!
@yakine13 2 months ago

That's unbelievable well explained. Thank you so much!