Standard font sizes in figma, 56px h1, etc
HTML-код
- Опубликовано: 7 сен 2024
- 📐 Learn lessons like this though our free resources: bit.ly/3C8gBeL
📱 Find us on SOCIAL MEDIA & follow Arnau’s Channel
Flux Academy's Instagram 👉 / flux.academy
Arnau’s Channel 👉 / @arnauros
#figma #freelancewebdesigner #figmatips #webdesign
Much better to find the display, subtract between 6.5-10 depending on font, then after the H1 to H2 proportion is found, say 8, you divide the h1/h2 and find that decimal value. So, if it's 1.2, you go off of that number. This is because as you get smaller, simply subtracting 8 with every font is going to give you the same issues subtraction and addition always do. Using a fractional/decimal scale is a much more precise look. If your H4 is 16 and your h5 is now 8 because of that method, it's going to be off. 16 and 10.5 would look a lot more correct with 90% of type. Just a thought for any other designer out there watching this.
Hmm isnt that going to just make the devs work more inefficiently? I think I heard somewhere that it's easier to code when there are no odd numbers and decimals for division, not sure tho. Might be why I often see people use sizes with the general rule of 8, 4, 2
@@feelcollins4358 No. Algos have no problem with this. Consider the enormous amount of free interest/savings/retirement calculators, real-time updated trading and financial platforms, mobile banking, thousands of easy to implement API calls to handle these things. These design + no-code programs specifically, operate on these decimals almost entirely. Vectors aren't only scalable graphics, but used significantly to determine user input on positions, scale, opacity, groups, etc. and require extremely precise coordinates for these vectors. It is not a hurdle whatsoever for any current software available. The same way you can multiply/divide in any text-field, you can do this quite easily. Source: js dev, senior ui/ux designer, junior programmer.
I read your comment 3 times and I can’t parse what you are saying. What do you mean find the display? Subtract 6.5-10 from what? What do you mean depending on the font? Where did you get the H1-H2 proportion? So many questions.
I have been struggling with the Typography scale. Thank you for this 🙌🏽
It's wrong. Much better to find the display, subtract between 6.5-10 depending on font, then after the H1 to H2 proportion is found, say 8, you divide the h1/h2 and find that decimal value. So, if it's 1.2, you go off of that number. This is because as you get smaller, simply subtracting 8 with every font is going to give you the same issues subtraction and addition always do. Using a fractional/decimal scale is a much more precise look. If your H4 is 16 and your h5 is now 8 because of that method, it's going to be off. 16 and 10.5 would look a lot more correct with 90% of type. Just a thought for any other designer out there watching this.
This will work if you've a 8 pt grid system
Thx!
Much better to find the display, subtract between 6.5-10 depending on font, then after the H1 to H2 proportion is found, say 8, you divide the h1/h2 and find that decimal value. So, if it's 1.2, you go off of that number. This is because as you get smaller, simply subtracting 8 with every font is going to give you the same issues subtraction and addition always do. Using a fractional/decimal scale is a much more precise look. If your H4 is 16 and your h5 is now 8 because of that method, it's going to be off. 16 and 10.5 would look a lot more correct with 90% of type. Just a thought for any other designer out there watching this.
Me too man dont like that 1,86 scale thing. This is consistent across al designs
u have a rem version??
if your base unit is 16px then it will be 0.5rem. simple
Don’t listen to this BS. It will not work on smaller screens, you need to handle smaller text sections and 8px difference is a BS.
Then what's the correct way? I'm new to typography systems.
then reduce the px difference, this video is obviously referring to desktop sizes, which is the size that everything gets designed in first. Maybe use your brain a bit before making hateful comments.
Have one scale for mobile and one for desktop and use clamp to size between them i.e. H1 = 32 on mobile and 56 on desktop and clamp will responsively size it between
Exactly. Much better to find the display, subtract between 6.5-10 depending on font, then after the H1 to H2 proportion is found, say 8, you divide the h1/h2 and find that decimal value. So, if it's 1.2, you go off of that number. This is because as you get smaller, simply subtracting 8 with every font is going to give you the same issues subtraction and addition always do. Using a fractional/decimal scale is a much more precise look. If your H4 is 16 and your h5 is now 8 because of that method, it's going to be off. 16 and 10.5 would look a lot more correct with 90% of type. Just a thought for any other designer out there watching this.
@@jayghost_music Much better to find the display, subtract between 6.5-10 depending on font, then after the H1 to H2 proportion is found, say 8, you divide the h1/h2 and find that decimal value. So, if it's 1.2, you go off of that number. This is because as you get smaller, simply subtracting 8 with every font is going to give you the same issues subtraction and addition always do. Using a fractional/decimal scale is a much more precise look. If your H4 is 16 and your h5 is now 8 because of that method, it's going to be off. 16 and 10.5 would look a lot more correct with 90% of type. Just a thought for any other designer out there watching this.
thought this was adin ross
His name is Arnau Ros, so close enough 😅