0 added
0 removed
Original
2026-01-01
Modified
2026-02-21
1
<p><a>#статьи</a></p>
1
<p><a>#статьи</a></p>
2
<ul><li>11 май 2023</li>
2
<ul><li>11 май 2023</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><p>Рассказываем, для каких проектов подходит Gotham, и показываем примеры удачных шрифтовых пар с ним.</p>
4
</ul><p>Рассказываем, для каких проектов подходит Gotham, и показываем примеры удачных шрифтовых пар с ним.</p>
5
<p>Изображение: Ronald Abregu Jr / Behance</p>
5
<p>Изображение: Ronald Abregu Jr / Behance</p>
6
<p>Создать эффектную типографику для сайта, документа, постера или рекламы непросто. Правильное решение очень важно: шрифты влияют на восприятие текста и изображений, они способны и привлекать, и отталкивать. К тому же их много, и даже если для проекта уже выбран основной шрифт, к нему наверняка понадобятся дополнительные.</p>
6
<p>Создать эффектную типографику для сайта, документа, постера или рекламы непросто. Правильное решение очень важно: шрифты влияют на восприятие текста и изображений, они способны и привлекать, и отталкивать. К тому же их много, и даже если для проекта уже выбран основной шрифт, к нему наверняка понадобятся дополнительные.</p>
7
<p>Разберём одну из популярных гарнитур - Gotham - и расскажем, с чем её сочетать.</p>
7
<p>Разберём одну из популярных гарнитур - Gotham - и расскажем, с чем её сочетать.</p>
8
<p>Гарнитура Gotham вышла в 2000 году. Заказчиком этого дизайн-проекта стал журнал GQ, и задача звучала как "создать современный,<a>рациональный шрифт</a>".</p>
8
<p>Гарнитура Gotham вышла в 2000 году. Заказчиком этого дизайн-проекта стал журнал GQ, и задача звучала как "создать современный,<a>рациональный шрифт</a>".</p>
9
<p>Изначально одного из её авторов, Тобиаса Фрер-Джонса, вдохновило особенное оформление табличек в автобусном терминале на Манхэттене. Но всё же за дизайном гарнитуры стоит большое исследование нью-йоркских уличных знаков навигации и бытового городского леттеринга, которое он провёл вместе с коллегой, Джонатаном Хофлом.</p>
9
<p>Изначально одного из её авторов, Тобиаса Фрер-Джонса, вдохновило особенное оформление табличек в автобусном терминале на Манхэттене. Но всё же за дизайном гарнитуры стоит большое исследование нью-йоркских уличных знаков навигации и бытового городского леттеринга, которое он провёл вместе с коллегой, Джонатаном Хофлом.</p>
10
<p>Референсами для дизайна послужили вывески магазинов, реклама, указатели, оформленные красками и неоновыми трубками, отлитыми в металле и вырезанными в камне. В Нью-Йорке явно существовал особенный, типичный рисунок букв, но у него не было имени и он не был оформлен в систему. Поэтому новый шрифт Gotham, который появился в результате этой работы, стали воспринимать как что-то естественное, базовое.</p>
10
<p>Референсами для дизайна послужили вывески магазинов, реклама, указатели, оформленные красками и неоновыми трубками, отлитыми в металле и вырезанными в камне. В Нью-Йорке явно существовал особенный, типичный рисунок букв, но у него не было имени и он не был оформлен в систему. Поэтому новый шрифт Gotham, который появился в результате этой работы, стали воспринимать как что-то естественное, базовое.</p>
11
<p>Более того, он "вернулся" в город, который его породил: с 2002-го, когда набор вышел на рынок, Gotham стали массово использовать в дизайне обложек, сайтов, рекламы и вывесок. Именно им оформлен текст на мемориале на месте башен-близнецов в Нью-Йорке. Но главным звёздным моментом Gotham стала президентская кампания Барака Обамы 2008 года: в основе её айдентики была эта гарнитура.</p>
11
<p>Более того, он "вернулся" в город, который его породил: с 2002-го, когда набор вышел на рынок, Gotham стали массово использовать в дизайне обложек, сайтов, рекламы и вывесок. Именно им оформлен текст на мемориале на месте башен-близнецов в Нью-Йорке. Но главным звёздным моментом Gotham стала президентская кампания Барака Обамы 2008 года: в основе её айдентики была эта гарнитура.</p>
12
<p>Теперь Gotham считают классикой американского шрифтового дизайна, и он даже внесён в реестр объектов<a>MoMA</a>.</p>
12
<p>Теперь Gotham считают классикой американского шрифтового дизайна, и он даже внесён в реестр объектов<a>MoMA</a>.</p>
13
<p>В течение нескольких лет после выпуска Gotham команда студии Hoefle & Co продолжала добавлять насыщенности в гарнитуру и расширять её знаковый состав. Сейчас это уже суперсемейство, в которое входят:</p>
13
<p>В течение нескольких лет после выпуска Gotham команда студии Hoefle & Co продолжала добавлять насыщенности в гарнитуру и расширять её знаковый состав. Сейчас это уже суперсемейство, в которое входят:</p>
14
<ul><li>66 шрифтов семейства Gotham - 33 насыщенности от Thin до Ultra в начертаниях от Extra Narrow до Regular и соответствующие им курсивы;</li>
14
<ul><li>66 шрифтов семейства Gotham - 33 насыщенности от Thin до Ultra в начертаниях от Extra Narrow до Regular и соответствующие им курсивы;</li>
15
<li>8 шрифтов семейства Gotham Rounded.</li>
15
<li>8 шрифтов семейства Gotham Rounded.</li>
16
</ul><p>Gotham поддерживает расширенную латиницу, кириллицу, греческий язык.</p>
16
</ul><p>Gotham поддерживает расширенную латиницу, кириллицу, греческий язык.</p>
17
Так выглядит кириллица Gotham<em>Скриншот: сайт<a>My Fonts</a>/ Skillbox Media</em>Предыдущий вариант логотипа Balenciaga, с 2013 по 2017 год, был набран Gotham<em>Изображение: Balenciaga</em>В типографике официального сайта Tom Ford использован Gotham<em>Скриншот: сайт<a>Tom Ford</a>/ Skillbox Media</em>Gotham Rounded в логотипе для образовательного стартапа<em>Изображение: John Duggan /<a>Dribbble</a></em>Несколькими вариантами Gotham оформлены и логотип дизайнера мебели, и тексты на сайте. Для декоративных целей одну i в слове Triptico заменили на букву с акутом - диакритическим знаком ударения. Этот глиф тоже входит в кассу шрифта<em>Скриншот: сайт<a>Vinicius Siega</a>/ Skillbox Media</em>Шрифтовая пара Gotham и Ninna<em>Скриншот: сайт<a>Calendario Pirelli 2023</a>/ Skillbox Media</em><p>Тема календаря Пирелли на 2023 год - "Любовные письма к музам": на его страницах 14 моделей, снятые в образах покровительниц искусств и творчества. Это настроение в дизайне сайта поддерживает орнаментальный шрифт<a>Ninna</a>, пару которому составляет Gotham.</p>
17
Так выглядит кириллица Gotham<em>Скриншот: сайт<a>My Fonts</a>/ Skillbox Media</em>Предыдущий вариант логотипа Balenciaga, с 2013 по 2017 год, был набран Gotham<em>Изображение: Balenciaga</em>В типографике официального сайта Tom Ford использован Gotham<em>Скриншот: сайт<a>Tom Ford</a>/ Skillbox Media</em>Gotham Rounded в логотипе для образовательного стартапа<em>Изображение: John Duggan /<a>Dribbble</a></em>Несколькими вариантами Gotham оформлены и логотип дизайнера мебели, и тексты на сайте. Для декоративных целей одну i в слове Triptico заменили на букву с акутом - диакритическим знаком ударения. Этот глиф тоже входит в кассу шрифта<em>Скриншот: сайт<a>Vinicius Siega</a>/ Skillbox Media</em>Шрифтовая пара Gotham и Ninna<em>Скриншот: сайт<a>Calendario Pirelli 2023</a>/ Skillbox Media</em><p>Тема календаря Пирелли на 2023 год - "Любовные письма к музам": на его страницах 14 моделей, снятые в образах покровительниц искусств и творчества. Это настроение в дизайне сайта поддерживает орнаментальный шрифт<a>Ninna</a>, пару которому составляет Gotham.</p>
18
<p>Последний выбран не просто как шрифт, который хорошо работает в веб-дизайне: Gotham связывает два отдельных цифровых продукта - сайт календаря и официальный сайт Pirelli, где он также использован в интерфейсе.</p>
18
<p>Последний выбран не просто как шрифт, который хорошо работает в веб-дизайне: Gotham связывает два отдельных цифровых продукта - сайт календаря и официальный сайт Pirelli, где он также использован в интерфейсе.</p>
19
Шрифтовая пара PF Highway Sans Pro и Gotham<em>Скриншот: сайт<a>Mikel</a>/ Skillbox Media</em><p>Типографика сайта греческой сети кофеен построена на сочетании Gotham и PF Highway Sans Pro. Рисунок второго гротеска тоже основан на дизайне американской навигации - дорожных знаках, стандарт оформления которых приняли в 1966 году.</p>
19
Шрифтовая пара PF Highway Sans Pro и Gotham<em>Скриншот: сайт<a>Mikel</a>/ Skillbox Media</em><p>Типографика сайта греческой сети кофеен построена на сочетании Gotham и PF Highway Sans Pro. Рисунок второго гротеска тоже основан на дизайне американской навигации - дорожных знаках, стандарт оформления которых приняли в 1966 году.</p>
20
<p><a>PF Highway Sans Pro</a>вышел примерно тогда же, когда и Gotham, - в 2001 году, а создал его греческий дизайнер Panos Vassiliou.</p>
20
<p><a>PF Highway Sans Pro</a>вышел примерно тогда же, когда и Gotham, - в 2001 году, а создал его греческий дизайнер Panos Vassiliou.</p>
21
Шрифтовая пара Salome Stencil и Gotham<em>Изображение:<a>Milu</a></em><p>Логотип косметической марки Milu оформлен Gotham Light, а надписи на упаковках - сочетанием Gotham Light, Gotham Book и акцидентного шрифта Salome Stencil.</p>
21
Шрифтовая пара Salome Stencil и Gotham<em>Изображение:<a>Milu</a></em><p>Логотип косметической марки Milu оформлен Gotham Light, а надписи на упаковках - сочетанием Gotham Light, Gotham Book и акцидентного шрифта Salome Stencil.</p>
22
<p>Salome придаёт дизайну лёгкое, игривое настроение, что особенно заметно на контрасте с "рациональным" Gotham.</p>
22
<p>Salome придаёт дизайну лёгкое, игривое настроение, что особенно заметно на контрасте с "рациональным" Gotham.</p>
23
Шрифтовая пара Gotham и брусковая антиква<em>Изображение: Dave Keller /<a>Dribbble</a></em><p>Простая айдентика с американским визуальным характером для небольшой дизайн-студии: Gotham для текстов и логотип, набранный брусковой антиквой.</p>
23
Шрифтовая пара Gotham и брусковая антиква<em>Изображение: Dave Keller /<a>Dribbble</a></em><p>Простая айдентика с американским визуальным характером для небольшой дизайн-студии: Gotham для текстов и логотип, набранный брусковой антиквой.</p>
24
Gotham в визуальной системе для кампании Барака Обамы<em>Фото: Charles Ommanney / Getty Images</em><p>2007-й - год, когда в кампании кандидата в президенты США сделали большую ставку на графический дизайн. Нью-йоркский гротеск в визуальной системе был призван выражать уверенный и ясный голос кандидата от штата Иллинойс.</p>
24
Gotham в визуальной системе для кампании Барака Обамы<em>Фото: Charles Ommanney / Getty Images</em><p>2007-й - год, когда в кампании кандидата в президенты США сделали большую ставку на графический дизайн. Нью-йоркский гротеск в визуальной системе был призван выражать уверенный и ясный голос кандидата от штата Иллинойс.</p>
25
Дизайн обложки Чип Кидда со шрифтом Gotham Black<em>Изображение: издательство Random House /<a>Chip Kidd</a></em><p>Чип Кидд знаменит в первую очередь как дизайнер книг, и время от времени в своей работе он обращается к Gotham. Например, именно этим шрифтом в начертании Black он оформил обложку американского издания романа Харуки Мураками "1Q84". Благодаря геометричности знаков и неконтрастности штрихов вырезанные буквы хорошо читаются - как если бы они были напечатаны яркой краской.</p>
25
Дизайн обложки Чип Кидда со шрифтом Gotham Black<em>Изображение: издательство Random House /<a>Chip Kidd</a></em><p>Чип Кидд знаменит в первую очередь как дизайнер книг, и время от времени в своей работе он обращается к Gotham. Например, именно этим шрифтом в начертании Black он оформил обложку американского издания романа Харуки Мураками "1Q84". Благодаря геометричности знаков и неконтрастности штрихов вырезанные буквы хорошо читаются - как если бы они были напечатаны яркой краской.</p>
26
<p>Все шрифты суперсемейства Gotham платные. Их можно купить:</p>
26
<p>Все шрифты суперсемейства Gotham платные. Их можно купить:</p>
27
<ul><li>На сайте<a>Typography.com</a>. Этот ресурс принадлежит студии Hoefler & Co, владеющей правами на Gotham.</li>
27
<ul><li>На сайте<a>Typography.com</a>. Этот ресурс принадлежит студии Hoefler & Co, владеющей правами на Gotham.</li>
28
<li>В каталоге<a>MyFonts</a>. Недоступен в России.</li>
28
<li>В каталоге<a>MyFonts</a>. Недоступен в России.</li>
29
</ul><p>Если вы встречаете предложение скачать любое начертание Gotham бесплатно, то это, скорее всего, незаконно.</p>
29
</ul><p>Если вы встречаете предложение скачать любое начертание Gotham бесплатно, то это, скорее всего, незаконно.</p>
30
<p>Нужно быть внимательными с кириллической версией. На сайтах-агрегаторах есть бесплатный шрифт Gotham Pro - несколько лет назад его создали неизвестные дизайнеры. Рисунок букв этой бесплатной кириллицы заметно отличается от тех, что сделали в студии Hoefler & Co.</p>
30
<p>Нужно быть внимательными с кириллической версией. На сайтах-агрегаторах есть бесплатный шрифт Gotham Pro - несколько лет назад его создали неизвестные дизайнеры. Рисунок букв этой бесплатной кириллицы заметно отличается от тех, что сделали в студии Hoefler & Co.</p>
31
<p>Если необходим шрифт, похожий на Gotham, можно обратить внимание на варианты, в рисунке которых тоже есть отсылки к "городской" эстетике. Например:</p>
31
<p>Если необходим шрифт, похожий на Gotham, можно обратить внимание на варианты, в рисунке которых тоже есть отсылки к "городской" эстетике. Например:</p>
32
<ul><li><a>Montserrat</a>из библиотеки Google Fonts;</li>
32
<ul><li><a>Montserrat</a>из библиотеки Google Fonts;</li>
33
<li>бесплатный<a>Metropolis</a>;</li>
33
<li>бесплатный<a>Metropolis</a>;</li>
34
<li><a>BN Hamburg Hand</a>с расширенным набором латиницы, но без кириллицы.</li>
34
<li><a>BN Hamburg Hand</a>с расширенным набором латиницы, но без кириллицы.</li>
35
</ul><p>Или - обратить внимание на чистые, но "тёплые" по характеру гротески, в которых есть скрытые оригинальные детали:</p>
35
</ul><p>Или - обратить внимание на чистые, но "тёплые" по характеру гротески, в которых есть скрытые оригинальные детали:</p>
36
<ul><li><a>Gordita</a>,</li>
36
<ul><li><a>Gordita</a>,</li>
37
<li><a>Avenir</a>,</li>
37
<li><a>Avenir</a>,</li>
38
<li><a>Hamlin</a>,</li>
38
<li><a>Hamlin</a>,</li>
39
<li><a>Figtree</a>.</li>
39
<li><a>Figtree</a>.</li>
40
</ul><a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>
40
</ul><a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>