How to use Negative Space in UI Design

[@jmunoz1996]

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

[@jamieslate]

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.

[@akashkumar121213]

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.).

[@AmiNe-bi8lt]

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

[@CalerEdwards]

Thanks :D

[@johnson9768]

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

[@unityvirtualproduction]

Explained with clarity and excellence.

[@GregFliesVR]

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

[@Zahra-Opaia-0]

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

[@iamjasonthompson]

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

[@CalerEdwards]

Thank you :D

[@mihailbotnarciuc5075]

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

[@yoursoul7216]

For this tutorial you deserve 1M subscribers

[@parthsawant8172]

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

[@GlazesRaV]

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.

[@CalerEdwards]

Nice tip! Thanks :D

[@danerkel7404]

More video tips like this please!

[@miketaiwanwalkcity6355]

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

[@CK51515]

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

[@rolandrodriguez]

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

[@androidbee6364]

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

[@slowdownbrucemediaproducti1944]

Fundamentals!!! Big props i love your channel

[@sidhantmourya]

Very well explained thank you

[@chillvibes9022]

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 :)

[@adelanaofficial]

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

[@CalerEdwards]

Welcome! :D

[@graphic-nations]

Amazing knowledge thank you

[@adarshgoldar]

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

[@TylerCheeseman]

Phenomenal value in all your videos, we appreciate it!

[@CalerEdwards]

Thank you so much :D

[@isukwithnames1811]

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

[@grav3ns3n]

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

[@RobertBradford2]

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

[@atidc3439]

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

[@CalerEdwards]

Thank you :D

[@kevkimamira8894]

Very helpful, thank you

[@CalerEdwards]

Glad it was helpful!

[@alokKumar-xg1ct]

You are great ! Keep teaching 😊

[@CalerEdwards]

Thank you, I will :D

[@shan.abeyrathne]

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

[@qrispcompany6852]

Dude your content is KZbin 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.

[@RovshanMamedov]

Thank you Caler for this video.

[@Hussein-Farraj]

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

[@danieldomonkos6426]

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

[@bychloevy]

Thank you ☺☺

[@kuroi_raven]

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

[@CalerEdwards]

Thank you 😀

[@JuanEncalada]

That was awesome. Great job man!

[@awa6123]

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 )

[@cybreed]

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

[@TheFuryeagle]

Great stuff!

[@Candrex]

Great video, Caler!

[@CalerEdwards]

Thanks :D

[@endeavor4299]

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! 👊

[@CalerEdwards]

Thank you :D

[@vlad74745]

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

[@billie-grant]

Excellent Video!

[@CalerEdwards]

Thank you very much!

[@dilanthahashan865]

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

[@osherezra8460]

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,

[@francka.4174]

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

[@BoldMindHQ]

*_10 seconds into this video_* *SUBBED*

[@shivaskanthan6144]

Very informative. Good video

[@CalerEdwards]

Thank you :D

[@seanpaints]

Who else got sent here from Coursera?

[@matfen7978]

Google chose this video!

[@gonzalezjulien7]

Great video ! Thank you so much !

[@CalerEdwards]

Thanks :D

[@adriansbgs]

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

[@adityamestry7133]

Can you share your Mobile UI style guide for Adobe Xd

[@yashtamrakar8316]

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

[@femiodejide8634]

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

[@rajusam5]

Thanks a lot sir!

[@aitorblesa]

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

[@CalerEdwards]

Thank you! I just used after effects but I will check that software out

[@pimwiphac.829]

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

[@PcHabitat]

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

[@baslielalene4702]

Thanks.

[@faranakvn3976]

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

[@kavishoes703]

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

[@albertalbaba5101]

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

[@martiananomaly]

Great video

[@CalerEdwards]

Thanks!

[@rachaelsummers8656]

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.

[@ericboluwatife9694]

I can’t access the discord invite link

[@iamavro]

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

[@barscelik5377]

what font is it that you used for this video ?

[@cameronlynch1104]

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

[@anhtuanuxdesign]

Love it 💊💊💊💊🎓

[@matthewvaccaro3013]

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

[@norvecedair]

great! thank you

[@538astianO]

what program is he using?

[@hosamebied344]

Awesome video . can you resume UiDaily Challenge playlist 😔

[@tusharsinha9170]

Google ui/ux coursera brought me here :P

[@kavitakripalani8644]

what is the discord address.

[@BerkaniOussamaAlaEddine]

that's a great video

[@NaveenBosco]

Thanks my g

[@CalerEdwards]

😆

[@dennisaarts7924]

A robot took over on 2:28 :D

[@CalerEdwards]

🤣

[@dennisaarts7924]

@@CalerEdwards Forgot to add: great video man. Becasue of you, XD is my main design tool now :D

[@urucandesigner7016]

Sou Muito seu fãn

[@chrisowemz]

Discord link broken

[@CalerEdwards]

I no longer have the discord sorry.

[@rafi.connect]

Super

[@CalerEdwards]

Thanks

[@ramenitsuga]

Oh no, please use the 8px grid system

[@t-blaze007]

cool

[@Learn3DBD]

love you

[@modskilz]

Why is the black in you video not true black

[@chrsbll]

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

[@hansdiamante8884]

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

[@hansdiamante8884]

Design > Readability

[@McKthecreator]

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

[@lochieaxon]

>ui design >uses pt

[@jimmy6086]

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

[@CalerEdwards]

lol it's Lorem

[@lab9504]

3rd

[@CalerEdwards]

🔔🔥

[@felix.m5394]

2 nd

[@CalerEdwards]

🔔🔥

[@ZeeAlEidAhmadRana]

1st

[@CalerEdwards]

🔔🔥

[@albertalbaba5101]

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.

[@haseeb9090]

This is great! Thanks a lot