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

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

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

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

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

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

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

Маку — 30 лет

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

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

Маку — 30 лет

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

Итак, одной ногой наш дизай­нер стоит на тра­ди­циях Воз­рож­де­ния. На что поста­вить другую?

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

Пат­ри­оты могут быть спо­койны, потому что швей­цар­ская типо­гра­фика выросла из Бауха­уса, а Баухаус заим­ство­вал у группы «Стиль». На всё это прямо или кос­венно повли­яли наши сооте­че­ствен­ники: Лисиц­кий, Кан­дин­ский, Род­ченко, Мая­ков­ский, Мале­вич. К сожа­ле­нию, потом опу­стился желез­ный зана­вес, и миро­вой дизайн в два­дца­том веке раз­ви­вался уже без нас.

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

Коробочка с чем‑то икеевским.
Стокгольмская дизайнерская лаборатория

Итак, одной ногой наш дизайнер стоит на традициях Возрождения. На что поставить другую?

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

Патриоты могут быть спокойны, потому что швейцарская типографика выросла из Баухауса, а Баухаус заимствовал у группы «Стиль». На всё это прямо или косвенно повлияли наши соотечественники: Лисицкий, Кандинский, Родченко, Маяковский, Малевич. К сожалению, потом опустился железный занавес, и мировой дизайн в двадцатом веке развивался уже без нас.

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

Коробочка с чем‑то икеевским.
Стокгольмская дизайнерская лаборатория

Евродизайн прекрасно работает в интерфейсах,

Айфон

на картриджах для принтера...

Наклейки на картриджи Т2

Айфон

Наклейки
на картриджи Т2

Евро­ди­зайн пре­красно рабо­тает в интерфейсах,

на кар­три­джах для принтера...

В фир­мен­ных сти­лях банков...

и в веб‑сервисах.

Ляндсипотек банк. Стокгольмская дизайнерская лаборатория

Правовая база «Системы Юрист»

В фирменных стилях банков...

Ляндсипотек банк. Стокгольмская дизайнерская лаборатория

и в веб‑сервисах.

Правовая база «Системы Юрист»

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


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

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


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

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

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

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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

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

  • bureau.ru

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