HTML Diff
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 &amp; Co продолжала добавлять насыщенности в гарнитуру и расширять её знаковый состав. Сейчас это уже суперсемейство, в которое входят:</p>
13 <p>В течение нескольких лет после выпуска Gotham команда студии Hoefle &amp; 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 &amp; Co, владеющей правами на Gotham.</li>
27 <ul><li>На сайте<a>Typography.com</a>. Этот ресурс принадлежит студии Hoefler &amp; 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 &amp; Co.</p>
30 <p>Нужно быть внимательными с кириллической версией. На сайтах-агрегаторах есть бесплатный шрифт Gotham Pro - несколько лет назад его создали неизвестные дизайнеры. Рисунок букв этой бесплатной кириллицы заметно отличается от тех, что сделали в студии Hoefler &amp; 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>