5 Simple Tricks That Have Made Me a Better Designer (anyone can do it!)

[@TheAdminBar]

If you haven't already, consider subscribing 🙏 New videos every Wednesday!

[@snipkin]

Great easy to understand and effective design tips. Thank you!

[@odarkshineo]

Love the call-out about avoiding absolute white/black, will definitely be adopting that going forward!

[@susandonnison]

Love it. Thanks Kyle. Great tips!

[@TheAdminBar]

Glad you enjoyed it! Thanks Susan!

[@philippepperell9951]

I have a tendency to use pure black and pure white too often, so that's the most important tip I learned. Thanks for another great tutorial, Kyle.

[@TheAdminBar]

I hope it helps spruce up the future designs! If you Google "Dont use pure black", you'll find this argument being made with lots of evidence to back it up :)

[@AnilAgrawal]

Same here lol… always learning here 😆

[@feelcollins4358]

As a designer you don't really want button paddings to scale with text for the most part, if you read the Refactoring UI book it'll show the correct way of handling buttons, that is because buttons adjusting to text proportionately look more like it is being zoomed in and out instead of the button actually feeling smaller or bigger, here are the proper scaling examples for paddings written in the book font: xlarge 20px padding: 15px 30px font: large 16px padding: 12px 16px font: medium 14px padding: 8px 10px font: small 12px padding: 6px 8px the padding numbers can be adjusted depending on the typeface

[@SparaCash]

Kyle delivering quality content as usual. Legend! Thanks!

[@TheAdminBar]

Glad you enjoyed it 🙌

[@ericaeide827]

This was great, Kyle! The button padding is my favorite, such a noticeable difference.

[@AnilAgrawal]

Thanks, Kyle. Awesome stuff as usual. 👍🏼🙏🏼

[@TheAdminBar]

Glad you enjoyed it! 🙌

[@paulhildmann8392]

Excellent tutorial. The tip about the screen readers was gold, I'll use CSS from here out. These tips and the previous video about color use have really helped me level up my designs. Thank you! 👍

[@TheAdminBar]

So pumped to hear that 🙌 Thanks for the support!

[@kellog89]

Thanks Kyle, can you give us spacing hints for other elements than buttons, and spacing in between elements?

[@IainMace]

Thanks Kyle. Really appreciate these short form actionable videos. These combined with all your other recent design snippets are invaluable.

[@TheAdminBar]

Thanks so much! 🙌 Really please to hear its helpful!

[@whatznext28]

Thanks Kyle! I really like your advice of thinking in 3D and making the background darker than the items on top. Between this and your 60-30-10 color video my designs have already leveled up!

[@TheAdminBar]

So glad it's been helpful 🙌 Thanks for the support!

[@allisonkessler17]

Great tips Kyle! I especially liked the letter spacing on ALL CAPS one!

[@LizPaprikaCreative]

All great tips! Some of these I do without even thinking why. I like the black and white vs slightly different whites, or blacks, and the use of "em"s.

[@BGdev305]

good info

[@JocelinCarvajal]

I never really used em and so much time I could have saved!! Time to change it! Thank you !!!

[@andrewdowniephd]

Excellent tips. Really, really useful!

[@TheAdminBar]

Thanks, Andrew! Glad you enjoyed it!

[@pbryan1967]

Today I was () years old when I learned the expression "eyebrow text" !!

[@TheAdminBar]

I'm not sure if it's an official term 😅

[@SparaCash]

Need to go trim my preheadings now

[@tashuys]

@@TheAdminBar It's absolutely an official term, many of my bigger clients use it. I was very confused the first time I heard it, but fortunately I was able to figure out what they were on about. Great video, thank you

[@hansskillrud8837]

This is awesome - I love how such subtle changes can make such a big difference!

[@TheAdminBar]

Thanks, Hans 🙌 You're right - it's nuts. And once you know the secrets, things just come together easier and easier!

[@JeffTincher]

spot on with not using #000 and #fff

[@taylorintl]

AWESOME :-)

[@TheAdminBar]

Thanks Taylor!

[@grizfan93]

Thanks for calling out the use of the "em" unit for button padding. Avoid pixels at all costs.

[@TheAdminBar]

Give me em or give me death!

[@anjleelaguri147]

make video new blog post desgin

[@NotKyleChicago]

For #4, I didn't see much difference on my phone.

[@TheAdminBar]

Yeah, a screen recording of my screen being uploaded to KZbin, then displayed on your screen makes it difficult to see nuances 😅 If you grab those hex codes, I guarantee you'll see the difference on your own monitor.