5 Tips to improve your UI Designs

  Рет қаралды 108,254

Jesse Showalter

Jesse Showalter

Күн бұрын

Пікірлер: 56
@bom4665-i4m
@bom4665-i4m 2 жыл бұрын
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)
@jonasqueiroga5106
@jonasqueiroga5106 3 жыл бұрын
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
@vitaliistepin8966 Жыл бұрын
and you make a right choise, What he recommends is quiet a mess
@pizzatothemax
@pizzatothemax 3 жыл бұрын
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 :)
@nataliiabulaieva467
@nataliiabulaieva467 3 жыл бұрын
Thanks, Jesse, I really love that your examples show the difference between the "as is" and improved versions!
@olatalaat
@olatalaat Жыл бұрын
This kind of videos that have guidelines helps me a lot as an entry-level Designer Thanks, Jesse
@thunderstorm1480
@thunderstorm1480 8 күн бұрын
Hey! How has your experience been so far?
@Nateskoot23
@Nateskoot23 3 жыл бұрын
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.
@saraazari7965
@saraazari7965 3 жыл бұрын
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
@saicharanvenna 2 жыл бұрын
Excatly !!
@fatjay9402
@fatjay9402 3 жыл бұрын
That linehight think is epic simple... thank you
@mayurchaudhari6950
@mayurchaudhari6950 2 жыл бұрын
Great video! Loved the 1st at 0:22 3rd at 1:18
@yasirdesigner98276
@yasirdesigner98276 Жыл бұрын
Amazing tips! it's really improve my work! again thanks for sharing this! 💥❤
@hooda.akshay
@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 :)
@bradlawton8818
@bradlawton8818 3 жыл бұрын
Great video, straight to the point with no faf 10/10
@TheEmperorXavier
@TheEmperorXavier Жыл бұрын
This is some amazing stuff, I am new to your channel and I really appreciate these details
@dimplebajaj3146
@dimplebajaj3146 2 жыл бұрын
Thanks for these tips !! 👍 v useful..keep making such short videos
@steinbeats
@steinbeats Жыл бұрын
Very nice Jessy🔥🔥👌
@kylediamond8598
@kylediamond8598 3 жыл бұрын
I new these B4 but still, I finally subscribed
@SCTproductionsJ5
@SCTproductionsJ5 2 жыл бұрын
0:30 the first one *looked* so much better, though! :o
@vishnusai6821
@vishnusai6821 2 жыл бұрын
Thankyou! jesse, it was really helpful
@curtismorrow4537
@curtismorrow4537 3 жыл бұрын
Bro... you bring it every time.... Thank you
@ayazqureshi9385
@ayazqureshi9385 2 жыл бұрын
All 5 tips are just amazing
@creatoratplay
@creatoratplay 2 жыл бұрын
That was great. Thank you!!
@JesseShowalter
@JesseShowalter 2 жыл бұрын
You are so welcome!
@designaddict-l2x
@designaddict-l2x Жыл бұрын
Amazing😃
@pikshine
@pikshine Жыл бұрын
*Great video*
@csff13
@csff13 3 жыл бұрын
thank you Jesse!
@AnneSong-d8u
@AnneSong-d8u Жыл бұрын
Thank you 😊
@Miviene13
@Miviene13 2 жыл бұрын
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.
@3alocheijai362
@3alocheijai362 Ай бұрын
thanks bro
@mamtapatil1892
@mamtapatil1892 2 жыл бұрын
3:07 whats the font in this project
@BrendaShannon-j2d
@BrendaShannon-j2d 11 ай бұрын
Thank you
@JesseShowalter
@JesseShowalter 10 ай бұрын
You're welcome. If you want Learn more about UI design check out my new course www.30dayui.com/
@kelvinjohndomeh1488
@kelvinjohndomeh1488 2 жыл бұрын
I don't get the filled icons part
@swordandsorcerergaming
@swordandsorcerergaming 3 жыл бұрын
Thanks you!
@azzamiv6905
@azzamiv6905 2 жыл бұрын
Thank you sir
@linhtranthuy4330
@linhtranthuy4330 2 жыл бұрын
Thank U !!!
@mdnazmulh.8908
@mdnazmulh.8908 3 жыл бұрын
awesome
@nikhil4yourhelp670
@nikhil4yourhelp670 2 жыл бұрын
Line height is always divisible by 4 .
@darshakc
@darshakc 3 жыл бұрын
Can you give the source of iconography in tip #5?
@wayofMANI
@wayofMANI 2 жыл бұрын
nice bro
@lanLe-oz7in
@lanLe-oz7in 3 жыл бұрын
Some segments in the video are stamped not adjacent to each other
@rabbythesr
@rabbythesr 3 жыл бұрын
Thanks,
@binayakbishnu
@binayakbishnu 3 жыл бұрын
💯💯
@keinfps6970
@keinfps6970 10 ай бұрын
bro speedrunned rosting my website
@Gnitagn
@Gnitagn 3 жыл бұрын
l like tip video💕👍
@jarodmorris611
@jarodmorris611 3 жыл бұрын
@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.
@alexdenovember3696
@alexdenovember3696 7 ай бұрын
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((
@fireknuckles2678
@fireknuckles2678 5 ай бұрын
If you don’t know basic things like iconography, size and colour like he said you need to go back to learning the basics
@pułkownikkaczodziobyzpodlasia
@pułkownikkaczodziobyzpodlasia 4 ай бұрын
This video is not meant for absolute beginners
@blakewood4756
@blakewood4756 3 жыл бұрын
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!
@kamakshyanandanbanerjee6754
@kamakshyanandanbanerjee6754 Жыл бұрын
I don't like the outcome😢
@dirtywhitellama
@dirtywhitellama Жыл бұрын
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.
Typographic Scales in Web Design & UI Design
4:16
Jesse Showalter
Рет қаралды 87 М.
진짜✅ 아님 가짜❌???
0:21
승비니 Seungbini
Рет қаралды 10 МЛН
Thank you mommy 😊💝 #shorts
0:24
5-Minute Crafts HOUSE
Рет қаралды 33 МЛН
6 UI Hacks I Wish I Knew As A Beginner
11:11
Tim Gabe
Рет қаралды 893 М.
I redesigned YOUR websites
20:44
DesignSpo
Рет қаралды 129 М.
It's time to talk about these UI trends
9:09
Juxtopposed
Рет қаралды 531 М.
Your brain HATES these websites
11:05
Malewicz
Рет қаралды 189 М.
Easily Improve Your Web Design (With Example)
17:59
Flux Academy
Рет қаралды 160 М.
Level up your UI design skills in 12 minutes! | EP2
12:05
Rachel How
Рет қаралды 125 М.
4 Foundational UI Design Principles | C.R.A.P.
9:16
Jesse Showalter
Рет қаралды 229 М.
5 UX/UI Portfolios You SHOULD Copy
15:02
Leander Angst
Рет қаралды 181 М.
진짜✅ 아님 가짜❌???
0:21
승비니 Seungbini
Рет қаралды 10 МЛН