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

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

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

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

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

Оглавление

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

Плитка с вырав­ни­ва­ни­ем по высо­те или ширине уже при­выч­на, но встре­ча­ют­ся инте­рес­ные эксперименты:

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

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

Плитка с вырав­ни­ва­ни­ем по высо­те или ширине уже при­выч­на, но встре­ча­ют­ся инте­рес­ные эксперименты:

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

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

Фоторама

Домини­ру­ю­щая фото­гра­фия в «фото­ра­ме» зани­ма­ет всю глав­ную стра­ни­цу или её важ­ную часть.

Фоторама

Домини­ру­ю­щая фото­гра­фия в «фото­ра­ме» зани­ма­ет всю глав­ную стра­ни­цу или её важ­ную часть.

Листал­ка «фото­ра­мы» долж­на быть инфор­ма­тив­ной — с под­пи­ся­ми или мини­а­тюр­ны­ми картинками.

Кно­пок‑стре­лок или безы­мян­ных круг­лых точек, пред­став­ля­ю­щих дру­гие иллю­стра­ции, недо­ста­точ­но. Исклю­че­ние состав­ля­ют одно­род­ные цик­лы кар­ти­нок на задан­ную тему — тогда точ­ки полу­ча­ют индульгенцию.

Листал­ка «фото­ра­мы» долж­на быть инфор­ма­тив­ной — с под­пи­ся­ми или мини­а­тюр­ны­ми картинками.

Кно­пок‑стре­лок или безы­мян­ных круг­лых точек, пред­став­ля­ю­щих дру­гие иллю­стра­ции, недо­ста­точ­но. Исклю­че­ние состав­ля­ют одно­род­ные цик­лы кар­ти­нок на задан­ную тему — тогда точ­ки полу­ча­ют индульгенцию.

Рубрикатор

Рубри­ка­тор напо­ми­на­ет япон­скую коро­боч­ку для лан­ча — в акку­рат­ных ячей­ках раз­ло­же­ны блю­да из раз­де­лов сайта.

Большин­ство глав­ных стра­ниц сай­тов пред­став­ля­ют собой рубрикатор.

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

Рубрикатор

Рубри­ка­тор напо­ми­на­ет япон­скую коро­боч­ку для лан­ча — в акку­рат­ных ячей­ках раз­ло­же­ны блю­да из раз­де­лов сайта.

Большин­ство глав­ных стра­ниц сай­тов пред­став­ля­ют собой рубрикатор.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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