Shoutout to the UX google course for brining me here. Would love to join the discord group to learn more!

5:48 RECAP - For header + body: have half the height of the header as spacing before the body. If using a tagline, have the tagline’s height between it and the header. Then group those two, divide by 2, and that’s how much spacing you want to have before your body text.

Amazing ..... I am a self taught front-end developer and designer and learning design so far i found that if you get your sizing and spacing right and even everything else wrong, the design still looks amazing ( in a weird way though, kind of like modern art.).

that's really cool, keep up bro, please keep this UI design fundamentals videos it's really helpful... big respect

Great video 👍 Maybe a "How to use Typography in UI Design" next?

Nice video! I use geometric progression to add spaces. Adding the right amount of space always improves composability.

Great tip on spacing and dividing the height! Gonna apply that to my designs

First Two minutes explained it all for a newbie using wordspace! Thank you!

As soon as you got into the first tip my mind just exploded, crazy good content bro 🔥🔥🔥

Dude your content is KZfaq gold, thanks for creating! You deserve way more recognition. I would choose a social platform (either Instagram or Twitter) and try to put way more content towards there, if I were you. I can see you have both but neither is super active, so I'd just pick one and focus on it, otherwise takes too much energy. I think you could do really cool short snippets of your videos there and try to funnel people to your youtube that way, cause your voice is great, your scripts are clean and you get straight to the point.

Great lessons in Negative/White space. I took away some great tips. Thanks Caler!

This helped me out so much!!! Thank you!

AWESOME video! This goes beyond the basics and gives helpful tips. The video is engaging and easy to follow. Subscribed & looking forward to weekly challenges next. Thanks :)

More video tips like this please!

This video was awesome. Thank for the tips my man, keep it up!

This info is legit! Thanks for being here Caler. So many people miss this very crucial fundamental concept

Really appreciated this video. All designers should heed your advice 😎

Such good information that we often forget. Thank you!!!

Phenomenal value in all your videos, we appreciate it!

Thank you Caler for this video.

Wow, your explanation is stellar! I'm currently learning front-end development, and I think knowing some UI/UX design is great to improve the aesthetics of my web pages. I'm glad I came across your channel. Definitely subbed, and keep on making amazing content! 👊

great video i needed this!! Thank you so much!

Lovely video. I always wonder how it looks so fantastic in your design. Great! Thanks again for sharing your knowledge video

Explained with clarity and excellence.

Keep going.. It's awesome to find out tutorial like this.

This is great! Thanks a lot

Fundamentals!!! Big props i love your channel

Super creative yaaay! your content is so damn premium, the way you explained negative space is just brilliant! thank you !

Excellent presentation. You've earned yourself a new subscriber. Thanks for the info!

That was awesome. Great job man!

Very well explained thank you

It really helps a lot, Please make video on Grid in UI design.

Thumbs up and Thank you for teaching so well that negative space

Good video. Enjoyed it. I don't do UI still found it really informative, keep it up

Great vidéo, i like the fact that you improve the quality of the video by adding motion design ! Keep up the good work!

Amazing knowledge thank you

Thanks a lot sir!

Great stuff!

Great video ! Thank you so much !

Thank you for this video!😊 You just gained a subscriber! 🎉🎉

This video deserve more views! Great explanations, thank you!

Thank you ☺☺

Very helpful, thank you

You are great ! Keep teaching 😊

Great video, Caler!

For this tutorial you deserve 1M subscribers

good way to find best line hight is to multiplicate size of text by 1,2~1,5. So for example if your text size is 12 pt you will find best line hight between 14,4 (its good to round up those sizes so 15) to 18.

great! thank you

Thanks, Caler, nice and informative video. PS: when would you start taking after effect classes and you consider teaching on skillshare

Very informative. Good video

Great video! could you please share some good resources talking about spacing between elements?

Excellent Video!

Awesome! Would you pls tell more on grids for minimalistic web design? :)

Hey Caler Thanks for the great tutorials Awesome as always keep it up. just one Q. can you elaborate what did you mean by Height of your Heading 06:05? the size in pixels? or the total height measuring from the highest letter? Cheers,

Thanks.

that's a great video

Thanks my g

Great video

I have been looking for this information long time , But I was not able to know how to access such like this I know when I desing UI these but never now how to control as u explain it thanks alot )

Where have you been all my life? Good. Shit! CALER!

Sou Muito seu fãn

Awesome video . can you resume UiDaily Challenge playlist 😔

Can you share your Mobile UI style guide for Adobe Xd

*_10 seconds into this video_* *SUBBED*

I multiply the font size by 1.5 and keep that value as the minimum line-height for paragraphs.

LOVE IT

love you

Love it 💊💊💊💊🎓

Hey Caler, can you go more in depth with base font size and typographic scales please??????

Did you make this presentation on keynote? Good stuff btw Caler

+Caler Edwards discovered the name negative space, bravo you win the novel price. I call it black space.

what font is it that you used for this video ?

Any good website for this Spacing techniques? Please let me know. I'm struggling with it.

Super

what program is he using?

cool

What is the name of the typography of this thumbnail video? The video is so great! Thank you!

Google ui/ux coursera brought me here :P

great info, thank you. the discord link is expired though.

4:50 Aren't you changing the vertical spacing ?

Hey! Id' love to join your discord group, but there's an issue with the flow of it. I can't register for an account. It asks for a username, but doesn't allow me to create a password. It wants me to verify, so I put in a phone number. I get the code and put it in and then it asks me to put in my password. However, I don't have a password because it didn't ask me to create one.

A robot took over on 2:28 :D

Hi! I was not able to join to your Discord group, it says "invitation invalid".

Any chance you can update the discord server link? It doesn't seem to be working 🤷‍♂

Oh no, please use the 8px grid system

I can’t access the discord invite link

what is the discord address.

Hmm. I might join the discord. I’ve been feeling really disillusioned so it could be good for me.

3rd

Who else got sent here from Coursera?

Why is the black in you video not true black

Discord link broken

Why do I keep on hearing the word "heigth" instead of "height"

2 nd

when you work at vimeo or any other news article websites you HAVE to abuse these.

1st

It’s been four years,and the link has expired🍀

"You'll see that this is very unreadable because the text is really close together." Nah, that'd be because it's in latin

>ui design >uses pt

This so good but, All these name you are give negative space: white space Micro space : padding Macro space: margin Please don't make another video confusing people with names. Stick to the norm.