После того как я разобралась с figma, встал вопрос шрифтов. Хотелось сделать красиво и ярко, но выглядело как-то колхозно и неуместно. Начала разбираться.
Прочитала, что новичкам лучше не сильно усердствовать со шрифтами, использовать не более двух шрифтов на всю работу и пользоваться табличкой шрифтовых пар. Вот эта табличка:
Но меня в ней смущает отсутствие montserrat. Это самый узнаваемый и легкочитаемый шрифт. Пока у начинающего дизайнера не появится ощущение, что "конкретно вот тот суперфигуристый шрифт идеально подойдет этой карточке", я бы посоветовала использовать именно Monteserrat. Можно поиграться с жирностью и так разнообразить карточку. Я пока так и поступаю, потому что нет большого опыта и насмотренности.
1. Monteserrat и Lato
Можно использовать вместе с Monteserrat шрифт Lato как пару, если все же хочется добавить еще один шрифт. Оба они чистые и гладкие, без засечек, похожие на городскую типографику.
Вот таким образом они выглядят на средней жирности. Lato более сжатый, из-за чего кажется более вытянутым по сравнению с Monteserrat.
2. Oswald и Lato
Oswald сам по себе жирный вытянутый шрифт без засечек, хорошо выглядит в проектах и передает ощущение профессионализма и стабильности.
И к такому сильному шрифту хорошо подходит уже знакомый Lato из-за его читаемости и более округлого внешнего вида, чтобы уравновесить Oswald.
3. Rokkitt и Hattori Hanzo
Rokkitt хорошо подходит для заголовков и сочетается с Hattori Hanzo - современным шрифтом, который подходит для коротких фрагментов текста.
Hattori Hanzо нет в шрифтах самой figma, этот шрифт надо дополнительно бесплатно скачивать.*
4. Oswald и Helvetica
Уже знакомый Oswald, который хорошо подходит для заголовков и может добавить динамики и ощущения движения курсивом хорошо сочетается с разборчивым шрифтом Helvetica.
Helvetica нет в шрифтах самой figma, этот шрифт надо дополнительно бесплатно скачивать.*
5. Helvetica и Georgia
Helvetica используется для заголовка, жирным шрифтом. Шрифт чистый и без засечек. Georgia, разборчивый шрифт с засечками и большим интервалом между буквами, используется для подзаголовков и основного текста. Оба эти шрифта распространены.
Helvetica и Georgia нет в шрифтах самой figma, эти шрифты надо дополнительно бесплатно скачивать.*
6. Pacifico и Junction
Pacifico - рукописный шрифт, который можно использовать для придания живого оттенка сочетается с Junction - чистым шрифтом без засечек с минималистичным видом.
Тут хочу добавить, что он подходит больше для текста на английском языке.
Pacifico и Junction нет в шрифтах самой figma, эти шрифты надо дополнительно бесплатно скачивать.*
Плагин для выбора шрифтов Font Preview
Хочу для удобства посоветовать плагин Font Preview, который помогает посмотреть как набранный текст будет выглядеть в разных шрифтах без применения изменений на текст. Выглядит таким образом:
Сильно упрощает и ускоряет работу с шрифтами.
*Как установить новый шрифт в десктопное приложение Figma:
не знаю можно ли сюда вставлять ссылки на сторонние сайты, но для скачивания шрифтов использую fonts-online.ru
- Выбрать понравившийся шрифт на сайте.
- Скачать его на компьютер (это бесплатно).
- Открыть zip файл.
- Открыть файл со шрифтом нужной жирности и нажать «Установить» как на фото ниже.