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

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

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

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

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

Оглавление

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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