UI Card Design | Reworking 5 Common UI Card Mistakes

Рет қаралды 25,862

3 жыл бұрын

The Card Component is one of the most common UI elements you'll see in modern interfaces, but there are 5 common mistakes in the UI design element that I see all the time. In this series, I "ReWork" designs (web design, UI design, etc...) and redesign them while giving critique and art direction. Remember to Subscribe goo.gl/6vCw64
Join this channel to get access to perks:
/ @jesseshowalter
------------------------------------------------------------------------------------
////////// Connect with me here 👍🏼
Instagram: / imjesseshow
Twitter: / imjesseshow
////////// Sign up for my Monthly Newsletter 📫
www.jesseshowalter.com/newsletter
////////// Elevate your videos with record-label quality music from Musicbed👇🏼
share.mscbd.fm/imjesseshow
////////// Equipment 📸
www.amazon.com/shop/jesseshow...

Пікірлер: 41

@JesseShowalter 3 жыл бұрын

Which of these UI Card mistakes have you made in the past?

@gametimewitharyan6665 3 жыл бұрын

Mine Was The Whitespace But I Got It right after sometime ;)

@mattzahn8888 Жыл бұрын

Whitespace, using color for no reason, poor font scaling, jarring drop shadows...pretty much all the mistakes

@alenachuyankova Жыл бұрын

Wow!!! I love your vision!

@Lunaedea7 3 жыл бұрын

Really loved this video, Jesse- thank you! Was wondering if it wouldn’t look even better for the headline and body copy to be even more centered vertically? I personally kind of felt that it was too close to the date, but I suppose that’s my taste. This is so so helpful- these small details really make a huge impact! This will go a long way in developing my eye :)

@antoniosalzano5253 3 жыл бұрын

Hey jesse a question about sass. Now instead of @import we have to use: @use. Tutorial ???

@pranoymehra2150 3 жыл бұрын

There's no else in this whole goddamn world who can say "WHAT'S UP EVERYBODY MY NAME'S JESSE SHOWALTER!" better than you! I was like wtf why didn't he say it this time 😂

@JesseShowalter 3 жыл бұрын

Oh man, thank you so much! I feel like it’s easily a hit or miss 🤣🤣

@oluseyiemmanuel8638 3 жыл бұрын

Awesome! Thank you for the video!

@JesseShowalter 3 жыл бұрын

Thanks so much for watching!!

@j4878 3 жыл бұрын

Awesome explanation!

@JesseShowalter 3 жыл бұрын

Thanks!

@vsmedia8892 3 жыл бұрын

I think we can decrease the kerning a bit of heading n body. What you sayl?

@joelluthi2479 3 жыл бұрын

Yeah the line-height definitely could be decreased👍

@welling1 3 жыл бұрын

I skipped right to the end and the horrible line height is killing the entire design.

@MelindaMatturro 3 жыл бұрын

omg I've only been doing UI design for a few years and thought I was going crazy or still too new lol - that line height is too much for my taste. Hierarchy looks a lot better at least

@Keliiyamashita 3 жыл бұрын

Thanks Jesse! Times change... and so do modern designs.

@JesseShowalter 3 жыл бұрын

Too true!!

@rs4artha 3 жыл бұрын

Really nice tutorial .. Loved it

@JesseShowalter 3 жыл бұрын

Thanks, Sanjay!!

@abuferashamdani4827 3 жыл бұрын

So good 👍🏼

@JesseShowalter 3 жыл бұрын

Thanks!!

@WB-zr7pq 2 жыл бұрын

When dealing with a complex system that should have uniform logic, i cant express enough, use folders/groups for each thing add in proper padding via the folder and then put it in a stack. Atomic approach to each of your elements in that stack. Also Label everything to reflect the style your doing with the folder.