Типографика - это визуальное представление написанного слова; хотя, если его использовать эффективно, он также может добавить смысл тому, что сообщается. Хорошая типографика - это больше, чем просто выбор любимого шрифта. Это установка и расположение шрифтов таким образом, чтобы они были удобочитаемыми и приятными для зрителей.

Сегодня Интернет и мобильные устройства являются динамической силой, поэтому у вас есть прекрасная возможность изучить более продвинутую типографику для брендов. Веб-сайт компании обычно является местом взаимодействия потребителя с брендом, поэтому возможность использования функции ввода на нескольких платформах становится все более важной.

- Кристин Бертон, графический дизайнер компании Bigstock

Если вы хотите эффективно сделать типографику одним из своих навыков, не становясь опытным веб-дизайнером, существует множество ресурсов, которые помогут вам овладеть этим искусством. Следуйте этому руководству, которое проведет вас через еженедельный процесс, чтобы стать отличным типографом за один месяц.

Неделя 1: Изучение основ

Чтобы эффективно использовать шрифт, вам нужно твердо понимать анатомию букв и то, как они взаимодействуют друг с другом. Это включает в себя знание различных частей буквы и способа классификации шрифтов.Реклама

Гарнитуры и шрифты
Во-первых, вы должны понять, что отличает эти два термина. Гарнитура - это набор отдельных символов с разным весом, которые в конечном итоге составляют семейство шрифтов. Шрифт - это один набор стилей символов в гарнитуре. По сути, шрифт - это определенный размер, вес и стиль гарнитуры, а гарнитура - это набор шрифтов, которые имеют общий дизайн.

Стили шрифтов
Гарнитуры разделены на разные категории стилей, чтобы помочь определить, для чего они лучше всего используются. Наиболее распространенная и базовая классификация - это шрифты с засечками и без засечек. А засечки это небольшой штрих, идущий от концов букв, а шрифт без засечек не имеет этих штрихов. Шрифты без засечек обычно легче всего читать в Интернете, а шрифты с засечками отлично подходят для заголовков или жирных заявлений.

Структура письма
Вариации в части букв это то, что составляет разные стили шрифтов. Каждый шрифт имеет свой набор уникальных форм и размеров деталей. Вот некоторые из основных вещей, которые вам следует знать:

• X-height: высота строчной буквы x или высота любой строчной буквы, исключая верхний и нижний элементы.
• Базовая линия: воображаемая линия, на которой располагается набор символов, чтобы обеспечить единообразие и удобочитаемость.
• Восходящий элемент: часть буквы, которая выходит за пределы x-высоты.
• Descender: часть буквы, которая спускается ниже базовой линии.
• Счетчик: заключенные в буквы пробелы.

Ресурсы
Эти уроки и руководства помогут вам глубже понять основы шрифта.Реклама

• Веб-типографика 101
  Это краткий урок о типах шрифтов и введение в межсимвольный интервал.
• Ускоренный курс типографики: основы шрифта
  Этот курс познакомит вас с основами анатомии персонажей, классификацией типов и тем, как стили могут влиять на смысл.

Неделя 2: Комбинирование и изменение гарнитур

Любой желающий может просто выбрать шрифт, который подходит для конкретного проекта. Но если вы действительно хотите добавить смысла в свой проект и настроить стиль шрифта для оптимизации его эффективности, вам необходимо изучить методы комбинирования и ручной настройки различных стилей.

Комбинирование гарнитур
Сочетание шрифтов может добавить глубины и интереса к вашему проекту, удерживая внимание зрителя и удерживая взгляд. При составлении этих комбинаций необходимо учитывать определенные принципы, чтобы обеспечить единый и дополняющий стиль.

Контрастность: выбранные вами гарнитуры должны быть достаточно уникальными, чтобы отличаться друг от друга, но не настолько разными, чтобы их стили противоречили друг другу. Вы можете найти этот баланс, изменяя вес, размер, структуру и цвет.

Иерархия. Помимо фактического стиля шрифтов, вы можете создать контраст, установив визуальную иерархию, которая помогает направлять взгляд зрителя.

Реклама

Изменение гарнитуры
Каждый шрифт имеет встроенное пространство для определения его структуры. Однако иногда интервал не подходит для определенного макета. Вы можете исправить это, настроив эти пробелы, известные как интерлиньяж, кернинг и трекинг. Интерлиньяж относится к расстоянию между базовыми линиями в блоке копии, кернинг - это расстояние между двумя конкретными буквами, а отслеживание - это равномерный интервал между всеми буквами в тексте. Слегка изменив эти настройки, вы можете сделать свой макет более разборчивым, эстетичным и значимым.

Ресурсы

• Учебник по типографике: ведущий, кернинг, отслеживание
  Следуйте этому руководству, чтобы узнать больше о расстоянии между символами и о том, как успешно применять модификации к вашему типу.
• Ускоренный курс типографики: принципы комбинирования гарнитур
  Это более подробное руководство по эффективному созданию контраста путем комбинирования разных шрифтов.
• Пять простых шагов к лучшей типографике
  Это руководство проведет вас через более технические детали, чтобы убедиться, что блоки текста читаются.

Неделя 3: Макет

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

Сетки: полезный способ разработать твердый макет - использовать систему сеток, которая позволяет добиться единообразия в интервалах и выравнивании. В InDesign есть отличная функция сетки, которая проста в использовании и удобна для размещения и настройки шрифта.

Ресурсы Реклама

• Используйте сетки для типографских макетов
  Это пошаговое руководство, которое поможет вам сориентироваться в использовании сетки.

Неделя 4: Творчество и использование визуальной иерархии

По мере того, как вы совершенствуете свои типографские навыки, вы можете начать экспериментировать с более уникальными и креативными макетами и даже настраивать свои собственные надписи. Как только вы поймете, как создать надежный макет, вы можете начать экспериментировать с различными способами создания визуальной иерархии, которая будет вызывать интерес у читателей.

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

Надпись: если вы особенно амбициозны в своем пути к тому, чтобы стать хорошим шрифтом, попробуйте свои силы в надписи. Это искусство рисования букв, хотя все это также можно сделать на компьютере (обычно в Adobe Illustrator).

Ресурсы

• Создание захватывающих и необычных визуальных иерархий
  Это поможет вам научиться создавать новые иерархии с размером, пространством и комбинациями.
• Понимание разницы между шрифтом и надписью
  Развивайте более глубокое понимание обеих этих практик и решайте, насколько далеко зашли ваши типографские амбиции.

Ты готов!

Теперь, когда у вас распланированы уроки типографии, вы готовы приступить к работе! К концу месяца вы будете на пути к тому, чтобы стать опытным типографом, что упростит и повысит эффективность ваших проектов в общении с аудиторией.