5 Tips to improve your UI Designs
HTML-код
- Опубликовано: 29 июл 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...
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 :)
Thanks, Jesse, I really love that your examples show the difference between the "as is" and improved versions!
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
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.
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
This is some amazing stuff, I am new to your channel and I really appreciate these details
Bro... you bring it every time.... Thank you
Thankyou! jesse, it was really helpful
That linehight think is epic simple... thank you
Amazing tips! it's really improve my work! again thanks for sharing this! 💥❤
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 !!
All 5 tips are just amazing
Great video!
Loved the 1st at 0:22
3rd at 1:18
I new these B4 but still, I finally subscribed
thank you Jesse!
Very nice Jessy🔥🔥👌
Thank you 😊
That was great. Thank you!!
You are so welcome!
Thanks you!
This was good but doesn't your method of line height go against Apples' HIG?
Amazing😃
Can you give the source of iconography in tip #5?
Thank U !!!
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 sir
*Great video*
Thanks,
Thank you
You're welcome. If you want Learn more about UI design check out my new course www.30dayui.com/
3:07 whats the font in this project
awesome
0:30 the first one *looked* so much better, though! :o
I don't get the filled icons part
nice bro
💯💯
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!
Line height is always divisible by 4 .
l like tip video💕👍
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.
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((
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.