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

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

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

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

 
между важными местами
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

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

Рус­ский дизай­нер огля­ды­ва­ется на аме­ри­кан­скую куль­туру: оттуда при­шли глав­ные бренды, тра­ди­ции и при­ёмы рекламы:

Американский сайт Макдональдса

Весело и вкусно, но обра­тите вни­ма­ние на типо­гра­фику: про­пис­ные буквы и «кир­пич­ное» вырав­ни­ва­ние тек­сто­вых строк:

Реклама британская, а бренд и типографика — американские

Бри­тан­ский Мак­до­нальдс тоже устроен по аме­ри­кан­ским принципам.

Это неслу­чайно, у аме­ри­кан­ской куль­туры срав­ни­тельно недол­гая, но усто­яв­ша­яся и раз­ви­ва­ю­ща­яся традиция.

Этикетка виски «Джек Дэниелс»

Этикетка виски «Джек Дэниелс»

Русский дизайнер оглядывается на американскую культуру: оттуда пришли главные бренды, традиции и приёмы рекламы:

Американский сайт Макдональдса

Весело и вкусно, но обратите внимание на типографику: прописные буквы и «кирпичное» выравнивание текстовых строк:

Реклама британская, а бренд и типографика — американские

Британский Макдональдс тоже устроен по американским принципам.

Это неслучайно, у американской культуры сравнительно недолгая, но устоявшаяся и развивающаяся традиция.

Пере­до­вой аме­ри­кан­ский про­дукт выгля­дит смело и уверенно:

Дрель «Блек энд Декер»

Рядо­вая аме­ри­кан­ская реклама выгля­дит топорно и прямолинейно:

Реклама «Шонис»

А на рус­ской почве всхо­дит такое.

Передовой американский продукт выглядит смело и уверенно:

Дрель «Блек энд Декер»

Рядовая американская реклама выглядит топорно и прямолинейно:

Реклама «Шонис»

А на русской почве всходит такое.

Студенческая работа

Противопожарная наклейка в Коворкафе

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

Но зачем? Вклад Аме­рики в дело капи­та­лизма неоце­ним, но в типо­гра­фике логич­нее опе­реться на евро­пей­скую культуру.

Студенческая работа

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

Противопожарная наклейка в Коворкафе

Но зачем? Вклад Америки в дело капитализма неоценим, но в типографике логичнее опереться на европейскую культуру.

Главные идеи Возрождения, с которыми сложно не согласиться, — внутренняя и внешняя красота человека, универсальное образование, совершенствование знаний и умений, обращение к классике.

Подписи к иллюстрациям на иврите, греческом и латыни напоминают и о собственной культурной истории Европы.
Франческо Колонна. Сон Полифила. Альд Мануций, 1499

Эдвард Тафти. Наглядное объяснение. Графикс пресс, 1997. Иллюстрации Бонни Скрентон

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

В этом беспроигрышном жанре сделаны книги Эдварда Тафти,

Глав­ные идеи Воз­рож­де­ния, с кото­рыми сложно не согла­ситься, — внут­рен­няя и внеш­няя кра­сота чело­века, уни­вер­саль­ное обра­зо­ва­ние, совер­шен­ство­ва­ние зна­ний и уме­ний, обра­ще­ние к классике.

Подписи к иллюстрациям на иврите, греческом и латыни напоминают и о собственной культурной истории Европы.
Франческо Колонна. Сон Полифила. Альд Мануций, 1499

Эдвард Тафти. Наглядное объяснение. Графикс пресс, 1997. Иллюстрации Бонни Скрентон

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

В этом бес­про­иг­рыш­ном жанре сде­ланы книги Эдварда Тафти,

Подписи к иллюстрациям на иврите, греческом и латыни напоминают и о собственной культурной истории Европы.
Франческо Колонна. Сон Полифила. Альд Мануций, 1499

Эдвард Тафти. Наглядное объяснение. Графикс пресс, 1997. Иллюстрации Бонни Скрентон

...свёр­стан про­мо­сайт Эпла и стра­ница Коворкафе.

Маку — 30 лет

Страница «Коворкафе»

...свёрстан промосайт Эпла и страница Коворкафе.

Маку — 30 лет

Страница «Коворкафе»

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

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

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

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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

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

  • bureau.ru

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