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

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

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

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

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

Оглавление

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

Главная страница

Глав­ная стра­ни­ца сай­та — это его лицо, облож­ка, фир­мен­ный стиль, одёж­ка и квинт­эс­сен­ция. Глав­ная стра­ни­ца объ­яс­ня­ет суть, зна­ко­мит с воз­мож­но­стя­ми, опре­де­ля­ет сце­на­рий и зада­ёт тон. Глав­ная стра­ни­ца — не про­сто функ­цио­наль­ная точ­ка вхо­да. У глав­ной стра­ни­цы есть — долж­но быть — своё осо­бое ощущение.

Вме­сте с тем, дизайн глав­ной стра­ни­цы под­чи­ня­ет­ся общим прин­ци­пам сбор­ки стра­ниц, что мы рас­смот­ре­ли ранее.

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

Главная страница

Глав­ная стра­ни­ца сай­та — это его лицо, облож­ка, фир­мен­ный стиль, одёж­ка и квинт­эс­сен­ция. Глав­ная стра­ни­ца объ­яс­ня­ет суть, зна­ко­мит с воз­мож­но­стя­ми, опре­де­ля­ет сце­на­рий и зада­ёт тон. Глав­ная стра­ни­ца — не про­сто функ­цио­наль­ная точ­ка вхо­да. У глав­ной стра­ни­цы есть — долж­но быть — своё осо­бое ощущение.

Вме­сте с тем, дизайн глав­ной стра­ни­цы под­чи­ня­ет­ся общим прин­ци­пам сбор­ки стра­ниц, что мы рас­смот­ре­ли ранее.

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

Лента

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

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

Лента

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

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

В самом интер­не­те лен­ты при­жи­лись не толь­ко на новост­ных сай­тах, но и в соци­аль­ных сетях:

Фейсбук

Твитер

Общий прин­цип устрой­ства их глав­ных стра­ниц — бес­ко­неч­ная сред­няя часть.

По прин­ци­пу лен­ты устро­е­ны мно­гие авто­ма­ти­че­ски обнов­ля­е­мые сай­ты, напри­мер «Советы» и Стековерфлоу.

В самом интер­не­те лен­ты при­жи­лись не толь­ко на новост­ных сай­тах, но и в соци­аль­ных сетях:

Фейсбук

Общий прин­цип устрой­ства их глав­ных стра­ниц — бес­ко­неч­ная сред­няя часть.

Твитер

По прин­ци­пу лен­ты устро­е­ны мно­гие авто­ма­ти­че­ски обнов­ля­е­мые сай­ты, напри­мер «Советы» и Стековерфлоу.

Плитка

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

Плитка

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

Если моду­ли плит­ки выров­не­ны по высо­те, глаз уве­рен­но счи­ты­ва­ет линей­ную после­до­ва­тель­ность в при­выч­ном направлении.

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

Если моду­ли плит­ки выров­не­ны по высо­те, глаз уве­рен­но счи­ты­ва­ет линей­ную после­до­ва­тель­ность в при­выч­ном направлении.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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