Improving Web and Mobile App Typography - 5 basic guidelines
One of my goals this year is to digest important concepts in design and then try to explain them in a concise, easy-to-follow format. My first attempt is on typography. I studied from the best and I was able to list five essential principles to improve the typographic quality of your web and mobile app products in this video. I hope you like it—your feedback would be greatly appreciated.
Here are five essential practical guidelines to improve your typographic quality of your web and mobile product designs.
1. Start by choosing your body text typeface.
2. Try to avoid mixing typefaces.
3. Watch your line length.
4. Balance line height and point size.
5. Use proper Apostrophes and Dashes.
I plan to go more into detail in a crash course on typography that I’ll publish here. We’ll talk about the difference between typefaces and fonts, how to choose the right type, where to discover good typography, pairing typefaces, and more conceptual stuff. In the meantime, check out these awesome resources:
RESOURCES:
To find fonts for the web and mobile apps
https://typekit.com/
https://fonts.google.com/
Typewolf, a great source of inspiration and resources
https://www.typewolf.com/
Just My Type, learning how to mix typefaces
http://www.justmytype.co/
Jessica Hische’s fantastic guide on type for the web
http://jessicahische.is/talkingtype
Professional web typography by Donny Truong
https://prowebtype.com/
Butterick’s Practical Typography
http://practicaltypography.com
Style Manual by Andy Taylor
http://stylemanual.org/
Fonts have feelings too, by Mikael Cho (great read)
https://medium.com/who-what-why/fonts-have-feelings-too-1523564d966c#.boqxndw40
Видео Improving Web and Mobile App Typography - 5 basic guidelines канала Sketch Together
Here are five essential practical guidelines to improve your typographic quality of your web and mobile product designs.
1. Start by choosing your body text typeface.
2. Try to avoid mixing typefaces.
3. Watch your line length.
4. Balance line height and point size.
5. Use proper Apostrophes and Dashes.
I plan to go more into detail in a crash course on typography that I’ll publish here. We’ll talk about the difference between typefaces and fonts, how to choose the right type, where to discover good typography, pairing typefaces, and more conceptual stuff. In the meantime, check out these awesome resources:
RESOURCES:
To find fonts for the web and mobile apps
https://typekit.com/
https://fonts.google.com/
Typewolf, a great source of inspiration and resources
https://www.typewolf.com/
Just My Type, learning how to mix typefaces
http://www.justmytype.co/
Jessica Hische’s fantastic guide on type for the web
http://jessicahische.is/talkingtype
Professional web typography by Donny Truong
https://prowebtype.com/
Butterick’s Practical Typography
http://practicaltypography.com
Style Manual by Andy Taylor
http://stylemanual.org/
Fonts have feelings too, by Mikael Cho (great read)
https://medium.com/who-what-why/fonts-have-feelings-too-1523564d966c#.boqxndw40
Видео Improving Web and Mobile App Typography - 5 basic guidelines канала Sketch Together
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
The 2019 UI Design Crash Course for BeginnersHow To Choose Fonts6 simple typography tips to more professional looking sitesRichard Rutter | Web Typography | CSS Day 2018Basics of UI Design for Mobile Apps - Artboard Size, Screen Density and Resolution for BeginnersHow I Organize Colors for a UI Design ProjectThe Golden Ratio in DesignTypography Tutorial - 10 rules to help you rule typeUX / UI Design Inspiration (from the AJ&Smart designers)Typography sizing and line height in web designLearn the Most Common Design Mistakes by Non DesignersGraphic Design Tutorial: Typography Design & Art Direction pt. 1Baseline Grids | The basics of Baseline Grids in UI & Web Design5 Typography Tips & TricksAdvanced web typography (headings, text fills, inheritance, typography units) — web design tutorialHow to Select and Pair Fonts in your Design - Design TipsHOW TO USE COLORS IN WEB DESIGN: Free Web Design Course 2020 | Episode 7UI Design | How to choose colors and color palettes5 UX Design Tips & Techniques | UX Design BasicsBeginning Graphic Design: Typography