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.).
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.
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.
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 :)
Dude your content is TH-cam 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.
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! 👊
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 )
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,
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.
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.
Shoutout to the UX google course for brining me here. Would love to join the discord group to learn more!
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
Thanks :D
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.
Great video 👍
Maybe a "How to use Typography in UI Design" next?
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 🔥🔥🔥
Explained with clarity and excellence.
This info is legit! Thanks for being here Caler. So many people miss this very crucial fundamental concept
Thank you :D
Keep going..
It's awesome to find out tutorial like this.
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.
Nice tip! Thanks :D
More video tips like this please!
For this tutorial you deserve 1M subscribers
Really appreciated this video. All designers should heed your advice 😎
Great tip on spacing and dividing the height! Gonna apply that to my designs
It really helps a lot, Please make video on Grid in UI design.
Thank you for this video!😊
You just gained a subscriber! 🎉🎉
Welcome! :D
Excellent presentation. You've earned yourself a new subscriber. Thanks for the info!
Lovely video. I always wonder how it looks so fantastic in your design. Great! Thanks again for sharing your knowledge video
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 :)
Thumbs up and Thank you for teaching so well that negative space
Super creative yaaay! your content is so damn premium, the way you explained negative space is just brilliant! thank you !
Thank you :D
great video i needed this!! Thank you so much!
Nice video! I use geometric progression to add spaces. Adding the right amount of space always improves composability.
Phenomenal value in all your videos, we appreciate it!
Thank you so much :D
Dude your content is TH-cam 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!
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! 👊
Thank you :D
Such good information that we often forget. Thank you!!!
Great vidéo, i like the fact that you improve the quality of the video by adding motion design ! Keep up the good work!
Thank you 😀
Fundamentals!!! Big props i love your channel
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 )
Very well explained thank you
Good video. Enjoyed it. I don't do UI still found it really informative, keep it up
This video was awesome. Thank for the tips my man, keep it up!
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,
This helped me out so much!!! Thank you!
Amazing knowledge thank you
You are great ! Keep teaching 😊
Thank you, I will :D
That was awesome. Great job man!
Thank you Caler for this video.
Thank you ☺☺
Awesome! Would you pls tell more on grids for minimalistic web design? :)
Very helpful, thank you
Glad it was helpful!
Great video! could you please share some good resources talking about spacing between elements?
Great video, Caler!
Thanks :D
I multiply the font size by 1.5 and keep that value as the minimum line-height for paragraphs.
4:50 Aren't you changing the vertical spacing ?
Can you share your
Mobile UI style guide for Adobe Xd
Thanks, Caler, nice and informative video. PS: when would you start taking after effect classes and you consider teaching on skillshare
This video deserve more views! Great explanations, thank you!
Excellent Video!
Thank you very much!
Great stuff!
*_10 seconds into this video_*
*SUBBED*
Great video ! Thank you so much !
Thanks :D
Very informative. Good video
Thank you :D
Hey Caler, can you go more in depth with base font size and typographic scales please??????
Thanks.
great info, thank you. the discord link is expired though.
Thanks a lot sir!
What is the name of the typography of this thumbnail video? The video is so great! Thank you!
Did you make this presentation on keynote? Good stuff btw Caler
Thank you! I just used after effects but I will check that software out
Any good website for this Spacing techniques? Please let me know. I'm struggling with it.
Great video
Thanks!
what font is it that you used for this video ?
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 🤷♂
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.
Awesome video .
can you resume UiDaily Challenge playlist 😔
what program is he using?
+Caler Edwards discovered the name negative space, bravo you win the novel price. I call it black space.
Love it 💊💊💊💊🎓
great! thank you
I can’t access the discord invite link
Where have you been all my life? Good. Shit! CALER!
Thanks my g
😆
that's a great video
Sou Muito seu fãn
cool
what is the discord address.
Super
Thanks
Who else got sent here from Coursera?
Google chose this video!
A robot took over on 2:28 :D
🤣
@@CalerEdwards Forgot to add: great video man. Becasue of you, XD is my main design tool now :D
Google ui/ux coursera brought me here :P
love you
Oh no, please use the 8px grid system
Discord link broken
I no longer have the discord sorry.
Why is the black in you video not true black
3rd
🔔🔥
Why do I keep on hearing the word "heigth" instead of "height"
2 nd
🔔🔥
It’s been four years,and the link has expired🍀
when you work at vimeo or any other news article websites you HAVE to abuse these.
Design > Readability
>ui design
>uses pt
1st
🔔🔥
"You'll see that this is very unreadable because the text is really close together." Nah, that'd be because it's in latin
lol it's Lorem
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.
This is great! Thanks a lot