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

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

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

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

http://d.pr/i/16l92http://d.pr/i/16l92http://d.pr/i/16l92
 
http://d.pr/i/16l92http://d.pr/i/16l92http://d.pr/i/16l92
между важными местами
http://d.pr/i/16l92http://d.pr/i/16l92http://d.pr/i/16l92
Shift
http://d.pr/i/16l92http://d.pr/i/16l92http://d.pr/i/16l92
между
разворотами

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

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

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

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

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

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

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

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

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

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

УДК 655.262
ББК 85.15

Оглавление

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

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

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

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

УДК 655.262
ББК 85.15

Оглавление

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

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

Совре­мен­ная типо­гра­фи­ка по‑преж­не­му модуль­ная. Но это не зна­чит, что дру­гой нет. Экспе­ри­мен­ты бри­тан­ца Сэма Винсто­на бес­ко­неч­но красивы.

Словарная история.
Сэм Винстон

Словарная история.
Сэм Винстон

Словарная история.
Сэм Винстон

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

Совре­мен­ная типо­гра­фи­ка по‑преж­не­му модуль­ная. Но это не зна­чит, что дру­гой нет. Экспе­ри­мен­ты бри­тан­ца Сэма Винсто­на бес­ко­неч­но красивы.

Работы Сэма Винсто­на — искус­ство, но прак­ти­че­ская вёрст­ка тоже выхо­дит из прямоугольников:

Каталог «Арк анбаунд». Дизайнер Этель Стругалла

Работы Сэма Винсто­на — искус­ство, но прак­ти­че­ская вёрст­ка тоже выхо­дит из прямоугольников:

Каталог «Арк анбаунд». Дизайнер Этель Стругалла

Ушки над шап­кой «Гарди­а­на» хули­га­нят и флир­ту­ют со стро­ги­ми пря­мо­уголь­ни­ка­ми ниже шапки.

Гардиан

Подпи­си к фото­гра­фи­ям еды «Фудпор­но» оги­ба­ют её кон­ту­ры в тра­ди­ци­ях и духе гео­гра­фи­че­ских карт.

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

Гайдлайны Андроида. Эксей Пантелеев

Ушки над шап­кой «Гарди­а­на» хули­га­нят и флир­ту­ют со стро­ги­ми пря­мо­уголь­ни­ка­ми ниже шапки.

Подпи­си к фото­гра­фи­ям еды «Фудпор­но» оги­ба­ют её кон­ту­ры в тра­ди­ци­ях и духе гео­гра­фи­че­ских карт.

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

Гардиан

Гайдлайны Андроида. Эксей Пантелеев

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

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

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

Вслед за Полом Рэн­дом про­ци­ти­рую Людви­га Миса ван дер Роэ: «Форма — это не цель, это резуль­тат нашей работы».

Если дизай­нер налов­чил­ся вер­стать, он рис­ку­ет пре­вра­тить­ся в робо­та — гене­ра­то­ра иде­аль­ных скуч­ных маке­тов. Рано или позд­но он заду­мы­ва­ет­ся об эсте­ти­ке, визу­аль­ной куль­ту­ре и сти­ле. И здесь он пере­хо­дит из обла­сти гео­мет­рии в область куль­ту­ро­ло­гии, искус­ства и гума­ни­тар­ных наук.

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

Мода облег­ча­ет отве­ты на такие вопро­сы. Два года назад дизай­не­ры рисо­ва­ли фоны из дере­ва и зам­ши, год назад — гра­ди­ен­ты от лило­во­го к жёл­то­му, сего­дня обра­ти­лись к мато­вым полу­про­зрач­но­стям. Но если сле­до­вать за ребя­та­ми на Бехан­се и Дри­бле, полу­чит­ся тре­тье­сорт­ный резуль­тат. Ребята на Бехан­се и на Дриб­ле сле­ду­ют за тренд­сет­те­ра­ми — круп­ней­ши­ми дизай­не­ра­ми и рекла­ми­ста­ми, и выда­ют вто­рич­ный резуль­тат. А хочет­ся думать само­му и отли­чать хоро­шее от плохого.

На что опе­реть­ся рус­ско­му дизайнеру?

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

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

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

Вслед за Полом Рэн­дом про­ци­ти­рую Людви­га Миса ван дер Роэ: «Форма — это не цель, это резуль­тат нашей работы».

Если дизай­нер налов­чил­ся вер­стать, он рис­ку­ет пре­вра­тить­ся в робо­та — гене­ра­то­ра иде­аль­ных скуч­ных маке­тов. Рано или позд­но он заду­мы­ва­ет­ся об эсте­ти­ке, визу­аль­ной куль­ту­ре и сти­ле. И здесь он пере­хо­дит из обла­сти гео­мет­рии в область куль­ту­ро­ло­гии, искус­ства и гума­ни­тар­ных наук.

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

Мода облег­ча­ет отве­ты на такие вопро­сы. Два года назад дизай­не­ры рисо­ва­ли фоны из дере­ва и зам­ши, год назад — гра­ди­ен­ты от лило­во­го к жёл­то­му, сего­дня обра­ти­лись к мато­вым полу­про­зрач­но­стям. Но если сле­до­вать за ребя­та­ми на Бехан­се и Дри­бле, полу­чит­ся тре­тье­сорт­ный резуль­тат. Ребята на Бехан­се и на Дриб­ле сле­ду­ют за тренд­сет­те­ра­ми — круп­ней­ши­ми дизай­не­ра­ми и рекла­ми­ста­ми, и выда­ют вто­рич­ный резуль­тат. А хочет­ся думать само­му и отли­чать хоро­шее от плохого.

На что опе­реть­ся рус­ско­му дизайнеру?

Славян­ская кирил­ли­че­ская тра­ди­ция кра­си­ва, инте­рес­на для изу­че­ния и бес­спор­но наша.

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

В луч­шем слу­чае сего­дня это выгля­дит так. Прямо ска­жем, узкоспециализированно.

Славян­ская кирил­ли­че­ская тра­ди­ция кра­си­ва, инте­рес­на для изу­че­ния и бес­спор­но наша.

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

В луч­шем слу­чае сего­дня это выгля­дит так. Прямо ска­жем, узкоспециализированно.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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