Man!! U made my day. I was just searching for exactly this one. And I found u at the very beginning. And u made it, Man!! I am so glad. Thank u so much!!! :)
Excellent video! Gotta love the simple tips. Also, forgive the pedantic side note, but you "multiply" numbers, you don't "times" them. You're awesome. Great video😊
Awesome video but do agree with the rest of the group here. Not sure how you would apply the golden ratio that in essence does not give you a clean number to work perfectly on your 8pt grid vs x2 16,32,64 etc. Would you mind at some point helping us clear up this one detail? It would be super helpful for us all. Thank you for sharing all your tips and insights!
how can you use a baseline grid and typographic scales together? if your grid is 8px squares then the text that you multiply with the golden ratio is not gonna stack up on the grid, isn't that right?
Jesse Showalter Hey Jesse, I’m wondering the same thing as Favoxhille. I just rewatched the Baseline Grid video and you only stuck with font sizes and line heights that are divisible by 8 for that entire video, so each of your examples there worked perfectly with the 8px grid. Favoxhille and myself are wondering - If you’re using an 8px grid, but you multiply font sizes by 1.618 like you do in this video, the font sizes are no longer perfectly divisible by 8 and therefore, no longer fall perfectly on the baseline grid. So.... in that case, do you stick with aligning things perfectly to the grid and forfeit using the golden ratio as a multiplier, or do you ignore the grid in favor of multiplying font sizes by the golden ratio? Thanks in advance, I’m a new subscriber and love your videos!
@@danielsolbergdesigns Same question here. Maybe what he means is that we should align the last line of every text box to the 8pt grid and keep the flow with the other elements. But yes, is not going to be perfect.
@@chienandaluz What I usually do is double my font sizes - so if the body size is 16px, a subhead would be 32 and a main heading would be 64 - that way you stay contained within the baseline grid size you're using, and give your type a lot of contrast between different headings
thanks for the video! just a question- if you're going to pair the typescale to a baseline grid, shouldn't the line-height be a factor of the baseline grid and not the typescale ratio? keep em coming!
Hey Jesse. Great content. I had a question. Do you suggest going with baseline grid or going with the golden ratio? Because I realised when I'm using golden ratio, most of the times the line spacing do not go with the grid. What do you recommend for creating consistency across my designs? Thank you for taking your time to create these videos. These are helping me a lot.
use both eg make font size 18px and use baseline grid of 4px now u can give a line height of 24 px to a 18px font size and when u scale that using golden ratio just make sure line height for that scaled font is a mulitple of 4
Hi Jesse, I’m about to buy a new monitor for UI designing. I had a problem with my previous monitor (colors..). What monitor do you use? Which one would you recommend?
Great video. one question tho… so if I’m using a type scale of 1.33 that means I should apply that same scale to the line height? for instance body 1rem and line height 1.33?
Thankyou ,I'm a big fan of your teaching it helps me alot,a request can you please name the song you have used in your design and code series 2yrs ago please...
From what I have read and youtubed the LH ratio changes depending on the darkness and lightness of the body type as well (total contrast). Can you confirm if its lighter that has more line height than the equivalent type face in a darker version? I have heard a range of 1.3-1.7
I love how short and concise your videos are
Thanks so much!
I’ve always wondered how to decide don’t sizes. This really clears things up. Thnx
So stoked I could help you out, Kaili! 🤘
Omg!Thank you for this! Very useful. The way you explain it is never boring to listen! You are a great teacher!
Man!! U made my day. I was just searching for exactly this one. And I found u at the very beginning. And u made it, Man!! I am so glad. Thank u so much!!! :)
This is such a good idea for a video. I’m slowly trying to understand web design, and turn my designs into actual websites with HTML and CSS
Yeah!! So glad you enjoyed it!! 🤘
Man!
You are massively underrated
Love this kind of videos! Very useful and practical for a growing designer like me. You should do a UX/UI course!
So stoked you enjoyed it!! 🤙🤙
I love this kind of tutorial! always on point! thank you for this!
Thanks so much, Elrich!
Excellent video! Gotta love the simple tips. Also, forgive the pedantic side note, but you "multiply" numbers, you don't "times" them. You're awesome. Great video😊
Thanks, Adam!! Have a good one!
Awesome video but do agree with the rest of the group here. Not sure how you would apply the golden ratio that in essence does not give you a clean number to work perfectly on your 8pt grid vs x2 16,32,64 etc. Would you mind at some point helping us clear up this one detail? It would be super helpful for us all. Thank you for sharing all your tips and insights!
There are quite a few of us replying to another comment just like yours. The two videos seem incompatible.
Dude... This is very very usefull for beginner like i'am... Thank you so much Jesse.
I’m so so glad I was able to help out!!
thanks very much, much needed basic design principles
So stoked for you, Camille! Happy to help!
And because of this, my text styles are now: (1) normal text, (2) sub-headline, (3) bigger headline, and you've guessed it, (5) massive-headline
What's the best type scale to use? Golden Ratio type scale, Augmented Fourth, Major Second type scale etc. How do you decide which one is best?
This was super helpful! Very clear and to the point.
how can you use a baseline grid and typographic scales together? if your grid is 8px squares then the text that you multiply with the golden ratio is not gonna stack up on the grid, isn't that right?
Watch the baseline grid video, it will explain
Jesse Showalter Hey Jesse, I’m wondering the same thing as Favoxhille. I just rewatched the Baseline Grid video and you only stuck with font sizes and line heights that are divisible by 8 for that entire video, so each of your examples there worked perfectly with the 8px grid. Favoxhille and myself are wondering - If you’re using an 8px grid, but you multiply font sizes by 1.618 like you do in this video, the font sizes are no longer perfectly divisible by 8 and therefore, no longer fall perfectly on the baseline grid. So.... in that case, do you stick with aligning things perfectly to the grid and forfeit using the golden ratio as a multiplier, or do you ignore the grid in favor of multiplying font sizes by the golden ratio? Thanks in advance, I’m a new subscriber and love your videos!
@@danielsolbergdesigns Same question here. Maybe what he means is that we should align the last line of every text box to the 8pt grid and keep the flow with the other elements. But yes, is not going to be perfect.
@@chienandaluz What I usually do is double my font sizes - so if the body size is 16px, a subhead would be 32 and a main heading would be 64 - that way you stay contained within the baseline grid size you're using, and give your type a lot of contrast between different headings
same question here!
Just what i needed, thanks for the great video!
You're welcome!
thanks for the video! just a question- if you're going to pair the typescale to a baseline grid, shouldn't the line-height be a factor of the baseline grid and not the typescale ratio? keep em coming!
clean and sophisticated.
Thanks so much, Alee!
I wanna thank all those last views for bringing this on the top of search result.
Thanks, dude. So simple, yes so very helpful.
great video! i was using type-scale dot com and the font scale figma plugin before this haha
Thanks so much, David! You’ve got this!
@@JesseShowalter thanks!
another great one, Jesse. Thank you :-)
Thanks so much, Thomas! 🤘
Hey Jesse. Great content.
I had a question. Do you suggest going with baseline grid or going with the golden ratio?
Because I realised when I'm using golden ratio, most of the times the line spacing do not go with the grid. What do you recommend for creating consistency across my designs?
Thank you for taking your time to create these videos. These are helping me a lot.
use both
eg make font size 18px and use baseline grid of 4px
now u can give a line height of 24 px to a 18px font size
and when u scale that using golden ratio
just make sure line height for that scaled font is a mulitple of 4
Like always loved your video and learned a lot.
Thanks so much
Simple and Super effective!
Thanks so much, Dude!
Thank you Thank you Thank you Thank you Thank you Thank you Thank you Thank you !!
You are so very welcome!
Amazing video!! Just a little question, why figma desktop size is 1440x1024 not 1980x1080??
Hi Jesse, I’m about to buy a new monitor for UI designing. I had a problem with my previous monitor (colors..). What monitor do you use? Which one would you recommend?
woaww this is awesome!!!
Great video. one question tho… so if I’m using a type scale of 1.33 that means I should apply that same scale to the line height? for instance body 1rem and line height 1.33?
Hi Jesse, did you take the number 1.618 from the Golden Ratio? i just wanna tell you Golden ratio is a myth. But your scales guide is pretty helpful.
Hey, it is from the golden ratio- a theory used in art and math for centuries. Happy to help.
awesome, thanks
Thank YOU!
thank you very much
Amazing!
Thanks, Carlitos!
Thankyou ,I'm a big fan of your teaching it helps me alot,a request can you please name the song you have used in your design and code series 2yrs ago please...
Was this recorded with Loom? The facecam looks very similar.
LEGEND !!
🙏🙏🙏
Why did you get results in point e.g 29.12 font size?
Fantastic ...👍
awesome !!
Wow great!!!!
Thanks
nice video buddy
Thanks so much!
gold
Mahalo, friend!
Awesome 😀
Thanks 🤙
Good job!! I’ve a question.. I’m an iOS/ fullstack developer, how can i improve my graphic design skill?
Take a course, watch RUclips videos, read a book, most important get busy and make some stuff 👍🏼
Jesse Showalter thanksss!!
bro permission to ask, is the system design for web and apps different
Hi Jesse can you please mention the font-weight that you used?
From what I have read and youtubed the LH ratio changes depending on the darkness and lightness of the body type as well (total contrast). Can you confirm if its lighter that has more line height than the equivalent type face in a darker version? I have heard a range of 1.3-1.7
I have never heard to set a pixel size as a float value such as 47.12px. I think this is not working
Maybe works if it's rem or %?
I also wonder if just using the Fibonacci numbers would work, so you keep to a set of choices
Can you please do a video using the golden ratio making a instagram post? thank you!
but how to find the base scale
More figma videos please 😍
Stay tuned! 🤘
🏆
What is consistency
Not a big fan of the Golden ratio as it is more about proportion not a particular number as many studies show.
Where the gird link ??
What's your Favorite Font and why :)
Today A partner tell us about this subjet..and i dont get it...
"...times it by..." or as normal people call ot multiply...
Golden ratio here again?