Вы отписались от новостей о книгах бюро
Мы напишем вам по адресу , когда выйдут новые книги.
Ваша подписка подтверждена

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

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

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

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

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

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

Автор — Артём Горбунов
Арт‑директор бюро, соавтор «Советов», ректор Школы бюро
КПД ❔
16 дизайнеру, 12 редактору, 6 руководителю

Оглавление

Основы

  • Правило внутреннего и внешнего

  • Модульность

  • Правило якорных объектов

  • Формат. Выбор полей. Длина строки и интерлиньяж

  • Точка, линия, прямоугольник

  • От геометрии к типографике

  • Тест

Базовые элементы

  • Заголовок

  • Текст

  • Иллюстрация

  • Элемент управления

  • Ссылка

  • Подпись

  • Тест

Модули

  • Текст без иллюстраций

  • Лента

  • Текст с иллюстрациями

  • Тест

  • Форма текста и порядок чтения

  • Доминирующие и вспомогательные иллюстрации

  • Вертикальные иллюстрации

  • Тест

Страницы

  • С модульной сеткой

  • Из модулей без иллюстраций

  • Из модулей с иллюстрациями

  • Текстовая

  • Главная

  • Уши, цитаты, фактоиды, врезки, авторы, социокнопки

  • Тест

Заключение

  • Выход из прямоугольника

  • Культурные традиции


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

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

Было

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

Стало

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

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

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

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

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

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

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

92%
92%
Тесты помогают глубже понять материал. Если результат не устраивает, читатель снова изучает материал и пересдаёт тест
Тест предлагает вопросы на знание материала и анализ примеров: что хорошо и плохо, как улучшить
bureau.ru
Тест предлагает вопросы на знание материала и анализ примеров: что хорошо и плохо, как улучшить
92%
92%
Тесты помогают глубже понять материал. Если результат не устраивает, читатель снова изучает материал и пересдаёт тест
92%
92%
Тесты помогают глубже понять материал. Если результат не устраивает, читатель снова изучает материал и пересдаёт тест
bureau.ru

Справочник

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

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

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

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

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

Вопросы и ответы

Почему книги доступны только по подписке?

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

Как подписаться?

Нажмите на кнопку «Подписка» в правом нижнем углу страницы книги.

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

Когда вы перейдёте по ссылке из письма, мы запомним вас на этом устройстве и вы сможете открывать книгу с её страницы.

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

Если же вы уже указывали имя и карту ранее и вошли со своим адресом, вы сможете подписаться сами или подарить подписку знакомому одним нажатием на кнопку без дополнительного ввода данных и перехода по ссылке из письма.

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

Что делать, если книга не открывается?

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

Но если наш сайт вас забывает, скорее всего, у вас не сохраняются куки. Это возможно в одном из двух случаев:

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

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

Что такое Бюросфера?

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

Как отменить подписку и что будет с книгой?

Если вы подписаны и авторизованы, на зелёной кнопке в правом нижнем углу будет галочка: «✓Подписка». Нажмите на кнопку, там будет ссылка «Отмена подписки». После отмены подписки книга станет вам недоступна. Когда захотите, вы сможете подписаться заново, но при этом нужно будет заново оплатить полную стоимость первого года (1200 ₽).

Демоглава
Внутреннее и внешнее
Попробовать бесплатно
Базовое правило типографики

Когда что выйдет

Оставьте почту, чтобы узнать о выходе книг и обновлениях других продуктов бюро.

Подписка

КПД ❔
16 дизайнеру, 12 редактору, 6 руководителю

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

О книге

Автор и арт‑директор

Артём Горбунов

Метранпаж и соавтор тестов

Сергей Фролов

Разработчики

Рустам Кулматов

Василий Половнёв

Дизайнер

Александр Кан

Фотограф

Владимир Колпаков

Шрифты

Пишите: books@bureau.ru

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