Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#статьи</a>

2 <ul><li>4 авг 2023</li>

3 <li>0</li>

4 </ul>Рассказываем, для каких проектов подходит Graphik, и показываем примеры удачных шрифтовых пар с ним.

5 Изображение: Alessandra Massacesi / Behance

6 Создать эффектную типографику для сайта, документа, постера или рекламы непросто. Правильное решение очень важно: шрифты влияют на восприятие текста и изображений, они способны и привлекать, и отталкивать. К тому же их много, и даже если для проекта уже выбран основной шрифт, к нему наверняка понадобятся дополнительные.

7 Разберём модную современную гарнитуру Graphik и расскажем, с чем её сочетать.

8 Graphik - это семейство гротесков из девяти начертаний (от сверхтонкого Thin до сверхжирного Super) и девяти соответствующих им курсивов.

9 Graphik вышел в 2009 году. Его автор - нью-йоркский дизайнер Кристиан Шварц - разрабатывал эти шрифты для собственной айдентики.<a>Он хотел создать</a>очень гладкий, но достаточно тёплый гротеск:

10 Важно было создать шрифт, который легко адаптируется к любому контексту и у которого нет явной привязки к какому-либо конкретному периоду в истории графического дизайна. В итоге я черпал вдохновение во всех периодах XX века.

11 Идея создать ещё один универсальный и "никакой" гротеск пришлась ко времени. В результате Кристиан дорабатывал этот проект по заказу дизайнеров Роберта Приста и Грейс Ли для Condé Nast Portfolio и делал дополнительные начертания для ребрендинга журнала Wallpaper*. После этого весь объём Graphik стал широко распространяться.

12 На рисунок знаков Graphik во многом повлияла типографика швейцарских постеров середины XX века и шрифты из "списка Б":

13 Меня больше вдохновляли не особенно популярные гротески, кои во множестве выпускали европейские словолитни в качестве конкурентов могущественным Futura, Helvetica и Univers - например, Neuzeit Grotesk, Folio, Recta и Maxima. Ни один из них не был прорывным, но у многих из них была своеобразная прелесть.

14 В 2015 году Илья Рудерман выпустил кириллическую версию Graphik.

15 Шрифты Graphik, кириллический наборСкриншот: сайт<a>type.today</a>/ Skillbox MediaРисунок жирных начертаний отсылает к шрифту Plak Пауля Реннера. Он был выпущен в 1928 году и разработан только для деревянных литер, специально для надписей крупных размеровСкриншот: сайт<a>type.today</a>/ Skillbox MediaК 2018 году Graphik стал членом суперсемейства: вышли ещё шесть версий с зауженной графикой от Compact до XXXX Condensed, версия Wide, а также гарнитура для арабского письма.

16 Благодаря "чистому" характеру Graphik стал популярным инструментом в digital-дизайне. В его рисунке нет отсылок к этническим или культурным элементам, поэтому он способен стать решением почти любой задачи и основой почти любой типографики - и выразительной, и технически-заурядной.

17 Graphik не доминирует: он "умеет" визуально подстраиваться под стиль других элементов дизайна. Например, в этой игривой анимации буквы выглядят даже забавноИзображение: сайт<a>Studio Idee Materia</a>/ Skillbox MediaGraphik незаметно определил эстетику многих современных медиа: он и достаточно элегантный, и несложный, и конвенциональный, и без флёра официальности. К тому же он легко читается в любом размере. Например, эти шрифты - основа айдентики и фирменной типографики медиахолдинга РБК.

18 Несколько видов начертаний Graphik в разделе сайта РБКСкриншот: сайт "<a>РБК Тренды</a>" / Skillbox MediaС Graphik несложно составлять эффектные шрифтовые пары. Например, можно брать шрифты разной насыщенности этой гарнитуры: из-за того, что графика тонких и нормальных начертаний Graphik ближе к Neuzeit Grotesk, а жирных - к Plak, они визуально отличаются и при этом выглядят родственными.

19 Кроме того, неизысканная эстетика этого гротеска не подавляет декоративные каллиграфические и акцидентные шрифты и позволяет ярче сиять даже привычным антиквам.

20 На сайте "Кинопоиска" Graphik работает в паре с романским шрифтом без засечек<a>SangBleu Sunrise</a>Скриншот: сайт<a>kinopoisk.ru</a>/ Skillbox MediaПосмотрим, как шрифты Graphik выглядят в разных проектах.

21 GLTY - проект Димитриса Гкациса. Он работает в Афинах, создаёт лимитированные объекты с продуманным оптимистичным дизайном и использует только экологичные материалы. И ещё - ориентируется на тех, кто больше ценит интересные истории, чем владение материальными вещами.

22 Тексты в интерфейсе оформлены только шрифтами Graphik, и минималистичность типографики подчёркивает и расцвечивает подвижный леттеринг.

23 Название линейки продуктов Place in the Sun оформлено леттеринг-анимацией и Graphik BoldИзображение: сайт<a>glty</a>/ Skillbox MediaСайт Большого театра полностью обновили в 2021 году. За редизайн отвечала команда<a>Sulliwan Studio</a>.

24 В основе digital-типографики - шрифтовая пара Apoc и Graphik. Современной антиквой с асимметрией и острыми засечками оформлены заголовки первого и второго уровня, а простым гротеском, который легко читать, - интерфейсные элементы с более "техническими" текстами: пояснениями, подписями, датами.

25 Шрифтовая пара Apoc и GraphikСкриншот: сайт "<a>Большой театр</a>" / Skillbox MediaВ шрифтах Graphik есть намёк на элегантность, поэтому они отлично подходят для интерфейсов премиальных сервисов.

26 Например, как на этом сайте для бронирования номеров в отеле на побережье Адриатического моря: заголовки и рекламные призывы оформлены гротеском в романском стиле Astoria Classic Sans, а тексты на кнопках и в футере - Graphik.

27 Шрифтовая пара Astoria Classic Sans и Graphik WebСкриншот: сайт<a>Grand Hotel Brioni</a>/ Skillbox MediaВ дизайне мини-роликов для "Типомании" использованы те же шрифты, которыми оформлен сайт фестиваля: это пара из акцидентного<a>Zangezi</a>и вневременного Graphik.

28 Шрифтовая пара Zangezi и GraphikИзображение: Victor Tyapkov /<a>Behance</a>Билборд с рекламой сиднейского дели - это только цвет и прямолинейное сообщение. Буквы очень крупного размера оформлены Graphik, и этот шрифт в таком контексте выглядит ярко и работает как акцидентный.

29 Чистота и честность гротеска особенно явно видна на контрасте со шрифтом логотипа: это Sunset Serial в начертании Bold - гуманистическая ретроантиква со смягчёнными засечками.

30 Шрифтовая пара Sunset Serial и GraphikИзображение: Good Ways Deli / <a>With You</a>Ещё один пример из медиа - дизайн ленты и превью статей в веб-версии The Atlantic, журнала со статьями и эссе о современных явлениях в политике, экономике, культуре и науке.

31 Основная гарнитура - классическая антиква Garamond Pro, которая создаёт образ старого, почтенного медиа с уверенным тоном. Пару ей составляет Graphik, и он отвечает за визуальную актуальность.

32 Шрифтовая пара Garamond Pro и GraphikСкриншот: сайт<a>The Atlantic</a>/ Skillbox MediaМинималистичный логотип архитектурного бюро<a>a2m</a>составлен из первых букв фамилий основателей и вертикальных линий. Несмотря на то что лого именной, в нём нет пафосности: во-первых, потому что буквы строчные, во-вторых, потому что они набраны приятно-бесцветным Graphic.

33 Логотип архитектурного бюро оформлен шрифтом GraphikИзображение: Yulia Kondrateva / Holystick design / mila silenina /<a>Behance</a>Smartwater - премиальный продукт компании Coca-Cola: это дистиллированная вода с добавлением электролитов, минералов и ароматизаторов. Айдентика Smartwater построена на гарнитуре Graphik, и единственный элемент, оформленный не этим гротеском, а шрифтом в романском стиле - слово Glaceau в названии.

34 До ребрендинга в 2022 году фирменной гарнитурой Smartwater была Helvetica. Дизайнеры студии<a>BVD</a>сменили её на Graphik, потому что<a>он отражает</a>балансирование между строгостью и непретенциозностью.

35 Graphik Bold в логотипе и дизайне этикетки SmartwaterИзображение:<a>Smartwater</a>Логотип агентства цифрового дизайна и разработки оформлен ясным Graphik. Такой чёткий шрифт в айдентике - отличное решение для компании, которая занимается технологиями и инновациями и для которой главная витрина находится в digital.

36 Graphik в логотипе ITСкриншот: сайт<a>Vide Infra</a>/ Skillbox MediaВсе шрифты семейства Graphik платные. Если вам необходимо одно или несколько начертаний для коммерческого проекта - например, фирменного стиля для заказчика или карточек для магазина на маркетплейсе, - то Graphik можно легально купить:

37 <ul><li>На сайте словолитни<a>Commercial Type</a>. Для оплаты нужна банковская карта, выпущенная не в РФ.</li>

38 <li>На сайте<a>type.today</a>. Здесь каждое начертание или полное семейство можно оплатить рублями.</li>

39 </ul>Для персональных проектов - учебных задач, творческих работ в портфолио - можно использовать пробную версию Graphik бесплатно. Чтобы скачать её, на сайте<a>Commercial Type</a>в специальной форме нужно оставить свой email. Можно найти шрифтовой файл и в сторонних каталогах: их множество, но гарантированно качественная версия будет только на сайте словолитни, которой эти шрифты принадлежат.

40 Есть много нейтральных гротесков, подобных Graphik. Если нужны бесплатные шрифты, можно обратиться к:

41 <ul><li><a>Muli</a>. Эти минималистичные начертания были созданы специально для web.</li>

42 <li><a>Inter</a>. Шрифты этого семейства тоже были разработаны специально для digital-дизайна и интерфейсов.</li>

43 <li><a>Nunito Sans</a>. Визуально в этих начертаниях больше дружелюбия, чем в Graphik.</li>

44 <li><a>Lato</a>. В геометрии и характере этого набора больше элегантности и мягкости, чем заложено в Graphik.</li>

45 <li><a>Hanken Grotesk</a>. В наборе нет знаков кириллицы, только расширенная латиница.</li>

46 <li><a>Montserrat</a>. Рисунок "Монсеррата" вдохновлён визуальной средой конкретной местности и конкретного периода, поэтому эти шрифты не настолько универсальны и адаптивны, как Graphik.</li>

47 </ul>Платные:

48 <ul><li><a>Neue Haas Grotesk Display</a>. Этот гротеск - возрождённая оригинальная "Гельветика".</li>

49 <li><a>Helvetica Now</a>. Как Helvetica, только лучше - современная, цифровая и чистая.</li>

50 <li><a>Cera Pro</a>. Это тоже гротеск с некоторой теплотой, но с большей геометричностью.</li>

51 <li><a>Founders Grotesk</a>. Эти шрифты - ещё один сплав разных гротесков XX века.</li>

52 </ul><a>Научитесь: Шрифт в дизайне Узнать больше</a>