Тёмный

The ULTIMATE GUIDE to TYPOGRAPHY in UI Design! 

Design Pilot
Подписаться 105 тыс.
Просмотров 13 тыс.
50% 1

Опубликовано:

 

5 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 55   
@ankushpanda9911
@ankushpanda9911 8 дней назад
This playlist has significantly reduced my fear of using Figma. I used to feel overwhelmed by the constant introduction of new features and struggled to fully grasp the existing tools. However, after going through this playlist, I now have a clear understanding of which feature serves what purpose, and it has streamlined my workflow tremendously. It's also helped me cut down on mundane tasks, making my design process much more efficient. Thank you for creating such amazing content!
@clearlyvips
@clearlyvips Год назад
i must say this method to organize your typography by grouping into display, heading, label, paragraph is the best I have found till date. Everything makes so much sense after learning about tokens.
@ifydus
@ifydus 22 дня назад
Where have you been all my life. Kudos
@SatyamBarnwal090
@SatyamBarnwal090 2 месяца назад
Chethan!! you have no idea. but you're changing lives by providing this high quality in-depth content. You deserve way more appreciation than you're getting right now 🔥🔥🔥🔥
@praveenpsg77
@praveenpsg77 10 месяцев назад
People: who the hell would upload 45 min tutorial for typography? Me: My man Chetan probably 😎😎
@vipulsuthar3796
@vipulsuthar3796 10 месяцев назад
Helped me clear my typography doubts in Design Systems.... Thanks!!
@harioandluigi4569
@harioandluigi4569 Месяц назад
Loving your energy while delivering this superb content! I'm hooked!
@sivaramakrishnan4368
@sivaramakrishnan4368 8 месяцев назад
Can you please upload another video in the design system series?
@DesignPilot
@DesignPilot 8 месяцев назад
Let me think about it
@mydesignhq
@mydesignhq 10 месяцев назад
Thank you, It helped me a lot, Finally I understand how it is work.
@baazigar5
@baazigar5 9 месяцев назад
Thank you chethan bhai 🙏🏼 Your teaching skills are amazing! ✨💯
@sajibursagor
@sajibursagor 10 месяцев назад
Wow Awesome Brother. Thank you for this video.
@altamashkhan5870
@altamashkhan5870 5 месяцев назад
Thank You so much Chethan you really are amazing like thank you so much
@grvsha
@grvsha Месяц назад
If there is an Olympics for UX Design then you should get all three medals!!
@DesignPilot
@DesignPilot Месяц назад
😂😂😂
@grvsha
@grvsha Месяц назад
@@DesignPilot 😁
@ananths8968
@ananths8968 10 месяцев назад
Hi chethan. Need a clarification. This is an existing app we can easily define the font size. When (before designing any screens) designing a new app how to choose all the font sizes perfectly.
@DesignPilot
@DesignPilot 10 месяцев назад
The needs are the exact same for every app. If you’re too confused, just copy one of the design systems and see if it works. If not, make the necessary changes
@ananths8968
@ananths8968 10 месяцев назад
@@DesignPilot Thank you 🙏♥️
@smilli6415
@smilli6415 9 месяцев назад
can you do a video on whats expected from New UX designer in first job, whats are top 10 tasks given
@DesignPilot
@DesignPilot 9 месяцев назад
This is a conversation you need to have with you boss or manager or design lead
@smilli6415
@smilli6415 9 месяцев назад
i mean to ask .. what are mains tasks given to new ux designer in general@@DesignPilot
@DesignPilot
@DesignPilot 9 месяцев назад
@smilli6415 That’s a vague question my friend
@praveenkulkarni1278
@praveenkulkarni1278 4 месяца назад
Majority of my screen would be in between ((12 to 24px) rarest of rare that 10px) Because consistency in decrement of 4px is justifiable. If header is 16px i would use para as 12. Correct me if m wrong(appreciate your feedback🙏🙏)
@DesignPilot
@DesignPilot 4 месяца назад
16 and 12 is not a good combination imo
@praveenkulkarni1278
@praveenkulkarni1278 4 месяца назад
@@DesignPilot then? Helpful for me if you recommend any size combination. (Max to min in order)
@DesignPilot
@DesignPilot 4 месяца назад
@praveenkulkarni1278 If you’re making list items. 16px title and 14px subtext is good. Or 14 bold and 14 regular is also fine.
@praveenkulkarni1278
@praveenkulkarni1278 4 месяца назад
@@DesignPilot Worked just fine😍❤ Thank you "Pilot"✌
@atirekverma808
@atirekverma808 9 месяцев назад
Hi, I have confusion regarding how to make typography (and other elements such as spacing) react to various screen sizes and how to include them in design system?
@DesignPilot
@DesignPilot 9 месяцев назад
Are you talking about breakpoints? Because within a breakpoint, it’s not possible to change values
@atirekverma808
@atirekverma808 9 месяцев назад
@@DesignPilot No , I want to know how to scale text for different screen sizes(Web, Tab and Mobile) and include those in design systems
@DesignPilot
@DesignPilot 9 месяцев назад
@atirekverma808 Just pick the font sizes for the other breakpoints and have a separate section where you document them for web, mobile and tablet.
@atirekverma808
@atirekverma808 9 месяцев назад
@@DesignPilot oh , ok thanks. Is there any usually followed guideline ?
@DesignPilot
@DesignPilot 9 месяцев назад
@atirekverma808 not really
@cherry-lp8yq
@cherry-lp8yq 4 месяца назад
If we have tab items for food menu categories , what would be the semantic naming for the tab bar items? label? , and also where the button fits into those categories?
@DesignPilot
@DesignPilot 4 месяца назад
Names are not defined based on which component they will be used in
@cherry-lp8yq
@cherry-lp8yq 4 месяца назад
@@DesignPilot yeah i meant to say can label used for tabs? Or headings?
@DesignPilot
@DesignPilot 4 месяца назад
@cherry-lp8yq Keep things simple by ensuring that display and headings are only for headings and not other elements. If you think these tabs have the same hierarchy as a screen or a section headings, then use headings. Or else use label
@nishantKumar-tr5ek
@nishantKumar-tr5ek 6 месяцев назад
Sir what if we have same font size with different font weights Like In paragraph Font size same 14px Font weight , medium and bold And what is the naming in text style
@DesignPilot
@DesignPilot 6 месяцев назад
I think I’ve covered this in the video. Refer to the the HIG and MD.
@YakneshwaranMani
@YakneshwaranMani 8 месяцев назад
Hi, can we use leading trim setting for fonts in design system?
@DesignPilot
@DesignPilot 8 месяцев назад
Yes
@baazigar5
@baazigar5 9 месяцев назад
When are the next videos coming? 🤔
@rashikkenn8798
@rashikkenn8798 10 месяцев назад
What's the screenshot tool that you are using at @41:12?
@DesignPilot
@DesignPilot 10 месяцев назад
Native MacBook feature
@kriswayne7938
@kriswayne7938 10 месяцев назад
Bro how do i do this: I want to change the typography of the material design community file so that not only I get the text styles with my preferred typeface and font-weight but it also automatically changes texts in the material design components.
@DesignPilot
@DesignPilot 10 месяцев назад
Just change the font in the main text style in the right side panel
@kriswayne7938
@kriswayne7938 10 месяцев назад
@@DesignPilot but i would have to do that one by one, no?
@DesignPilot
@DesignPilot 10 месяцев назад
@kriswayne7938 Yes
@DesignPilot
@DesignPilot 10 месяцев назад
@kriswayne7938 Or use some plugin
@kriswayne7938
@kriswayne7938 10 месяцев назад
​@@DesignPilotthanks. Btw is it okay to have 2 or 4 px right padding instead of 16px in the top app bar considering the target area of icon buttons as per Material guidelines should be 48 × 48px? Coz if i add 16px padding the icons just come too close to the title
@kriswayne7938
@kriswayne7938 10 месяцев назад
Deleted my comment Lol i didn't see that they have not made a separate component of instances. Its just a frame and not a component set. My bad 😅
@gobisiva5768
@gobisiva5768 10 месяцев назад
rich content
Далее
Variables for Typography in Figma - The Ultimate Guide
33:23
TRENDNI BOMBASI💣🔥 LADA
00:28
Просмотров 913 тыс.
Why Beautiful Websites Don’t Convert
12:57
Просмотров 166 тыс.
The Google UX Design Project that got me HIRED at IBM
18:51
Master Spacing in UI Design 💪
10:23
Просмотров 48 тыс.
How to choose fonts: Step by step
45:45
Просмотров 71 тыс.
If I Started UX in 2024, I'd Do This.
13:15
Просмотров 321 тыс.