1/3. Make the CTA/most important elements Prominent 2. Consistent icons (filled or not filled, etc) 4. Increase line height as you go down the typography scale (10, 12, 14) 5. Consistent shadows (all pointing down etc)
Great video! For typography, I usually like to think about multiplication instead of sum. So for body text, I like to keep 1.5x or 1.4x (usually I set the body size on 16, so the line height would be 24). Them, on the headings I low the multiplier to 1.3x; 1.2x... or even 0.9x depending on the size and on the font.
Really appreciate this! It's bite-sized with the fundamentals, but jam-packed with learnings. Reminders like this vid always help especially as I'm new to designing interfaces :)
As an advocate for accessibility, I often feel unsure about the right line height for typography in design systems I create. WCAG calls for 1.5x the font size, which does not work for larger fonts. I really like your tip on line height and font size correlation Jesse! There is always something new for me to learn from your videos. 👩🏻💻
I am absolutely loving your content! I am learning so much from you as I am considering pursuing a career in UX/Product design. Keep up the great work! Grace and peace brother ✌🏾 Soli Deo Gloria.
Im using % to define my line height. Is it wrong? For mobile project i got already 150-170% (increasing for smaller ones). Do I need to use points? i know developers using them.
Does anyone have any resources for designing an onboarding process where the user needs to choose between 1 of 2 types of users. For example, "I am a buyer" or "I am a seller" any tips or resources would be great!
The video lacks explanation, for example you say "using basic design tools", but you aren't keeping in mind that people watching this video most likely don't know how correctly to use those((
@0:51 " these icons..." And "these icons..." That's confusing, especially with how fast you're going. I was able to watch it again and figure it out but users shouldn't have to stop, go back, rewatch it just because you are being vague.
1/3. Make the CTA/most important elements Prominent
2. Consistent icons (filled or not filled, etc)
4. Increase line height as you go down the typography scale (10, 12, 14)
5. Consistent shadows (all pointing down etc)
Great video! For typography, I usually like to think about multiplication instead of sum. So for body text, I like to keep 1.5x or 1.4x (usually I set the body size on 16, so the line height would be 24). Them, on the headings I low the multiplier to 1.3x; 1.2x... or even 0.9x depending on the size and on the font.
and you make a right choise, What he recommends is quiet a mess
This kind of videos that have guidelines helps me a lot as an entry-level Designer
Thanks, Jesse
Really appreciate this! It's bite-sized with the fundamentals, but jam-packed with learnings. Reminders like this vid always help especially as I'm new to designing interfaces :)
Thanks, Jesse, I really love that your examples show the difference between the "as is" and improved versions!
That linehight think is epic simple... thank you
As an advocate for accessibility, I often feel unsure about the right line height for typography in design systems I create. WCAG calls for 1.5x the font size, which does not work for larger fonts. I really like your tip on line height and font size correlation Jesse! There is always something new for me to learn from your videos. 👩🏻💻
Excatly !!
Great video!
Loved the 1st at 0:22
3rd at 1:18
I am absolutely loving your content! I am learning so much from you as I am considering pursuing a career in UX/Product design. Keep up the great work! Grace and peace brother ✌🏾 Soli Deo Gloria.
Amazing tips! it's really improve my work! again thanks for sharing this! 💥❤
0:30 the first one *looked* so much better, though! :o
Great video, straight to the point with no faf 10/10
I new these B4 but still, I finally subscribed
All 5 tips are just amazing
thankyou so much man! really appreciate your content. I am also preparing to buy your Dribble course. SO EXCITED!!! I'm saving for my course :)
Very nice Jessy🔥🔥👌
Thanks for these tips !! 👍 v useful..keep making such short videos
This is some amazing stuff, I am new to your channel and I really appreciate these details
Thankyou! jesse, it was really helpful
Bro... you bring it every time.... Thank you
This was good but doesn't your method of line height go against Apples' HIG?
That was great. Thank you!!
You are so welcome!
Thank you 😊
thank you Jesse!
*Great video*
Thank you
You're welcome. If you want Learn more about UI design check out my new course www.30dayui.com/
Line height is always divisible by 4 .
Amazing😃
awesome
Thank you sir
Thank U !!!
Thanks you!
I don't get the filled icons part
Thanks,
Im using % to define my line height. Is it wrong? For mobile project i got already 150-170% (increasing for smaller ones). Do I need to use points? i know developers using them.
nice bro
Can you give the source of iconography in tip #5?
💯💯
3:07 whats the font in this project
Some segments in the video are stamped not adjacent to each other
bro speedrunned rosting my website
l like tip video💕👍
Does anyone have any resources for designing an onboarding process where the user needs to choose between 1 of 2 types of users. For example, "I am a buyer" or "I am a seller" any tips or resources would be great!
The video lacks explanation, for example you say "using basic design tools", but you aren't keeping in mind that people watching this video most likely don't know how correctly to use those((
If you don’t know basic things like iconography, size and colour like he said you need to go back to learning the basics
This video is not meant for absolute beginners
I don't like the outcome😢
@0:51 " these icons..." And "these icons..." That's confusing, especially with how fast you're going. I was able to watch it again and figure it out but users shouldn't have to stop, go back, rewatch it just because you are being vague.
The horrific typo in complement (and the fact that the stool text - including typo - was reused for the art example) was just painful to watch.