5 Tips to improve your UI Designs

Рет қаралды 92,530

Күн бұрын

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...

Пікірлер: 52

@nataliiabulaieva467 2 жыл бұрын

Thanks, Jesse, I really love that your examples show the difference between the "as is" and improved versions!

@pizzatothemax 2 жыл бұрын

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 :)

@bomaster4665 Жыл бұрын

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)

@Nateskoot23 2 жыл бұрын

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.

@hooda.akshay 2 жыл бұрын

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 :)

@olatalaat 4 ай бұрын

This kind of videos that have guidelines helps me a lot as an entry-level Designer Thanks, Jesse

@dimplebajaj3146 Жыл бұрын

Thanks for these tips !! 👍 v useful..keep making such short videos

@acuraintdohc 11 ай бұрын

I never correlated why the line height and font size made sense until you showed them side by side. Thank you!

@bradlawton8818 2 жыл бұрын

Great video, straight to the point with no faf 10/10

@TheEmperorXavier 11 ай бұрын

This is some amazing stuff, I am new to your channel and I really appreciate these details

@curtismorrow4537 2 жыл бұрын

Bro... you bring it every time.... Thank you

@jonasqueiroga5106 2 жыл бұрын

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.

@vitaliistepin8966 8 ай бұрын

and you make a right choise, What he recommends is quiet a mess

@fatjay9402 2 жыл бұрын

That linehight think is epic simple... thank you

@vishnusai6821 Жыл бұрын

Thankyou! jesse, it was really helpful

@yasirdesigner98276 7 ай бұрын

Amazing tips! it's really improve my work! again thanks for sharing this! 💥❤

@ayazqureshi9385 2 жыл бұрын

All 5 tips are just amazing

@kylediamond8598 2 жыл бұрын

I new these B4 but still, I finally subscribed

@saraazari7965 2 жыл бұрын

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. 👩🏻‍💻

@saicharanvenna Жыл бұрын

Excatly !!

@mayurchaudhari6950 2 жыл бұрын

Great video! Loved the 1st at 0:22 3rd at 1:18

@steinbeats Жыл бұрын

Very nice Jessy🔥🔥👌

@celiasfuentes 2 жыл бұрын

thank you Jesse!

@creatoratplay Жыл бұрын

That was great. Thank you!!

@JesseShowalter Жыл бұрын

You are so welcome!

@Miviene13 Жыл бұрын

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.

@user-tp2nc9so4u Жыл бұрын

Thank you 😊

@ryanschmidt8468 2 жыл бұрын

This was good but doesn't your method of line height go against Apples' HIG?

@megadavemedina 2 жыл бұрын

Thanks you!

@user-mr2zl5wt6m 7 ай бұрын

Amazing😃

@linhtranthuy4330 Жыл бұрын

Thank U !!!

@azzamiv6905 Жыл бұрын

Thank you sir

@pikshine 9 ай бұрын

*Great video*

@mdnazmulh.8908 2 жыл бұрын

awesome

@darshakc 2 жыл бұрын

Can you give the source of iconography in tip #5?

@SCTproductionsJ5 Жыл бұрын

0:30 the first one *looked* so much better, though! :o

@rabbythesr 2 жыл бұрын

Thanks,

@mamtapatil1892 2 жыл бұрын

3:07 whats the font in this project

@user-bt9im9je1p 2 ай бұрын

Thank you

@JesseShowalter 2 ай бұрын

You're welcome. If you want Learn more about UI design check out my new course www.30dayui.com/

@WayOfMani 2 жыл бұрын

nice bro

@kelvinjohndomeh1488 2 жыл бұрын

I don't get the filled icons part

@nikhil4yourhelp670 Жыл бұрын

Line height is always divisible by 4 .

@binayakbishnu 2 жыл бұрын

💯💯

@Gnitagn 2 жыл бұрын

l like tip video💕👍

@blakewood4756 2 жыл бұрын

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!

@lanLe-oz7in 2 жыл бұрын

Some segments in the video are stamped not adjacent to each other

@keinfps6970 2 ай бұрын

bro speedrunned rosting my website

@kamakshyanandanbanerjee6754 11 ай бұрын

I don't like the outcome😢

@jarodmorris611 2 жыл бұрын

@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.