The 80% of UI Design - Typography

preview_player
Показать описание

This video is all you ever need to pick font size, weight, and color for your UI projects. Most of the UI is just type and interactive elements, with some icons to help users take necessary actions. Fonts & Colors are the 20% of the design, that gives you the 80% of the results, so let’s f*cking GO!

Disclaimer: You need a whole lot more than fonts and colors (powerful images, clever copy, transitions & animations) to design stunning landing pages. But this is not a video on web design. We are focusing exclusively on UI Design, and more importantly, typography.

Рекомендации по теме
Комментарии
Автор

Just imagine if Sajid made a tutorial on HTML, CSS, and Javascript with his explanation style; it would truly be one of, if not the best, tutorial on YouTube ever!

goodness
Автор

"code for document hierarchy, but style for visual hierarchy" well said bro 🙌

AspenKay
Автор

Damn dude. This is probably the most dynamic and easy-to-understand educational video I've ever seen about UI Design.
I`m already in the field, but damn...great storytelling, visuals, and use of words.

oartsoares
Автор

Bro experts in Code, Design, Video Editing, Story Telling

h-zarne
Автор

I've been a web developer for 11 years and this is the best UI video I've seen. Easy subscribe.

BritainRitten
Автор

UI design always intimidated me. There's so many options on how to set things up and it's overwhelming. This video gives something like a framework, an organized structure of a bunch of ideas, which I think is lacking in most tutorials about the more "artsy" side of programming. After watching this, I feel like I can atleast finally make my own themes.

nd_otd
Автор

This is genuinely the most concise, important and frankly phenomenal presentation on UI design I've ever seen on any platform. In under 15 minutes, you have communicated the skills necessary to design almost any UI to a fairly high level of quality. Honestly incredible.

cmoullasnet
Автор

What a transition to the sponsor - no spacing seen there. lol

olemai
Автор

This is the best way for me to revise and learn small things that will always be good for my web build. Keep doing what you are doing. Thanks

rudolfsizaks
Автор

I’m backend engineer getting into frontend. I can’t explain how much sense this makes. I can’t understate what just clicked in my mind

jounaidbeaufils
Автор

i'm binge watching your channel, omg i wish i had seen these at the start of my ui/ux journey many moons ago. top quality in both information and presentation. amazing channel mate, it's invaluable, even for seniors to recap on what they found out the hard way

neanda
Автор

This blew my mind. Best video I've seen on this subject

scraper
Автор

a 12 min video that is better than all YouTube ui design courses.
Well done my friend 👍

souhaildev
Автор

Dude you are a gem for self taught designers/web developers!!!

ragulan
Автор

Can we just take a moment to appreciate the video titles in the example. Truly on point.

Actionme
Автор

This is exactly what I struggled with as a junior UX/UI designer 2 years ago. Wish this video had been available back then. Thank you for such an informative video.

DuyThangPro
Автор

As a backend programmer who sometimes try to make a usable and somewhat nice UI, this is the best video on UI i have ever viewed!

PontusNyberg
Автор

3:10 i love that build-up before sponsor. was Intrigued

HrissW
Автор

The sponsor pick up line was brilliant 😂❤

gustavowave
Автор

I've always struggled with light/dark mode implementation but that hsl trick has really changed my life

brianlopez
visit shbcf.ru