Эта промо-статья посвящена гайду по типографике для UX/UI дизайнеров. Это первая часть большого комплекса гайдов, которые помогут новичкам освоить новую для себя тему, а опытным дизайнерам – иметь под рукой выжимку знаний о типографике. Без воды и лирических отступлений.
Напоминаю, что в предыдущих уроках, которые до сих пор доступны бесплатно, мы завершили изучение графического редактора Figma и получили хорошую базу знаний. Нас ждут новые вызовы. Настало время переходить к изучению теории дизайна.
Мой подход к изучению дизайна основан на том, что сначала ученик должен получить базовые знания графического редактора, в нашем случае это Figma. Следующий шаг – освоение теории визуального дизайна UI. А только после этого – переход к более сложным темам по UX дизайну.
Сейчас мы остановимся на втором шаге – UI дизайне и начнем с его первой темы.
Хотя это может показаться незначительным элементом, типография – это основа любого дизайна. Ее использование может решить много проблем с читабельностью, легкостью восприятия и общим впечатлением от вашего продукта.
В веб-просторі практично не існує сайтів, у яких би не використовувався текст. Тому для UX/UI дизайнера важливо розуміти, як правильно використовувати шрифти та як оформляти текстові блоки для максимального комфорту користувачів. Правильне застосування типографіки може робити дизайн більш доступним та зрозумілим, забезпечувати зручну навігацію та високий рівень взаємодії між користувачем та дизайном.
На вас ожидает два гайда. Первый – исчерпывающая информация о типографике для UX/UI дизайнеров. Гайд содержит 120+ страниц. Его содержание:
- Основные понятия типографии;
- Виды шрифтов и примеры их использования;
- Настройка отображения шрифтов: дизайн-подход к работе с текстами. Зная эти правила вы раскроете секрет, почему у дизайнеров с опытом так хорошо получается;
- Работа с иерархией в макетах: как строить собственную систему работы с текстами в проекте;
- Подбор шрифтов для макетов;
- Бесплатные шрифты для кириллицы: free-лицензия, примеры сочетания в одной композиции, поддержка украинского языка и возможность скачивания;
- Бесплатные шрифты для латиницы: free-лицензия, примеры сочетания в одной композиции и возможность скачивания;
- Таблица совместимости шрифтовых пар: идеально для новичков;
- Ресурсы: где брать хорошие шрифты и что почитать, чтобы прокачаться еще больше.
На изображениях ниже пример слайдов гайда.
Я предлагаю вам найти идеи для вдохновения в готовых композициях. Я вижу определенную миссию в том, чтобы показать дизайнерам варианты хорошей типографики для украинских текстов. Но все же понимаю, что глобальный англоязычный рынок также нужно учитывать. Поэтому вы найдете для себя 50+ шрифтов для различных целей с возможностью мгновенного скачивания.
Все, что вы видите на картинках есть в гайде.
Второй гайд – рекомендации по оформлению текстов. Не знаете как работать с кавычками? А как насчет тире, числовых значений или неразрывных пробелов? Написание дат, времени и номеров телефонов. Все это также здесь.
Так, гайди створила я, опираючись на свої знання, перевірені джерела та досвід, який я отримала в процесі менторства моїх учнів. Тому маю розуміння як про потреби новачків у освоєнні матеріалу, так і у тому, яка саме інформація знадобиться в роботі дизайнеру.
Эти гайды будут полезны:
- Новичкам, которые хотят начать изучение UX/UI дизайна;
- Уже работающим дизайнерам, у которых есть пробелы в знаниях типографики и которым нужны хорошие примеры сочетания;
- Всем дизайнерам, которым нужно подбирать стильные шрифты с бесплатной лицензией для своих проектов за считанные минуты;
- Дизайнерам, которые хотят иметь под рукой готовую информацию на тему типографики без воды;
- Людям других профессий, которые часто имеют дело с оформлением текстов для веба. Например, созданием презентаций, рекламных креативов и т.д.
Гайды продаются комплектом. Вместе имеют 130+ страниц качественной информации. Стоимость обоих гайдов 399 грн. Купить гайды можно тремя способами:
С помощью кнопки «Купить» . Вас перенаправит на страницу бесконтактной оплаты через безопасный сервис LiqPay. Для использования необходимы банковские карты Visa / Mastercard. Нажимая «Купить», вы соглашаетесь с условиями Публичной оферты.
Перевод на безналичный счет по Украине. Чтобы получить реквизиты для перевода напишите в Instagram @frusia.pro или Telegram @frusia.
Перевод на счет PayPal. Для международных платежей. Чтобы получить реквизиты для перевода напишите нам в Instagram @frusia.pro или Telegram @frusia.
После подтверждения оплаты, вы сразу получите ссылку на гайды. Приятного обучения :)