Типографика в продуктовом дизайне

В докладе рассказывается о следующих принципах:
— разработка типографической системы;
— выбор подходящего для интерфейса шрифта;
— подбор контрастной палитры по WCAG;
— основные ошибки и как их исправить;
— виды цифр в шрифте и как с ними работать;
— вариативные шрифты;
— модульная сетка;
— список студий, которые занимаются дизайном шрифта.

Transcript

1. Типографика в продуктовом дизайне
8. Типографика не заменит хороший текст
9. Наводим порядок
33. Источник: https://stripe.com/blog/accessible-color-systems
35. Источник: https://stripe.com/blog/accessible-color-systems
36. Источник: https://stripe.com/blog/accessible-color-systems
37. Источник: https://stripe.com/blog/accessible-color-systems
60. x Сетка Поля Авто Колонка 64px Гаттер 24px
63. Хорошая типографика •Помогает быстрее читать и запоминать •Доступна для людей с плохим зрением •Даёт ощущение качественного и законченного продукта •Выделяет продукт на фоне остальных Итоги
64. Где брать кириллические шрифты •https://contrastfoundry.com/ •https://type.today/ru •https://brownfox.org/ •https://www.paratype.ru/ Например тут
65. Где брать латиницу •https://klim.co.nz •https://www.colophon-foundry.org/ •https://sharptype.co/ •https://www.abcdinamo.com/front •http://commercialtype.com •https://www.grillitype.com/ •https://lineto.com/ •https://www.typography.com Например тут
66. Что читать по теме •https://refactoringui.com/ •https://www.typewolf.com/ • http://thinkingwithtype.com •http://webtypography.net/intro/ •http://project12240.tilda.ws/baseknowledge •https://typejournal.ru/ •https://bureau.ru/books/typography Например это