Артём Горбунов. Типографика и вёрстка. Электронный учебник

RU

EN

Электронный учебник «Типографика и вёрстка»

Пред­став­ляем первую книгу Изда­тель­ства Дизайн‑бюро Артёма Гор­бу­нова — прак­ти­че­ское руко­вод­ство по типо­гра­фике и вёрстке с акцен­том на маке­ти­ро­ва­нии для экрана. Учеб­ник пред­на­зна­чен для дизай­не­ров, редак­то­ров и раз­ра­бот­чи­ков.

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

«Типо­гра­фика и вёрстка» после­до­ва­тельно отве­чает на вопрос как. Автор вво­дит прин­ципы модуль­но­сти и якор­ных объ­ек­тов, пра­вило внут­рен­него и внеш­него. Затем шаг за шагом наглядно объ­яс­няет, как добиться акку­рат­ной и плот­ной вёрстки сай­тов, сер­ви­сов и СМИ.

Изло­же­ние ведётся от малого к боль­шому: от эле­мен­тов к моду­лям и целым стра­ни­цам. Чита­тели закреп­ляют зна­ния с помо­щью тестов.

Книга сле­дует прин­ци­пам вёрстки, кото­рые про­по­ве­дует, и пред­на­зна­чена для чте­ния с экрана. Новый интер­фейс откры­вает спо­собы изло­же­ния и иллю­стри­ро­ва­ния, кото­рые были невоз­можны в бумаж­ной книге.

Автор — Артём Горбунов
Арт-директор бюро, соавтор «Советов», ректор Школы стажёров

Подписаться Попробовать
Спеццена для подписчиков
на другие книги бюро
1200
990
За первые
три месяца

Оглавление

Основы
Базовые элементы
Модули
Страницы
Заключение
  • Правило внутреннего и внешнего
  • Модульность
  • Правило якорных объектов
  • Формат. Выбор полей. Длина строки и интерлиньяж
  • Точка, линия, прямоугольник
  • От геометрии к типографике
  • Тест
  • Заголовок
  • Текст
  • Иллюстрация
  • Элемент управления
  • Ссылка
  • Подпись
  • Тест
  • Текст без иллюстраций
  • Лента
  • Текст с иллюстрациями
  • Тест
    • Форма текста и порядок чтения
    • Доминирующие и вспомогательные иллюстрации
    • Вертикальные иллюстрации
    • Тест
  • С модульной сеткой
  • Из модулей без иллюстраций
  • Из модулей с иллюстрациями
  • Текстовая
  • Главная
  • Уши, цитаты, фактоиды, врезки, авторы, социокнопки
  • Тест
  • Выход из прямоугольника
  • Культурные традиции
  • Тест


В бюро радикально переосмыслили формат электронной книги:

Было

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

Стало

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

Книга на экране

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

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

Книга разделена на развороты. Каждый разворот состоит из рассказа и иллюстрированных примеров
𝍥
По удобству чтения на простых мониторах книга приближается к бумажной, а на «ретине» её читать ещё удобнее и приятнее

Проверка знаний

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

92 %

Тесты помогают глубже понять материал. Если результат не устраивает, читатель снова изучает материал и пересдаёт тест


Тест предлагает вопросы на знание материала и анализ вёрстки: что хорошо и плохо, как улучшить

Справочник

«Типографика и вёрстка» — настольная книга верстальщика. Он пользуется ей как учебным пособием и справочником во время работы:

🔍
Верстальщик находит нужный макет в закладках, иллюстрированном оглавлении или поиске


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

Глаз радуется

Авторы не поскупились на примеры и иллюстрации на разворотах:

Подпишитесь, чтобы узнать о выходе новых книг. Без спама.

Отзывы читателей

Рекомендуем читать на экранах с «ретиной». На обычных тоже работает.

Для чтения нужен интернет и любой современный браузер.

Максим Ильяхов, ответственный редактор бюро

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

Книга — обязательное чтение для редакторов »

См. также совет о вёрстке для редактора

Илья Бирман, арт-директор бюро

«Другие книги о типографике и вёрстке, которые я прочёл, помогают повысить разрешение, но не дают ответа на вопрос, как именно нужно делать. С одной стороны, это правильно, ведь можно делать как угодно. С другой стороны, по таким книгам крайне трудно научиться.

Книга Артёма даёт внятный свод правил. Творческие муки заменяются на непростой, но уверенно ведущий к результату процесс. Правила можно нарушать — но потом.

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

Когда читаешь увеличим расстояние между буквами“, и на иллюстрации буквы плавно расступаются, — это настоящая магия.

Все дизайнеры должны прочитать »

Михаил Нозик, ведущий дизайнер бюро

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

Книга будет полезна всем, кто работает с текстом »

Попробовать

Оплата не прошла. Попробуйте снова или привяжите другую банковскую карту в Бюросфере.

О проекте

Автор и арт-директор: Артём Горбунов

Дизайнер: Александр Кан

Фотограф: Владимир Колпаков

Метранпаж и соавтор тестов: Сергей Фролов

Разработчики: Рустам Кулматов и Василий Половнёв

Книга набрана шрифтом «Бюросериф».


Поделиться
Отправить