Краткий конспект по курсу «Типографика и вёрстка» Игоря Штанга

Расскажу про курс, который проходил 22...24 сентября в Минске. Так сказать, скромный конспект. Тут только сухой остаток. Если что-то не понятно, спросите у меня:)

День 1. Бегство от серого прямоугольника

Как обычно заказчик присылает задание? Обычно, это просто текст. Как к нему подступиться? Сначала, нужно выяснить:

  • Кто будет читать его?
  • Где будет висеть текст?

Как только выяснили, определяем содержание и собираем структуру. После структуры, определяем формат.

Теперь, пару слов о приёмах, которые помогают убежать от серого текста:

Набрать крупно. Секрет прост. Крупный текст хорошо смотрится с пиктограммами и иконками. Кстати, крупный текст ещё может быть фоном для другого текста. Дело в том, что крупный текст повышает контраст. Серый прямоугольник превращается в располосицу — уже лучше:)

Разбить на колонки. Простой приём, но эффективный. Появляется ритм. Читать текст по колонкам легче. Формат колонки может повторять формат листа.

Подать мелкими порциями. Разбить текст на абзацы, дать заголовки.

Активизировать фон. Дать больше воздуха формату.

Превратить в паттерн. Тут сложно подобрать слова, лучше просто показать картинку.

Выйти в третье измерение. Секрет в наслоении разных текстовых блоков.

День 2. Конструкция



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

Модульность. Макет делится на модули прямоугольной формы без остатка и по смыслу. Модули не должны пересекаться. Модуль ≠ кирпич. Есть пять способов, как закрыть прямоугольник: 


  1. Закрыть границей другого модуля. Можно использовать плашку или линейку. Самое крутое — добавить пространства.
  2. Взять в рамку или поставить на плашку. Можно линейки.
  3. Закрепить углы. Якорные объекты должны быть контрастны. Тут разговор только о формате.
  4. Коснуться каждой из сторон. Неважно, касается обреза или поля.
  5. Собрать все элементы в центре.

Сетка. Модульность — это не сетка. Сетка для выравнивания. Сетка не делит макет по смыслу.


Комбинаторика. Есть семь способов, как расположить много объектов по сетке:

  1. Заполнить модули сетки не до конца.
  2. Покрасить в разные цвета.
  3. Заполнить элементами разных видов.
  4. Объединить модули.
  5. Выйти за пределы модуля.
  6. Добавить новый слой.
  7. Соблюсти баланс порядка и хауса.

Верстка по форме. Существует три вида:

  1. Текст повторяет форму.
  2. Текст ссылается на форму.
  3. Текст создает форму.

День 3. Простая и сложная вёрстка

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

Абзац. Первый абзац приятно смотрится, когда его прибивают к заголовку.

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

Отступы. Минимальный отступ равен его межстрочному интервалу.

Списки бывают:

  1. Упорядоченные или неупорядоченные.
    Если последовательность элементов не зависит от определенного логического порядка, то список является неупорядоченным. Если же от перестановки элементов изменяется смысл, то список называется упорядоченным.
  2. Нумерованные или маркированные.
    Каждый элемент нумерованного списка обозначен цифрой, маркированного — графическим маркером.
  3. Одноуровневые или многоуровневые.
    Многоуровневый список имеет вложенную структуру.

В списках можно использовать цифры, буквы алфавита, отступ слева и «—». Пойнты или точки лучше не использовать.

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


Чтобы не пропустить новую заметку — подпишитесь на мой канал в Телеграме.

Поделиться
Отправить
Запинить
1 комментарий
Константин Евстратенко

Очень интересно! Хочется ещё примеров про модульность, комбинаторику и вёрстку по форме.

Популярное