5 Tips to improve your UI Designs
Вставка
- Опубліковано 6 чер 2024
- How can you make your UI design project look infinitely better with minimal effort? These 5 simple UI design tips will help take your UI designs to the enxt level. They are small tweaks but make a huge impact... Remember to Subscribe goo.gl/6vCw64
🏆 //////////// Join my members community to get access to perks:
designchamps.io/
👋 ////////// Join the Discord Server and meet other creatives
/ discord
------------------------------------------------------------------------------------
🤝 //////////// My Courses, Templates, Free E-Books, & 1:1 Mentorship
www.jesseshowalter.com/
👋 ////////// Follow me on Social
Instagram: / imjesseshow
Twitter: / imjesseshow
📫 ////////// Sign up for my Monthly Newsletter
www.jesseshowalter.com/newsletter
------------------------------------------------------------------------------------
🖥️ ////////// I build most of my websites using Webflow
webflow.grsm.io/4495884
💻 ////////// I host all my websites with Hostinger
www.hostg.xyz/SH5fF
🎵 ////////// Elevate your videos with record-label quality music from Musicbed
share.mscbd.fm/imjesseshow
📸 ////////// The Equipment I use
www.amazon.com/shop/jesseshow...
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!
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)
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! 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
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 :)
This kind of videos that have guidelines helps me a lot as an entry-level Designer
Thanks, Jesse
Thanks for these tips !! 👍 v useful..keep making such short videos
I never correlated why the line height and font size made sense until you showed them side by side. Thank you!
Great video, straight to the point with no faf 10/10
Bro... you bring it every time.... Thank you
This is some amazing stuff, I am new to your channel and I really appreciate these details
That linehight think is epic simple... thank you
Amazing tips! it's really improve my work! again thanks for sharing this! 💥❤
Thankyou! jesse, it was really helpful
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 !!
I new these B4 but still, I finally subscribed
All 5 tips are just amazing
Very nice Jessy🔥🔥👌
Great video!
Loved the 1st at 0:22
3rd at 1:18
This was good but doesn't your method of line height go against Apples' HIG?
thank you Jesse!
That was great. Thank you!!
You are so welcome!
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 😊
Thanks you!
*Great video*
Amazing😃
Thank U !!!
Thank you sir
Can you give the source of iconography in tip #5?
0:30 the first one *looked* so much better, though! :o
awesome
3:07 whats the font in this project
nice bro
Thanks,
Thank you
You're welcome. If you want Learn more about UI design check out my new course www.30dayui.com/
I don't get the filled icons part
Line height is always divisible by 4 .
💯💯
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!
Some segments in the video are stamped not adjacent to each other
bro speedrunned rosting my website
@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.
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.