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

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

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

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

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

Оглавление

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

Ушки, цитаты, фактоиды, врезки

Предста­вим себе «бутер­брод» из двух модулей.

Иллюстра­ция и заго­лов­ки слу­жат мости­ка­ми к тек­сту. Но как рас­ста­вить на стра­ни­це допол­ни­тель­ные ловуш­ки для чита­те­ля и сде­лать стра­ни­цу интереснее?

Доба­вим цита­ту и фактоид.

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

Ушки, цитаты, фактоиды, врезки

Предста­вим себе «бутер­брод» из двух модулей.

Иллюстра­ция и заго­лов­ки слу­жат мости­ка­ми к тек­сту. Но как рас­ста­вить на стра­ни­це допол­ни­тель­ные ловуш­ки для чита­те­ля и сде­лать стра­ни­цу интереснее?

Доба­вим цита­ту и фактоид.

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

Из коллекций автора, Ильи Бирмана, Андрея Шапиро, Александра Кана и Антона Шеина

Факто­ид (име­ю­щий вид фак­та, «фак­то­об­раз­ный») — утвер­жде­ние, пред­став­ля­е­мое в прес­се как факт, но без источ­ни­ка и под­твер­жде­ния, то есть вооб­ще‑то газет­ная утка.

Но в вёрст­ке мы цинич­но назо­вём фак­то­и­дом любую круп­ную циф­ру с под­пи­сью или крат­кий вынос в духе «А зна­е­те ли вы, что».

Из коллекций автора, Ильи Бирмана, Андрея Шапиро, Александра Кана и Антона Шеина

Факто­ид (име­ю­щий вид фак­та, «фак­то­об­раз­ный») — утвер­жде­ние, пред­став­ля­е­мое в прес­се как факт, но без источ­ни­ка и под­твер­жде­ния, то есть вооб­ще‑то газет­ная утка.

Но в вёрст­ке мы цинич­но назо­вём фак­то­и­дом любую круп­ную циф­ру с под­пи­сью или крат­кий вынос в духе «А зна­е­те ли вы, что».

Из коллекций автора, Ильи Бирмана, Андрея Шапиро, Александра Кана и Антона Шеина

Я реко­мен­дую начи­на­ю­щим дизай­не­рам рисо­вать цен­ни­ки в каче­стве упраж­не­ния по вёрстке

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

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

Я реко­мен­дую начи­на­ю­щим дизай­не­рам рисо­вать цен­ни­ки в каче­стве упраж­не­ния по вёрстке

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

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

Цитата, фак­то­ид и цен­ник — при­ме­ры мини­фор­ма­тов. К мини­фор­ма­там отно­сят­ся и врез­ки с име­нем автора:

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

Заметка в «Лук эт ми»

Веб‑дизай­не­рам есть чему поучить­ся у газет­чи­ков. Полоса англий­ско­го «Индепен­ден­та» укра­ше­на врез­ка­ми с порт­ре­том авто­ра и цитатой.

Цитата, фак­то­ид и цен­ник — при­ме­ры мини­фор­ма­тов. К мини­фор­ма­там отно­сят­ся и врез­ки с име­нем автора:

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

Заметка в «Лук эт ми»

Веб‑дизай­не­рам есть чему поучить­ся у газет­чи­ков. Полоса англий­ско­го «Индепен­ден­та» укра­ше­на врез­ка­ми с порт­ре­том авто­ра и цитатой.

Класси­ка жан­ра — гра­фик с резуль­та­та­ми социо­ло­ги­че­ско­го опро­са в каче­стве «цеп­ля­ю­щей» врезки.

Вытяну­тый в строч­ку опрос на краю стра­ни­цы гаран­ти­ро­ван­но при­вле­чёт вни­ма­ние, как на Яндек­се во вре­мя выбо­ров мэра Москвы.

Класси­ка жан­ра — гра­фик с резуль­та­та­ми социо­ло­ги­че­ско­го опро­са в каче­стве «цеп­ля­ю­щей» врезки.

Вытяну­тый в строч­ку опрос на краю стра­ни­цы гаран­ти­ро­ван­но при­вле­чёт вни­ма­ние, как на Яндек­се во вре­мя выбо­ров мэра Москвы.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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