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)
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 :)
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.
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.
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. 👩🏻💻
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.
@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 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((
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!
![Felix "Unfair" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/Oswujxm2Ag0/mqdefault.jpg)
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)
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 :)
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
Thanks, Jesse, I really love that your examples show the difference between the "as is" and improved versions!
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.
Great video!
Loved the 1st at 0:22
3rd at 1:18
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 :)
Great video, straight to the point with no faf 10/10
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 !!
That linehight think is epic simple... thank you
Amazing tips! it's really improve my work! again thanks for sharing this! 💥❤
This is some amazing stuff, I am new to your channel and I really appreciate these details
Thanks for these tips !! 👍 v useful..keep making such short videos
Bro... you bring it every time.... Thank you
0:30 the first one *looked* so much better, though! :o
I new these B4 but still, I finally subscribed
Thankyou! jesse, it was really helpful
Very nice Jessy🔥🔥👌
All 5 tips are just amazing
That was great. Thank you!!
You are so welcome!
This was good but doesn't your method of line height go against Apples' HIG?
thank you Jesse!
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.
Thank you 😊
*Great video*
Amazing😃
3:07 whats the font in this project
Line height is always divisible by 4 .
thanks bro
Thanks you!
Can you give the source of iconography in tip #5?
Thank you sir
I don't get the filled icons part
Thank you
You're welcome. If you want Learn more about UI design check out my new course www.30dayui.com/
awesome
Thank U !!!
nice bro
Some segments in the video are stamped not adjacent to each other
bro speedrunned rosting my website
Thanks,
@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.
l like tip video💕👍
💯💯
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
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!
I don't like the outcome😢
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.