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

RU

EN

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

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

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

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

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

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

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

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

Оглавление

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


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

Было

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

Стало

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

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

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

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

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

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

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

92 %

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


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

Справочник

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Попробовать

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

О проекте

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

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

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

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

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

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


Поделиться




© 2015

Дизайн-бюро
Артёма Горбунова

Вакансии
Пишите: mail@artgorbunov.ru

Большая Новодмитровская улица, дом 36, строение 2
Москва, Россия, 127015

 495646-84-89