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

Типографика и вёрстка

🔍 Начните печатать, чтобы искать по книге или перейти к нужной странице по номеру

Удобно листать не только прокруткой, но и клавишами‑стрелками:

 
между важными местами
Shift
между
разворотами

Моему деду — Валерию Горбунову, писателю, газетчику и остроумному человеку

Моему деду — Валерию Горбунову, писателю, газетчику и остроумному человеку

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

Типографика и вёрстка

Изда­тель­ство Бюро Гор­бу­нова
2015
Артём Горбунов

Типографика и вёрстка

Издательство Бюро Горбунова
2015
удк 655.262
ббк 85.15
г67
Гор­бу­нов А. С.
г67
Типо­гра­фика и вёрстка. —
М.: Изд‑во Бюро Гор­бу­нова, 2015
ISBN 978‑5‑9907024‑0‑0

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

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

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

УДК 655.262
ББК 85.15
ISBN 978‑5‑9907024‑0‑0
© Изда­тель­ство
Бюро Гор­бу­нова, 2015

Оглавление

    Основы 4

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

    Модули 74

    Стра­ницы 115

    Заклю­че­ние 155

удк 655.262
ббк 85.15
г67
г67
Горбунов А. С.
Типографика и вёрстка. —
М.: Изд‑во Бюро Горбунова, 2015
ISBN 978‑5‑9907024‑0‑0

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

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

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

УДК 655.262
ББК 85.15
ISBN 978‑5‑9907024‑0‑0
© Издательство
Бюро Горбунова, 2015

Оглавление

    Основы 4

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

    Модули 74

    Страницы 115

    Заключение 155

Скрыто 152 разворота

С раз­ви­тием зна­ний о мире люди учи­лись пред­став­лять его в пря­мо­уголь­нике и одно­вре­менно выры­ваться из плос­ких рамок в вооб­ра­же­нии. Это изоб­ра­же­ние неболь­шой части мира — Гер­ма­нии — на гео­гра­фи­че­ской карте девят­на­дца­того века.

Дизайн карты орга­ни­зо­ван вокруг кон­ту­ров кон­ти­нента, рек и водо­ё­мов, хол­мов и гор. Здесь нет замет­ных пря­мо­уголь­ни­ков, кроме рамки самой карты. Типо­гра­фика под­чи­нена гео­гра­фии: назва­ния морей оги­бают бере­го­вую линию, рек — повто­ряют их форму, горо­дов — обо­зна­чают их положение.

Карта Германии. Адольф Стилер. Атлас всех частей света.
Гота: Юстус Пертес, 1875

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

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

Карта Германии. Адольф Стилер. Атлас всех частей света.
Гота: Юстус Пертес, 1875

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

Строки с названиями пиков аккуратно огибают рельеф, отклоняются от легенды, а когда нужно — прерывают её. Одним словом — выходят из прямоугольника.

Карта опи­сы­вает рельеф с помо­щью цвета и изо­ли­ний на плос­ко­сти. Но она также выхо­дит в тре­тье изме­ре­ние бла­го­даря допол­ни­тель­ным высот­ным про­ек­циям по краям карты.

Строки с назва­ни­ями пиков акку­ратно оги­бают рельеф, откло­ня­ются от легенды, а когда нужно — пре­ры­вают её. Одним сло­вом — выхо­дят из прямоугольника.

Абстракт­ное мыш­ле­ние не пред­по­ла­гает бук­валь­ное изоб­ра­же­ние при­роды и пред­ме­тов. Но абстракт­ные объ­екты тоже мно­го­мерны и тре­буют пред­став­ле­ния на плоскости.

Математика выходит из прямоугольника. Из рукописей Исаака Ньютона.
Архив Кембриджского университета

Абстрактное мышление не предполагает буквальное изображение природы и предметов. Но абстрактные объекты тоже многомерны и требуют представления на плоскости.

Математика выходит из прямоугольника. Из рукописей Исаака Ньютона.
Архив Кембриджского университета

Игра охотника. Джузеппе Мария Мителли, 1699.
Коллекция Британского музея

Визу­а­ли­за­ция и типо­гра­фика выхо­дят из пря­мо­уголь­ника не только ради науки, но и для развлечения.

Поле настоль­ной игры пред­на­зна­чено для бро­са­ния костей и поде­лено на сцены охоты на птиц.

Игра охотника. Джузеппе Мария Мителли, 1699.
Коллекция Британского музея

Визуализация и типографика выходят из прямоугольника не только ради науки, но и для развлечения.

Поле настольной игры предназначено для бросания костей и поделено на сцены охоты на птиц.

Кентавр. Библиотека Британии

Рисунок Леонардо да Винчи

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

Плакат Йозефа Мюллера‑Брокманна

Плакат Вима Кроувела

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

Кентавр. Библиотека Британии

Рисунок Леонардо да Винчи

Плакат Йозефа Мюллера‑Брокманна

Плакат Вима Кроувела

Воз­рож­де­ние — время обоб­ще­ния. Учё­ный полу­чал зна­ния из раз­ных дис­ци­плин, а книга объ­еди­няла набор­ный текст с гра­вю­рами и руч­ной иллю­стра­цией. Неслу­чайно в эту эпоху создано много «непря­мо­уголь­ных» визуализаций.

Два­дца­тый век — век спе­ци­а­ли­за­ции, инду­стри­а­лизма, мас­со­вого про­из­вод­ства и квад­ратно‑гнез­до­вых мето­дов. По узким спе­ци­аль­но­стям раз­де­ли­лись не только рабо­чие и клерки, но и учё­ные. Два­дца­тый век раз­ло­жил типо­гра­фику по пря­мо­уголь­ни­кам, модуль­ная вёрстка — его продукт.

Скрыто 14 разворотов

Гор­бу­нов Артём Сергеевич

Типо­гра­фика и вёрстка

  • Aвтор и арт‑дирек­тор Артём Горбунов

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

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

  • Кал­ли­граф Анна Данилова

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

  • Раз­ра­бот­чики Рустам Кул­ма­тов,
    Васи­лий Полов­нёв
    и Андрей Ерес

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

  • Дизайн‑бюро Артёма Гор­бу­нова
    Большая Новодмитровская улица,
    дом 36, стро­е­ние 2
    Москва, Рос­сия, 127015

  • bureau.ru

Горбунов Артём Сергеевич

Типографика и вёрстка

  • Aвтор и арт‑директор Артём Горбунов

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

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

  • Каллиграф Анна Данилова

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

  • Разработчики Рустам Кулматов,
    Василий Половнёв
    и Андрей Ерес

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

  • Дизайн‑бюро Артёма Горбунова
    Большая Новодмитровская улица,
    дом 36, строение 2
    Москва, Россия, 127015

  • bureau.ru

Закладки
Добавьте закладки
Ничего не нашлось