Шрифты дизайн: Дизайнерские шрифты

Содержание

Все, что вам нужно, это 5 шрифтов

Когда я начинал карьеру фрилансером в начале 2000-х годов, было не так много веб-шрифтов на выбор, тем не менее, меня всегда ошеломляло их количество. Не имея формального образования в области дизайна или типографики, мой выбор был неосведомленным и ограниченным.

Забавно оглядываться назад и понимать, что мне было труднее выбирать шрифты, когда было меньше вариантов, чем сейчас. С тех пор я перестал работать графическим дизайнером-фрилансером, но все еще занимаюсь брендингом, веб-дизайном и графическим дизайном для собственных проектов. За свою карьеру я приобрел достаточно опыта и много узнал о веб-типографике, поэтому сделал вывод, к которому до меня пришли многие дизайнеры – все, что вам нужно, это 5 шрифтов.

5 шрифтов Массимо Виньелли

Массимо Виньелли был одним из лучших коммуникаторов нашего времени. Его работы оказали огромное влияние на графический дизайн XX века. Он один из дизайнеров, если не единственный, которые сделали шрифт Helvetica таким популярным и распространенным.

Пример того, как Массимо по-разному мастерски использовал шрифт Helvetica

Дизайн-развитие по подписке

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

Присоединиться

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

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

— Массимо Виньелли

Так какими были его 5 шрифтов? Это шрифты, которые мы сегодня редко используем (кроме Futura).

5 шрифтов Массимо Виньелли, на которых он построил свою богатую карьеру: Futura, Times New Roman, Helvetica, Bodoni, Century

Times New Roman и Helvetica потеряли популярность у дизайнеров вскоре после распространения веб-шрифтов в начале 2000-х годов. Это были два очевидных выбора в качестве безопасных веб-шрифтов, а также Arial, который является копией Helvetica. Дизайнерам хотелось больше возможностей. И как только они смогли начать экспериментировать с разными шрифтами, они больше не оглядывались на проверенные и тяжеловесные гарнитуры из прошлого. Теперь дизайнеры часто выбирают разные шрифты для каждого проекта. Но вот вопрос – действительно ли нам нужны все эти шрифты? И действительно ли мы должны забыть о безопасных веб-шрифтах, которые часто считаем «скучными»?

Мои собственные 5 шрифтов

Неопытный дизайнер думает, что ему нужно огромное количество шрифтов, опытный же знает, что один шрифт можно использовать разными способами. Приведенный выше пример Массимо Виньелли с использованием шрифта Helvetica прекрасно иллюстрирует это. Дело не только в том, какой шрифт мы выбираем, но и в том, как мы его используем. Размер, контраст, расположение, цвета фона и переднего плана, а также то, как он сочетается с другими шрифтами в дизайне. Это всего лишь основы, но используя их, мы можем создать множество оригинальных дизайнов и разнообразия с помощью всего одного шрифта. Я узнал это методом проб и ошибок на протяжении своей карьеры. Самостоятельное обучение сыграло огромную роль в том, сколько времени мне потребовалось, чтобы понять, что важно не количество шрифтов, а качество.

Я пришел к тому же выводу, что и Массимо и многие другие дизайнеры – мне не нужен огромный выбор шрифтов сомнительного качества, мне нужно всего несколько высококачественных гарнитур. Поэтому я составил свой собственный список из 5 шрифтов, которые я использую чаще всего.

Мои 5 шрифтов, к которым я постоянно возвращаюсь: Gilroy, Meta Serif Pro, Roboto, Georgia, Work Sans

Это шрифты, которые я пробую использовать всякий раз, когда начинаю работать над чем-то новым. Если я не могу заставить эти шрифты работать, я пойду и найду новый шрифт, как сделал, когда работал над проектом UX Buddy.

Как создать свой собственный список из 5 шрифтов

Ниже представлены типы шрифтов, из которых, по моему мнению, должен состоять список «5 шрифтов» современного веб-дизайнера:

  • Геометрический шрифт без засечек
  • Качественный шрифт с засечками
  • Универсальный шрифт (ваша «рабочая лошадка»)
  • Безопасный веб-шрифт
  • Вариативный шрифт

Если вы присмотритесь, то заметите, что эти типы шрифтов идеально соответствуют моим «5 шрифтам». Gilroy – это геометрический шрифт без засечек, который мне очень нравится, потому что он кажется современным (в отличие от Futura, который в некоторых случаях может выглядеть устаревшим). Meta – высококачественный шрифт с засечками, потому что он действительно хорошо спроектирован, отлично смотрится в абзацах текста и имеет множество функций OpenType, таких как лигатуры, альтернативные стили цифр и многое другое.

Roboto – типичное семейство шрифтов, выступающее в роли «рабочей лошадки». Он бывает разного стиля и веса, и очень хорошо спроектирован. Он состоит из шрифтов без засечек, плоских засечек, моностиля. Его можно использовать для чего угодно, от длинных абзацев текста до меток интерфейса и фрагментов кода.

Work Sans – это вариативный шрифт без засечек, который мне очень нравится. Он очень разборчивый даже при небольшом размере, что отлично подходит для дизайна интерфейса. Поскольку это вариативный шрифт, я могу подбирать различные веса, чтобы добиться правильного баланса между размерами шрифтов, что помогает дизайну интерфейса выглядеть лучше.

И последний шрифт – Georgia, недооцененный веб-шрифт. Выглядит он довольно современно, что невероятно, ведь он был спроектирован довольно давно. Он содержит минускульные цифры, часто называемые «строчными». Он отлично подходит для абзацев текста, особенно когда мне нужно сэкономить несколько килобайт. Я уже давно говорю: безопасные веб-шрифты – вовсе не отстой. Они абсолютно бесплатны, так как нам не нужно платить за их использование, а также они не добавляют веса нашим сайтам, поэтому они загружаются быстрее. Я расскажу о веб-шрифтах подробнее в другой раз.

А какие 5 шрифтов выбрали вы?

Хорошо, теперь пора подумать о своих 5 шрифтах. Для начала запишите пару шрифтов, которые вы использовали более одного раза. Затем просмотрите мой рекомендуемый список типов шрифтов и попробуйте составить его со своим собственным списком. Может показаться, что у вас будет меньше выбора, если вы сузите диапазон до 5 шрифтов. Но вы узнаете, как их лучше использовать, что в долгосрочной перспективе сделает вас лучшим дизайнером. Кроме того, вы всегда можете взять шрифт, который не часто используете, и заменить его другим. Просто убедитесь, что вы пытаетесь использовать в общей сложности около 5 шрифтов. Скоро вы придете к тому же выводу, что и я, и многие другие дизайнеры: 5 шрифтов – это все, что вам нужно, если ни один из них не является Comic Sans.

как работать со шрифтами — Блог Crello

В мире более 300 тысяч шрифтов. Некоторые создаются для одной-единственной надписи, другие — становятся суперпопулярными и используются буквально везде. Например, шрифты из лого Vespa и Coca-Cola больше нигде не увидишь, а текст в Helvetica встречается повсюду — хоть в логотипах крупных брендов (например, Nestle и Lufthansa), хоть на новостных сайтах.

Логотипы Vespa, Coca-Cola, Nestle

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

Подготовленному человеку готовый широкий набор облегчает работу, но недизайнер может растеряться. А если он вдруг отправится искать красивый шрифт на Fonts, Typotheque или GoogleFonts, где предложений тысячи, работа растянется еще на час-два.

Чтобы этого не случилось, нужно четко понимать, какие характеристики должен иметь шрифт, который вы ищете.

Скриншот со страницы сайта Fonts.com со шрифтами для веб-страниц

Шрифты станут чуть более понятными и работать с ними будет проще, когда вы:

  • познакомитесь с их базовыми характеристиками,
  • разберетесь с компоновкой и форматом букв,
  • узнаете о правилах сочетания шрифтов в одном тексте.

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

Типы шрифтов

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

Фактически гарнитура — это «семья» шрифтов с одинаковыми стилистическими признаками. А шрифт — набор букв и других символов, который обладает своим визуальным характером, но сохраняет особенности гарнитуры, к которой принадлежит.

Есть два базовых типа гарнитур: антиквы (с засечками) и гротески (без засечек).

Традиционно антиквы используются для текстов большого объема. Считается, что маленькие черточки на концах букв помогают взгляду быстрее скользить по строчкам, и так восприятие текста упрощается. Именно поэтому при верстке книг, буклетов и лонгридов большей частью используют антикву.

Примеры антикв: Times New Roman, Garamond, Georgia, Merriweather

Гротески, или рубленные гарнитуры, чаще всего встречаются в интерфейсных фразах, небольших текстах и инструкциях. С большого расстояния или на экранах устройств они читаются лучше и выглядят менее формальными, чем антиквы.

Примеры гротесков: Arial, Roboto, Open Sans, Montserrat

Остальные типы гарнитур распространены меньше. Они разделяются на рукописные (имитация почерка), моноширинные (печатная машинка), символьные (смайлики) и акцидентные (для обложек, вывесок и лого). Мы их видим довольно часто, но они выполняют скорее декоративную функцию — если нужно побыстрее и без потерь передать смысл текста, его набирают в антикве или гротеске.

Слово Merry в этом шаблоне открытки в Crello написано акцидентным шрифтом, а I wish you a и Christmas — рукописными

Размер и расположение символов

Иногда даже один и тот же шрифт может выглядеть по-разному, в зависимости от того, как оформлены буквы. Измените интенсивность написания букв или разредите строки — и текст будет выглядеть уже по-новому. Это старый прием, но он всегда работает.

Разберемся, благодаря каким параметрам происходят эти типографические чудеса.

Насыщенность — это то, насколько легким кажется шрифт. Все зависит от отношения толщины основных штрихов к высоте основного знака — чем оно меньше, тем легче текст. Начертание может быть и очень тонким (получается нежное написание), и очень жирным (для внушительных надписей). Чаще всего выбирают средний вариант, «обычное» написание.

Трекинг — расстояние между буквами в слове. Если расстояние маленькое, предложения выглядят гуще, а если большое, то появляется дополнительный воздух.

Интерлиньяж — расстояние между строками в тексте. Стандартная пропорция интерлиньяжа колеблется вокруг 120%. Это означает, что если размер шрифта 20 точек, то интерлиньяж должен равняться 24 точкам. Если хотите, чтобы текст выглядел плотнее, сократите расстояние между строками, а если легче — увеличьте:

Текст, набранный насыщенным шрифтом (сверху), шрифт с маленьким трекингом (в центре) и маленьким интерлиньяжем (снизу)

Настраивать шрифты нужно аккуратно, особенно это касается компоновки букв. Если расстояние окажется слишком маленьким, текст существенно потеряет в читабельности, а если большим — буквы или строки «разлетятся», и это плохо скажется на восприятии смысла.

В статьях и других объемных текстах с этими параметрами лучше не экспериментировать, но в плакатах и на открытках это вполне допустимо.

Выбор шрифта

Нет жестких правил, какой тип шрифта в каких ситуациях использовать. Лонгрид вполне можно набрать гротеском, а короткую надпись сделать антиквой. Главное, чтобы текст в этом шрифте ощущался гармонично и не было конфликта смысла и визуального настроения.

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

Соответственно, если текст предполагает серьезность, выбирайте шрифт построже, а если хотите общаться с аудиторией дружески, остановитесь на чуть менее официальном варианте.

Детская картинка с легким рукописным шрифтом (слева) и строгим гротеском (справа)

Если нарушить это негласное правило, возникнет диссонанс. Только представьте, как нелепо будет смотреться готический шрифт в объявлении о детском утреннике и во что превратится серьезная презентация в ребячливом Comic Sans.

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

Сочетание шрифтов

Редкий случай, чтобы в тексте или на картинке был только один шрифт только в одном написании — это мешает расставлять смысловые акценты. Но если хочется остаться в рамках одного шрифта, и при этом избежать монотонности, можно:

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

Сочетание антиквы Abril Fatface и гротеска Montserrat

Традиционно интересно выглядит контраст — сочетание шрифтов с засечками и без, высоких и низких, плотных и тонких. Попробуйте связать вместе антикву и рукописный шрифт, добавить строчку игровым акцидентным шрифтом к гротеску — и увидите, как текст получит новую энергию.

Всегда интересно смотрятся сочетания трех шрифтов из разных групп и в разном начертании, но нужно прислушиваться к своим ощущениям. Шрифты должно что-то объединять — они должны иметь похожий характер. Иногда то, что на старте кажется оригинальным миксом, в итоге воспринимается как непонятное и неаккуратное нагромождение. Примерно такое:

Пять несочетаемых шрифтов в одной надписи

Подытожим.

Не нужно быть дизайнером и глубоко разбираться в типографике, чтобы подобрать удачные шрифтовые пары для иллюстраций в блог, рекламных объявлений или презентаций. Достаточно понять основные отличия между шрифтами, познакомиться с вариантами расположения букв в тексте.

Чтобы выбрать красивый шрифт или сочетание шрифтов, важно:

  • знать разницу между антиквой, гротеском и остальными типами шрифтов,
  • умело регулировать насыщенность шрифта, трекинг и интерлиньяж,
  • экспериментировать с разными форматами шрифтов и находить лучшие.

Если не хотите рисковать, используйте шаблоны Crello с уже подобранными шрифтовыми парами. Надписи набраны латиницей, но большинство этих шрифтов имеет кириллический вариант. Ели его нет — в списке шрифтов можно подобрать аналог.

Фантастические шрифты студии Dinamo. Dinamo font mystery

На лекции выступят основатели швейцарской студии Dinamo, которая создает шрифты для широкого использования и по индивидуальным заказам, дизайн программных обеспечений и проводит исследования и консультации. Спикеры расскажут о способах создания дизайна шрифтов и проектах компании, а также поделятся личным опытом и результатами исследований в сфере дизайна от Dinamo. 

Швейцарская студия Dinamo — один из лидеров на рынке шрифтового дизайна. В 2017 году Федеральное управление культуры Швейцарии наградило Dinamo премией в области дизайна. В 2018 году соучредители литейного завода Йоханнес Брейер и Фабиан Харб стали членами AGI. Dinamo выпустила более 20 шрифтов и продолжает работать над коммерческими и культурными проектами.

На следующий день после лекции основатели Dinamo также проведут на «Стрелке» воркшоп, на котором научат участников создавать шрифты. Зарегистрироваться на него можно по ссылке. 

Лекция проходит при поддержке Adobe. В программный пакет Adobe Photoshop входят простые, но мощные инструменты, которые помогают новичкам и профессионалам воплощать в жизнь самые смелые идеи и постоянно совершенствоваться.

Спикеры: 

Фабиан Харб

Графический дизайнер и дизайнер шрифтов из Швейцарии. После обучения в Базельской школе дизайна и стажировки в Claudiabasel и Studio Laurenz Brunner вместе с Йоханнесом Брейером стал соучредителем студии Dinamo, которая создает шрифты, дизайн программного обеспечения, а также проводит исследования и консультации. За свою работу они были награждены Swiss Design Award, а в 2018 году стали членами AGI, Alliance Graphique Internationale.

Йоханнес Брейер

Графический дизайнер из Берлина. Учился в Цюрихе и работал в дизайн-студии NORM до окончания Академии Геррита Ритвельда в Амстердаме. Вместе с Фабианом Харбом стал соучредителем студии Dinamo, которая создает розничные и индивидуальные шрифты, дизайн программного обеспечения, а также проводит исследования и консультации. За свою работу они были награждены Swiss Design Award, а в 2018 году стали членами AGI, Alliance Graphique Internationale.

Лекция пройдет на английском языке с синхронным переводом на русский

Dinamo is a Swiss type design agency offering retail and bespoke typefaces, design software, research, and consultancy. Founded in Basel Dinamo operates via a network of satellite members across the globe. Members of Dinamo are visiting teachers at various art academies and have been invited to give workshops and lectures at an international roster of educational institutions.

Founders of Dinamo agency will talk about how they figure, define, and optimize a practice allowing for both, self initiated and commercial work. The presentation will contain case studies, personal reflections, more than 128 colour images, and some rare pie charts.

The lecture is held with the support of Adobe.  Adobe provides software packages with simple but powerful instruments for users of all levels which help them to constantly improve their skills and bring to life the most ambitious ideas. 

Speakers:

Fabian Harb

A graphic and typeface designer based in Switzerland. After studying at the Basel School of Design and interning at Claudiabasel and Studio Laurenz Brunner, together with Johannes Breyer he has co-founded Dinamo, a type design practice offering retail and custom typefaces, software and technology, research, education, and consultancy. For their work they have been awarded with a Swiss Design Award and since 2018 they are members of the AGI, Alliance Graphique International.

Johannes Breyer

A German-Chilean graphic designer based in Berlin. Se habla Español. He studied in Zurich and worked for design studio NORM before graduating from the Gerrit Rietveld Academie in Amsterdam. Together with Fabian Harb, he is running the Swiss type design practice DINAMO, a Swiss type design company that offers retail and bespoke typefaces, design software, research, and consultancy. DINAMO has released more than 20 typeface families to date, and continues to oscillate between commercial, cultural, essential, and inessential projects. Winner of the Swiss Design Awards 2017, Member of AGI Alliance Graphique Internationale as of 2018.

Лицензии на шрифты: большой обзор

Классическая схема состоит из трёх основных типов шрифтовых лицензий: Desktop, Web и App. Её придерживаются многие шрифтовые студии, а также магазины, которые шрифты продают. Среди них type.today, Letterhead.store, Myfonts, Fontshop.

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

Покупатели шрифтов по лицензии desktop чаще всего получают файлы в формате OTF.

Можно ли использовать шрифт с лицензией Desktop для создания логотипа? К этому студии и магазины относятся по-разному. Например, type.today не берёт за это дополнительной платы, а в Paratype нужно покупать отдельную лицензию «Лого». Такие нюансы обычно прописаны в лицензионном соглашении.

Лицензия Web даёт право использовать шрифт в оформлении сайта. Стоимость определяется трафиком, при этом одни правообладатели оценивают его по количеству просмотров страниц сайта, другие — по числу уникальных посетителей.

После покупки веб-дизайнеры обычно получают шрифт в формате TTF, WOFF, WOFF2 или EOT. Причём его нужно разместить на сервере — устанавливать такой шрифт на компьютер нельзя, для этого нужна лицензия Desktop.

Шрифты с такой лицензией можно использовать только в мобильных приложениях.

Стоимость зависит от количества приложений. Paratype и Brownfox считают версии для разных платформ — iOS и Android — одним приложением. Но бывает и по-другому.

Шрифт по лицензии App покупатели обычно получают в формате TTF.

Посмотрите на шрифты участников воркшопа ABC Dinamo на «Стрелке» — Strelka Mag

В конце июля в Институте «Стрелка» прошёл воркшоп швейцарской дизайн-студии Dinamo, которая создавала шрифты для Tumblr, Acqua di Parma, Nike и многих других брендов. Студенты учились проектировать фантазийные вариативные шрифты. Strelka Mag показывает, какие работы получились у дизайнеров по итогам двух дней с Dinamo.

Иван Ларионов, мультидисциплинарный дизайнер

Недавно у меня появилась идея сделать аккуратный псевдорукописный шрифт, используя технику одного касания. Ещё у меня была идея сделать шрифт, где вместо засечек будут применяться окружности разных цветов.

На воркшопе я подумал, что было бы здорово объединить две идеи в одну. На занятиях мы сначала вырезали формы из бумаги, а уже потом рисовали символы. Я же почему-то сначала отрисовал символы, а потом подгонял обрезки под идею. Поэтому я сначала создал лайт-версию со светофором, после я сделал экстраболд-версию — это уже был огромный червь не со светофором, а с будто бы с тремя глазами. Получилось смешно не только для меня, но и для Фабиана с Йоханнесом. Обязательно буду доделывать.

Гузель Гилметдинова, графический дизайнер из Казани

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

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

Даша Данилычева, бренд-дизайнер

Я планировала сделать шрифт, будто высеченный из камня, который бы дробился на частицы. Идея осталась, но в процессе работы у эскиза изменился характер. Получился шрифт, похожий одновременно на йо-йо и на упражнение jumping jacks. Буквы в двух начертаниях скачут вверх-вниз и, прыгая, раскладываются на отдельные части.

Миша Анисимов, дизайнер продукта в Яндексе

Я факультативно занимаюсь графикой, чтобы сохранять бодрость и свежий взгляд. Иногда я делаю скетчи с ребятами из сообщества Play Faces Type Foundry. Один такой быстрый набросок я развил на воркшопе Dinamo и сделал из него вариативный шрифт с двумя осями.

Меня заинтересовала сама вариативность. Вместо того, чтобы делать для работы конечное количество состояний, ты формулируешь вектор для изменений. Вместо дискретных значений — непрерывный градиент. Так у шрифта появляется дополнительная степень свободы и гибкость. Однако он всё равно задуман по стандарту, просто в более сложной форме.

Варя Гончарова, дизайнер в Shuka

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

Мне понравился подход Фабиана и Йоханнеса к вариативным шрифтам — это не только удобный инструмент для дизайнера, но и классная технология для создания графики, которая может взаимодействовать с окружающим миром. Например, на презентации в конце воркшопа мы проверили, как буквы реагируют на музыку и голос

Али Мураткали, руководитель отдела спецпроектов Strelka Mag

Я совершенно случайно оказался на воркшопе — подошел с вопросом к Фабиану после их лекции в Институте «Стрелка», и тот во время беседы позвал меня поработать с вариативными шрифтами. Мне понравилась структура семинара и расслабленная атмосфера — первый день мы не прикасались к ноутбукам и работали с бумагой, ножницами и скотчем, вырезая формы и концепции букв. Во второй день мы сразу же погрузились в Glyphs и начали набрасывать вариативные шрифты, используя веб-инструмент Font Gauntlet — это разработка студии Dinamo.

Мой шрифт был построен на основе школьной прописи и узелков, которые по задумке увеличивались и уменьшались. Я задал два параметра: первый менял насыщенность, второй — трансформировал засечки-узелки. В процессе работы обнаружился баг, который заставил отдельные элементы букв «летать» и трансформироваться вокруг своей оси. Я не совсем разобрался, как это произошло, но в итоге мы с Фабианом и Йоханнесом решили не убирать эту черту и оставить шрифт таким.

Аня Рязанова, графический дизайнер

В этом году я закончила Школу Дизайна ВШЭ. Никогда не создавала шрифт, но немного занималась каллиграфией.

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

На следующий день Фабиан и Йоханнес провели для нас лекцию по работе в программе Glyphs. Я успела сделать 4 буквы: A, Q, O, N. Во время создания шрифта я опиралась на свой плакат, но в итоге настроение у букв вышло немного другим. Первое состояние букв — простое и статичное, а следующая фаза — уже что-то динамичное, живое и природное. В конце мне показалось, что этот шрифт отражает меня, один из элементов — волна — похож на мои кудрявые волосы.

Саша Смирнов, студент-дизайнер

Я хотел изучить пластику острых букв. У меня было две концепции: в первой для нужных контуров нужно было рвать бумагу, а вторая предполагала только использование ножниц. В работу пошла вторая идея. Обе концепции можно увидеть на картинке, справа внизу — рваные буквы.

Саша Ларцев, учится в Аспирантской школе по искусству и дизайну НИУ ВШЭ

Чтобы создать вариативный шрифт, Фабиан и Йоханнес дали нам задание придумал историю про изменение состояния. Я подумал, что эта история может состоять из чего-то живого, неживого, танцующего, статичного, динамичного. Я сделал ряд абстрактных фигур. Мы решили, что вариативный шрифт должен представлять собой не трансформацию из буквы в букву, а превращение орнамента в родственный ему шрифт.

Таким образом, шрифт имеет два начертания: орнаментальное и буквенное. Я сначала создал фигуры, затем на их основе вырезал буквы из картона и бумаги, а потом сфотографировал их. Поняв, что буквы сильно отличаются от изначальных элементов, я повернул их назад: сделал из них вектор и увидел в нем новые орнаментальные элементы. После я превратил шрифт в орнамент, из которого сделал новые буквы. Так мой шрифт прошел несколько итераций: из абстрактной фигуры в буквы и обратно. В результате получился шрифт, который я назвал Alive.

 

Как научить вариативному шрифту

Фабиан Харб и Йоханнес Брейер, основатели дизайн-студии Dinamo

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

Мы любим думать о вариативных шрифтах как о маленьких историях. На воркшопах мы, как правило, подталкиваем участников к тому, чтобы они сначала разработали нарратив, концепцию — зачастую просто от руки. И затем, как только идея ясна, обычно становится проще создать дизайн в цифровом формате и сделать его визуально работающим. На этом пути мы даем технические вводные данные, объясняем, как работает программное обеспечение для дизайна шрифтов и как в принципе разработать дизайн вариативного шрифта. А после индивидуально обсуждаем проекты, чтобы разобрать с каждым участником, чего недостает эскизу, как провести исследование и решить конкретные проблемы.

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

Интернет-агентство BINN » Лучшие шрифты для логотипа в 2021 году. Часть 1: как выбрать?

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

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

4 совета по выбору шрифта для логотипа

Выбрать шрифт для логотипа может быть непросто — вы можете использовать наши советы и значительно упростить этот процесс: 

1. С засечками или без?

Одно из первых решений, которое вам необходимо принять при выборе шрифта для логотипа — это решить, использовать шрифт с засечками или без. 

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

Вам следует учитывать эту тенденцию при выборе шрифта для вашего логотипа. Дизайн вашего шрифта должен быть понятен и привлекателен для вашей целевой аудитории.

2. Подумайте о том, где будет использован логотип

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

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

3. Используйте шрифт, который соответствует идентичности вашего бренда

Логотип — это часть фирменного стиля, это то, что помогает сделать бренд мгновенно узнаваемым. Шрифт, который вы используете для логотипа, также должен быть частью индивидуальности вашего бренда.

4. Ищите вдохновение в других дизайнах

Логотип должен выглядеть уникально и оригинально, чтобы ваша компания выделялась из общей массы. Найти вдохновение для уникального дизайна не так просто, как кажется. Некоторые дизайнеры логотипов, например, Пол Рэнд, тратили месяцы, а иногда и годы на разработку одного логотипа.

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

Ниже мы рассмотрим несколько удачных шрифтов для  дизайна логотипов:

Flix — это дисплейный шрифт жирного начертания со стильным закругленным дизайном символов. Flix представлен в двух стилях с обычными и контурными шрифтами. 

Креативный и непринужденный дизайн букв делает этот шрифт идеальным выбором для логотипов самых разных типов брендов — от стартапов до дизайнерских агентств.

Randrake — это современный шрифт со стильным курсивным начертанием. Этот шрифт идеально подходит для логотипов брендов одежды или любых других компаний, связанных с модой и стилем. Уникальный дизайн символов позволит этому шрифту хорошо вписаться как в цифровой, так и в печатный дизайн.

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

Fenway — это шрифт для ретро-логотипов, который поможет придать им элегантный и строгий дизайн. Шрифт совместим с Adobe Suite, Pages, Keynote и Microsoft Word. В комплекте с Fenway также идет набор знаков препинания и цифр.

Crux — это современный шрифт для минималистичных логотипов и заголовков, который действительно способен привлечь внимание пользователей. У шрифта есть два стиля: Normal и Outline. Пакет содержит OTF, TTF и веб-шрифты.

Mike Sans — это жирный шрифт без засечек с квадратным дизайном символов со слегка изогнутыми краями. У шрифта есть 8 вариантов толщины — от очень тонкого до очень жирного. Каждый вариант начертания включает расширенную языковую поддержку.

Источник: designshack.net

Артём Матюшкин: «Дизайн — это не сервис»

Артём, расскажи, пожалуйста, про свой бэкграунд. Ты ведь начинал как человек пишущий. Как ты пришёл в дизайн?

Это был долгий и странный путь, потому что я вообще изначально планировал идти в журналистику, но нечаянно пошёл в политический PR и политтехнологии. Оттуда вскоре убежал в просто PR. Потом года три или четыре работал как пишущий журналист и параллельно с этим попал в российский Condé Nast, где начал делать спецпроекты. Сам того не осознавая, стал заниматься дизайном, потому что мне приходилось собирать скетчи будущих сайтов и рекламных редакционных материалов. Хотя я упорно отрицал, что вообще как-то связан с дизайном. Трансформация, наверное, произошла, когда я уехал в Нью-Йорк. Я сначала поехал учиться на копирайтера, но там быстро переметнулся в рекламный арт-дирекшен. Через два месяца понял, что не хочу заниматься рекламой, потому что мне это не близко и вообще противно в некоторых случаях. И только тогда сознался себе, что я дизайнер.

В результате в Нью-Йорке ты каким-то дизайнерским образованием обзавёлся?

Нет, потому что это был скорее такой рекламный арт-дирекшен, который вообще ничего общего не имел с дизайном: это было больше про придумывание роликов, про съемки и общие концепции. Специфика рекламной индустрии в США такова, что арт-директора совершенно ничего не умеют делать руками: это люди, которые только придумывают концепции, а мне как раз жутко не хватало того, чтобы я сам мог влиять на результат. К дизайнерам в Америке отношение, как к каким-то простым рукам, которые не умеют думать. Я год бился и говорил: «Я дизайнер», а мне отвечали: «Ой, у тебя же хорошие концепции. Ты что не умеешь придумывать? Почему ты не попробуешь быть арт-директором?» Хотя я просто пытался подчеркнуть, что не хотел заниматься рекламой, что мне больше хочется в брендинг, печатные штуки, экспозиционный дизайн и тому подобное. Я так никого и не переубедил, но зато сам нашёл себя.

Что же ты нашёл в результате? Какой ты дизайнер? Твоё портфолио состоит из околокультурных проектов, брендингов, выставок и современного искусства.

Смешно, но в итоге пять-шесть лет спустя я пришёл к тому, что занимаюсь арт-дирекшеном. Здесь можно поговорить об определении «дизайна». При знакомстве с клиентами я всегда объясняю, что наш дизайн — это не только про рисование красивых картинок, что, как бы пафосно это ни звучало, в основном мы занимаемся дизайном идей и смыслов. В куче проектов мы только 10% или 20% времени рисуем картинки, а всё остальное — это помощь в создании общей концепции. Как я к этому пришёл? Это случилось в огромной степени благодаря тому, что я попал в очень хорошую компанию. Свою первую студию Figura4 мы сделали с моей подругой Карлотой Пастор, с которой мы познакомились в Нью-Йорке. Через неё мы начали находить клиентов — всякие маленькие локальные бренды, в основном фэшн и дизайнерские мебельные магазины. Мы этим позанимались некоторое время, поняли, что мы не особо бизнесмены, и пошли в отдельные проекты.

Сайт студии Figura4. Mabry Pro

Мне повезло поработать в хорошей команде в двух нью-йоркских концепт-сторах, в Dover Street Market и Totokaelo, а потом с музеями, в том числе с MoMA и Гуггенхаймом, и там я начал понимать, что дизайнер — это человек, который необязательно придумывает картинку. Там я на 70% занимался оформлением и придумыванием пространств и каких-то инсталляций. То есть на первых уровнях мы делали только плакаты и маленькие брошюры, но со временем стали влиять на то, как это вообще всё выглядит, как обустроено и по какой логике это всё строится. Если говорить про музеи и выставки, то это более тесная работа с кураторами, а не архитекторами. Архитекторы обычно делают пространство и в него уже запихивают графический дизайн, а нам повезло больше работать с кураторами, поэтому больше работать с идеей и ещё потом задавать какие-то вводные для архитекторов.

Айдентика магазина дизайнерской мебели Estudio Dos Gardenias. Ogg

Постер для Paula Cooper Gallery. Moderat, Favorit и Fugue

Очень многие хотят покорить Нью-Йорк, у тебя были все шансы это сделать. Но ты сейчас в Москве. Что случилось?

То, что я сейчас в Москве — это стечение обстоятельств и всякие юридические штуки, а не моё преднамеренное желание. Хотя в какой-то момент я понял, что здесь интереснее, потому что в России холст белее, чем там. Не то, чтобы я пытался оправдать своё пребывание здесь и невозможность выехать обратно в нынешний промежуток времени, но мне так проще об этом думать. В какой-то момент мы разговаривали с другом, который тогда работал в «Гараже», а его звали работать в Нью-Йорк (он занимается инклюзивными программами, которые помогают глухонемым детям и детям с аутизмом лучше проводить своё время в музее и вообще в общественных пространствах). И друг сказал фразу, которую я запомнил: зачем ехать туда, если там и так всё хорошо, если это там и без меня сделают, а здесь пусть аудитория меньше, но вряд ли кто другой поможет. И я не особо как-то планирую ехать в ближайшее время обратно, потому что там и так неплохо, а здесь есть над чем работать и есть к чему приложить руку, пусть речь идёт не о каких-то глобальных проектах, но это социально значимые вещи на своём уровне.

Общественное измерение в работе дизайнера играет для тебя важную роль?

Первостепенную. Многие люди, с кем я это обсуждал, прошли такой путь. Сначала, когда ты начинаешь, тебе хочется работать с какими-то большими штуками. Ты мечтаешь сделать «Сбербанк», например, или что-нибудь такое. Но потом, проходя через такие большие институции и бренды, ты понимаешь, что: а) не так интересно быть винтиком в огромной системе; и б) там возможность что-то придумать намного меньше, чем в каких-то маленьких локальных недорогих проектах. Ты осознаёшь, как в масштабных проектах падает роль и значение дизайнера.

Лично я сейчас получаю самое большое удовлетворение и удовольствие от работы с музеем города Махачкалы, который мы, студия Non-Objective Works, уже почти год переделываем. Этот проект вообще попал к нам чудом, но это не просто интересная задача, а ещё и возможность помочь людям, которые горят своим делом, что, наверное, одна из главных мотиваций. Там три прекрасные женщины тащат на себе целый музей с низким финансированием. Мы начинали работать с ними во время карантина и виделись только в зуме, а когда встретились с ними лично в Москве, то поняли, что они по-настоящему верят в своё дело и готовы даже из своей зарплаты покупать что-то для музея. Наверное, в идеальной моей картинке «где вы видите себя через десять лет» — там, где есть возможность делать большую часть времени такие проекты, которые, может быть, совершенно не про деньги и не про славу, но про возможность помогать людям, которые, в общем-то, не ждут эту помощь, потому что они не думают, что кто-то согласится и придёт. Потому что либо у них нет денег, либо о них никто не знает.

Для нас это ещё возможность повлиять на визуальный ландшафт. По всем рассказам — сами мы там пока не были — в Махачкале всё довольно плохо с точки зрения визуальной культуры, а по нашему опыту, когда совершенно в неожиданном месте появляется проект, в котором и картинка хорошая, и смысл придуман, и как-то хорошо это всё транслируется, — всё вокруг тоже начинает подтягиваться. А хочется немножечко влиять на насмотренность людей не только в Москве, но и в Махачкале, и где угодно.

Айдентика Музея Махачкалы. Suisse Intl

Тут тебе очень многие возразят и скажут: дизайн — это сервис. Мы, как таксисты, везём того, кто к нам сел, и не очень влияем на то, как мир будет меняться к лучшему. Что ты им ответишь?

Начнём с того, что дизайн — это не сервис. Я искренне не согласен с позицией, что дизайн нацелен исключительно на решение задач заказчика. Безусловно, это входит в работу дизайнера, но в основном его деятельность подразумевает какое-то эстетическое воздействие. И это самая важная часть работы, потому что задачи заказчиков так или иначе могут решить миллионы разных дизайнеров и недизайнеров, а сила хорошего дизайна — сделать это так, чтобы ещё появилась какая-то добавленная стоимость, чтобы человек в следующий раз, увидев, например, необычный логотип, оказался на маленький, может быть, незаметный для него самого шаг ближе к чему-то более прекрасному и красивому. Возможно, я просто оптимист и идеалист, но я очень сильно в это верю.

К сожалению, и в России, и в Америке, и в Европе люди часто думают про дизайн как про решение задач и создание картинок. Но даже если просто задуматься о слове «дизайн» — в английском это же не про «рисовать», это про «проектировать» и «конструировать». Мне очень хочется, чтобы дизайнеры были больше про это. Исполнитель, который сделает картинку, моушен или вёрстку, найдется всегда, а человек, который придумает, как это сделать, — это, мне кажется, самое ценное, что может быть. У меня как у человека без профильного образования есть ощущение, что этому просто не учат или дизайнеры быстро уходят в одну из крайностей — либо красивые картинки, либо интересная концепция. Это меня удручает. Самое важное — это ни то и ни другое, а сумма всего этого.

Перейдём к типографике. Практически в каждом проекте из твоего портфолио использованы гротески с очень чётким образом. Это случайное совпадение или ты осознаёшь, что есть определённый тип шрифтов, который с тобой резонируют?

Как любой другой дизайнер, я долго пытался найти и нащупать, что же всё-таки моё, долго размышлял над тем, должен ли у дизайнера быть свой узнаваемый стиль, и занял чёткую позицию: узнаваемого стиля быть не должно, но должна быть система мышления, какой-то фреймворк, который помогает в работе. Мне кажется, что должна быть заметна логика, а не визуальные какие-то штуки. Размышляя обо всём этом, я понял, что мне комфортнее и интереснее думать через шрифт, потому что с помощью него я лучше всего выражаю эмоцию и характер, которые, допустим, у меня не всегда получается передать в процессе арт-дирекшена съемки. Начиная любой проект, я придумываю образ и сразу после этого появляется шрифт. Мне кажется, что на каждый образ, на каждый характер, на каждую бренд-персону можно найти шрифт, подходящий в каких-то совершенно мельчайших деталях (ведь детали — это самое интересное). Почему у меня больше всего гротесков в последнее время? Просто потому, что проекты были такие — это не то, чтобы я очень сильно любил гротески. Сейчас наступает уже немножко другой период.

Есть дизайнеры, которые влюбляются в один шрифт и по большей части всю свою карьеру сидят на нём. Но ты как раз выступаешь за то, чтобы каждому проекту подбирать своё собственное шрифтовое решение?

Абсолютно точно, да. При этом я искренне восхищаюсь дизайнерами и студиями, которые работают плюс-минус в двух-трех-четырех шрифтах — условные Experimental Jetset, которые, как мне кажется, не позволяя себе вольности со шрифтом, делают великие вещи. У меня тоже есть шрифты, которые мне безумно нравятся и которые у меня ассоциируются с собой или своими проектами. Просто посмотрев на мой сайт и на сайт нашей студии, легко можно заметить, что там везде стоит динамовский Favorit. Но шрифт может повторяться, потому что эмоционально проекты могут быть очень похожи. А так я безусловно за то, чтобы в каждом проекте был свой шрифт.

Сайт студии Non-Objective Works. Favorit

Можешь оценить, как изменился твой типографический опыт после месяца ведения инстаграма type.today?

Я довольно мало работал с кириллицей, и мне очень редко нравятся какие-то кириллические шрифты — всегда сидел и мучался при выборе. Здесь я для себя поставил задачу сделать проект на русском, чтобы побороть этот страх. Понятное дело, что это шутка, но это сработало. Ещё в трех проектах, которые я делаю прямо сейчас, появится Stratos, просто потому что мы с ним как-то очень сдружились за этот месяц. Мне кажется, он появлялся чаще остальных шрифтов. Хотя до этого я полгода делал очень большой проект, который ненавидел, и Stratos у меня с ним сросся эмоционально, я ругал его, говорил, что никогда больше нигде этот шрифт не использую, просто удалю… Этот месяц я активно пытался это сломать, сломал, снова его полюбил и узнал вообще все прекрасные его формы. Stratos Black, который до этого, мне казалось, вообще никуда не подходит, совершенно прекрасно встает в некоторые проекты, ни один другой шрифт лучше бы там не справился.

Изучение шрифта — это как знакомство с человеком: есть какое-то первое впечатление, в условном Favorit я сразу вижу буквы «R» и «Y», но потом в процессе выясняется ещё миллион нюансов, которые зачастую оказываются важнее. Работая с шрифтами из вашей библиотеки, на многие из которых я смотрел до этого, я расширил свой выбор шрифтов вдвое просто потому, что взглянул на них пристальней — и они заиграли новыми красками. У меня есть папка с кучей разных словолитен, и я каждый раз прохожу по всем и смотрю, но теперь шрифты type.today сразу возникают у меня в голове. Например, NWT Bodoni прекрасно встал в один проект, и это было решение за одну секунду, то есть у меня просто не было выбора, потому что я сразу знал, что он идеально подходит. И этот месяц дал мне такие ощущения от кучи шрифтов из коллекции type.today.

Kvity Moscow. NWT Bodoni + Stratos

Сайт N + Production. Proto Grotesk и Druk

Сайт фестиваля подкастов «Слыш». Stratos

Сложилось впечатление, что ты «гротесковый» человек и с антиквами тебе работать не так комфортно. Это так?

Раньше было так, сейчас уже поменьше. Я просто думаю, что картинки в инстаграме type.today были на самом деле все про меня, а я сам себя ассоциирую в настоящий момент с каким-то гротеском.

Ты уже пробовал работать с вариативными шрифтами?

Я работал с вариативными шрифтами, но мне сильно комфортнее и привычнее работать с большим набором начертаний. По сути, это просто дополнительная опция, как бы удобная, но я, привыкнув работать по-другому, не чувствую от неё никакого удобства. Возможно, просто я такой ретро-ориентированный человек.

Можешь назвать свои любимые картинки этого месяца? Где всё получилось и сошлось?

Моя самая любимая — это с кружочком, цитатой из Балдессари. Это прямо точно первая. Вторая — с ключами, потому что тут я искал какие-то вещи из повседневного мира, нашёл ключи и просто сидел весь вечер и с упоением рисовал эти ключи, задумываясь о том, сколько там форм, которых я до этого не замечал и не думал о них вообще. И все линейки, наверное, по той же логике — мне в принципе нравится идея совершенно бредовых, бессмысленных и нефункциональных линеек.

Ещё картинка со стихами Перминова, которые квадратами закручены. И смешная — с посвящением Юрию Альберту, моему любимому художнику, которого я не мог туда не приплести. Возможно, это самая интересная и самая недооцененная из моих картинок.

Твоё портфолио можно посмотреть в инстаграме и на бехансе. Какие бы проекты ты там выделил в первую очередь?

На беханс можно не смотреть, потому что, кажется, я его не обновлял лет сто. В свой инстаграм я публикую только то, что отражает меня прямо в моменте, здесь и сейчас. Музей Махачкалы я бы выделил абсолютно точно — и с точки зрения идеи и социальной значимости, и просто положительных чувств от взаимодействия этот проект вообще много говорит о том, как я работаю. Хотя первым в иерархии, наверное, должны быть обложки для Studio 96, американского радио-шоу, которое транслируется каждую пятницу. Мне просто дали сделать абсолютно всё, что я хочу. И это такая манифестация моей любви к буковкам — согнутые, скрученные, собранные в узелки — и вообще полный набор штампов, марок и других базовых форм из ежедневной жизни. Ещё выделяются гайдлайны по оформлению выставок для нью-йоркского музея (это вообще не про дизайн, а про систему), ребрендинг модельного агентства Genom, (очень шрифтовая история, вдохновленная фигурными стихами, — там компенсаторы в логотипе символизируют скрупулёзный подход к работе и заботу о моделях) и онлайн-школа «Между прочим», для которой мы сочетали глифы болдового Proto Grotesk (неожиданно игривые) с нарисованными детьми буквами.

Обложки шоу Studio 96s. Steinbeck

Айдентика модельного агентства Genom. Whyte Inktrap и Studio Feixen Sans

Айдентика онлайн-школы «Между прочим». Proto Grotesk

Из свежих проектов могу отметить журнал про свет [Длина волны], для которого я разработал дизайн-систему — там несколько уровней, и они все прекрасно взаимодействуют и взаимозаменяются, — и бренд рюкзаков и сумок (Sputnik), с которым мы работали год. Именно с него у нас началась новая фаза — проектов, где есть пунктуация. Как человека, у которого есть ещё лингвистическое образование, меня вдохновляет язык. В какой-то момент я понял, что пунктуация может создавать столько смыслов, о которых почему-то никто не думает. Мы поставили Sputnik в скобки — это простое решение, которое можно повторить на любой клавиатуре, — и этим подчеркнули, что эти вещи не должны отвлекать от владельца, они идут за главным, они как бы в скобках.

Сайт журнала [Длина волны]. Mabry Mono и Mabry Pro

Айдентика (Sputnik). Favorit

У тебя есть какой-то список проектов, за которые ты как дизайнер никогда не возьмешься?

Я точно не возьмусь за какие-то политические или окологосударственные штуки, в которые я не верю. То есть, безусловно, существуют государственные проекты с хорошим посылом, но это быстро становится очевидно при личном общении с заказчиками. И всегда можно плюс-минус увидеть и оценить грань между хорошей задумкой и опошлением в использовании. Вообще я не стал бы брать государственные и особенно политические проекты, потому что, проучившись на пиарщика-политтехнолога, слишком хорошо понимаю, как это работает.

Скажи, пожалуйста, что ты думаешь по поводу термина «русский дизайн»?

Много думаю об этом, но не могу чётко сформулировать. Мы обсуждали с моим другом и почему-то в какой-то момент пришли к тому, что русский дизайн — это про горечь российской действительности и абсурдный юмор. Но это такие метафизические штуки. Если говорить о более практической стороне этого всего, то я не верю в русский дизайн. Я вообще не очень верю в деление дизайна по странам, потому что можно русского человека запихнуть в американскую систему и он будет делать совершенно нерусский дизайн, и в обратную сторону это работает тоже.

Куда сегодня, по твоему мнению, движется дизайн и типографика?

Время от времени все начинают говорить, что будущее за моушеном, будущее за 3D, будущее за чем-то ещё. Но я очень надеюсь на то, что все эти штуки — это лишь какие-то временные точки, цикличные по своей сути. Во главе любого дизайна должна стоять хорошая идея, так должно быть всегда, а там уже неважно — есть моушен, есть 3D, или нет этого всего. Главное — чтобы в дизайне была идея, смысл. Мне кажется, создавать новые смыслы — это и есть основная задача и основное предназначение дизайнера. Дизайнер — это автор смыслов и куратор контекстов.

Артём Матюшкин

@artem.indd

a-r-t-e-m.com

non-objective.works

Rafelya Carrotin Шрифт | Hanzel Studio

ПРИМЕЧАНИЕ:
Устанавливая или используя этот шрифт, вы соглашаетесь с Соглашением об использовании продукта:

— Этот шрифт уже является ПОЛНОЙ ВЕРСИЕЙ и ТОЛЬКО ДЛЯ ЛИЧНОГО ИСПОЛЬЗОВАНИЯ. КОММЕРЧЕСКОЕ ИСПОЛЬЗОВАНИЕ ЗАПРЕЩЕНО!

— Вот ссылка для покупки КОММЕРЧЕСКОЙ ЛИЦЕНЗИИ:

==================================== ===============================

https://hanzelspace.com/product/rafelya-carrotin-script-font /

================================================= ====================

— Если вам нужна ТАМОЖЕННАЯ или КОРПОРАТИВНАЯ ЛИЦЕНЗИЯ, посетите веб-сайт Нью-Йорка:
https: // hanzelspace.com /

Посетите наш магазин, чтобы найти другие удивительные шрифты:

===================================== ==================================

https://hanzelspace.com/product/rafelya-carrotin- script-font /

============================================ =======================

Спасибо.

——————-

ИНДОНЕЗИЯ:
Dengan meng-install font ini, danmbaca persyaratan ini, anda dianggap mengerti dan menyetujui semua syarat dan ketentuan penggunaan font dibawah ini:

— Шрифт демонстрационный ini hanya dapat digunakan Untuk keperluan «Personal Use» / kebutuhan pribadi, atau Untuk keperluan yang sifatnya tidak «komersil», псевдоним tidak menghasilkan profit atau keuntungatamikanil.Baik itu Untuk Individual, Agensi Desain Grafis, Percetakan, Distro atau Perusahaan / Korporasi.

— Silakan gunakan lisensi komersial dengan members melalui link ini:

=================================== ================================

https://hanzelspace.com/product/rafelya-carrotin-script- font /

================================================ ===================================================

— Dengan hanya lisensi «Personal Use», DILARANG KERAS menggunakan atau memanfaatkan font ini untuk kepeluan Komersial, baik itu untuk Iklan, Рекламные материалы, телевидение, кино, видео, анимационная графика, Youtube, Desain kaos distro atau Untuk Kemasan Produk (baik Fisik ataupun Digital) atau Media apapun dengan tujuan menghasilkan profit / keuntungan.

— Untuk penggunaan keperluan Perusahaan / Korporasi silakan menggunakan ТАМОЖЕННАЯ ЛИЦЕНЗИЯ.

— Menggunakan font ini dengan lisensi «Personal Use» Untuk kepentingan Komersial apapun bentuknya TANPA IZIN dari kami, akan dikenakan biaya РАСШИРЕННАЯ ЛИЦЕНЗИЯ atau 10x Harga lisensi desktop.

— Сая ханья менерима «шрифт лисенси» sebelum penggunaan

— Сая тидак менерима «шрифт лисенси» сетелах пенггунаан. (Contoh kasus: anda ketahuan menggunakan font saya Untuk keperluan komersil, padahal lisensinya free for personal use, kemudian setelah ketahuan menggunakan font saya, andambeli lisensinya di link diatas.Nah Untuk kejadian yg seperti ini saya tidak akan «MENERIMA LISENSINYA», karena lisensi font yang anda beli adalah «LISENSI SETELAH PENGGUNAAN»)

— Lisensi font setelah penggunaan silahkensai gunakan terms и условия шрифта sesi Informasi tentang Lisensi apa yang akan anda perlukan, веб-сайт silahkan cek kami: https://hanzelspace.com/

Terima kasih.

Как выбрать правильные шрифты

Создайте свой бренд: Как выбрать правильные шрифты

Ваш браузер не поддерживается и может не работать в лучшую сторону.

Гарнитуры, которые вы выбираете, могут иметь огромное влияние на способ коммуникации вашего бренда.

В конце концов, дело не только в том, что вы говорите: дело в том, как вы это говорите. Выбирая шрифты, которые отражают ценности вашего бренда — традиционные или необычные, веселые или формальные — вы можете привлечь нужных клиентов.

Независимо от того, создаете ли вы свой бренд с нуля, переделываете ли вы свой логотип или обновляете свой веб-сайт, мы здесь, чтобы настроить вас с помощью правильного выбора шрифта, чтобы вы могли проявить себя наилучшим образом.

В этой статье мы создали 20 уникальных комбинаций шрифтов, которые помогут вам немного вдохновить, когда вы приступите к созданию собственного бренда в Canva Pro — дизайнерском инструменте, созданном для тех, кто не занимается дизайном, чтобы помочь вашему бренду сиять. Все эти шрифты включены в Canva бесплатно.

01. League Spartan

League Spartan — это современный шрифт с четкой структурой и геометрической формой. Это хорошо контрастирует с элегантным и более традиционным стилем Libre Baskerville.Использование шрифта с засечками для основного текста упрощает чтение более плотной информации.

02. Julius Sans One

Julius Sans One отличается четкой обводкой, более широкая базовая линия делает его отличным отображаемым шрифтом. С таким же весом Josefin Sans является дополнительным выбором для основного экземпляра. Поскольку контраст является ключевым для выбора сочетания типов, League Gothic создает четкий разделитель для двух разделов.

03. Archivo Black

Полужирный округлый шрифт в сочетании с более легким сжатым стилем обеспечит удачное сочетание шрифтов.Все три шрифта в этом примере сильные, мужские и легко читаемые.

04. Libre Baskerville

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

05. Bebas Neue

Bebas Neue — фаворит в сфере дизайна. Его сжатая и чистая форма позволяет использовать его для заголовков.Сквозное сравнение Бебаса и Монтсеррат создает аккуратное и современное сочетание.

06. Lora

Lora имеет плавные изгибы, которые делают его очень элегантным и утонченным шрифтом. Эффект от сочетания курсивного и обычного текста очарователен и женственен.

07. Roboto Condensed

Roboto Condensed — это шрифт без засечек с ритмом чтения, который больше похож на шрифт с засечками, поэтому отличный выбор как для основного текста, так и для заголовков.

08. Cooper Hewitt Bold

Cooper Hewitt — классический шрифт с сильными изгибами и изгибами, с отличными вариациями, которые можно использовать для уважительного разделения заголовков, подзаголовков и основного текста.

09. Playfair Display

Playfair Display — отличный шрифт для оформления свадеб или приглашений. Тяжелый стиль Playfair Display Black прекрасно сочетается с Playfair Display Italic, создавая гармоничную иерархию.

10. Norwester

Norwester — это привлекающий внимание геометрический шрифт, который лучше всего использовать для заголовков. Сочетание Norwester, Kollektif и Montserrat структурировано, смело и хорошо скомпоновано.

11. Source Sans Pro и Source Serif Pro

Source Sans Pro и Source Serif Pro были созданы для совместного использования в дизайне. Это еще один отличный пример сочетания шрифтов с засечками и без засечек для создания гармоничного сочетания шрифтов.

12.Yellowtail

Забавное сочетание: Yellowtail — это толстый шрифт с кистью, сочетающий в себе буквенные формы. Отлично контрастирует со смелым и более простым стилем Open Sans Bold и Open Sans light.

13. Cinzel

Cinzel считается современным, хотя он был вдохновлен классическим римским стилем. С нежными штрихами кватроченто и кривых Лоры это прекрасное сочетание для заголовков или приглашений.

14.Oswald

Oswald был переработан как веб-шрифт для работы на всех цифровых экранах. В сочетании с Montserrat Light и Cooper Hewitt это очень функциональная и легко читаемая комбинация шрифтов интерфейса.

15. Copper Hewitt Thin

Отчеты требуют менее сложных комбинаций типов, поэтому это трио — отличный выбор. Не бойтесь использовать тонкий шрифт в качестве заголовка. Это один из лучших способов воспользоваться преимуществом очень тонкого шрифта, поскольку он демонстрирует структуру и форму букв.

16. Bodoni

Bodoni известен как классический шрифт заголовков журналов. Массимо Виньелли заявил, что «Bodoni — один из самых элегантных шрифтов, когда-либо созданных». Аппликации Bodoni в сочетании с контрастированием Montserrat выглядят изысканно и современно.

17. Merriweather

Merriweather был создан специально для веб-дизайна и не использовался в качестве печатного шрифта. Комбинация смелых и стандартных стилей обеспечивает легкость чтения и классическую эстетику.

18. League Gothic

League Gothic имеет характерный сжатый стиль, который имеет сходство с Archivo Narrow, но хорошо контрастирует с круглой формой Kollektif, выступая в качестве хорошего барьера между заголовком и основной копией.

19. Montserrat

Современный и крутой, это отличный пример использования мелкого шрифта для заголовка и более тяжелых вариантов для подзаголовков и основного текста. Монсеррат имеет четкую, структурированную и легко читаемую форму.Нанесение Montserrat Light на шапку смягчает общий эффект.

20. Антон

Комбинация без засечек — Антон — это переработка традиционного рекламного шрифта, призванная привлечь внимание аудитории своей строгой геометрической формой. Чтобы создать большее впечатление, он был объединен с Open Sans Light из-за его контрастных визуальных качеств.

Следующие шаги

Нужна дополнительная помощь по выбору комбинации шрифтов? Canva поможет вам.Попробуйте генератор комбинаций шрифтов, который поможет вам начать работу.

Создаете свой бренд с нуля? Бесплатный конструктор логотипов Canva использует искусственный интеллект для создания дизайнерского логотипа за считанные секунды.

Воплотите свои идеи в жизнь за считанные минуты.

Выразите себя с помощью самой простой в мире программы дизайна.

Навигация по нижнему колонтитулу

© 2021 Все права защищены, Canva ®

10 лучших шрифтов с засечками для элегантного и классического дизайна логотипа

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

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

Шрифты, которые вы выбираете для своего логотипа и дизайна фирменного стиля, влияют на восприятие вашего бренда.

Шрифты — один из важнейших элементов визуального языка (помимо цвета и формы), который дизайнеры используют для выражения индивидуальности бренда компании.

Итак, если вы хотите, чтобы ваш бренд выглядел стильно и изящно (например, модные бренды), вам следует найти элегантный шрифт с засечками, который поможет вам создать такой образ.

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

10 лучших элегантных шрифтов

  1. Recoleta
  2. Glamour Absolute
  3. Blacker Pro
  4. FF Meta Serif
  5. Freight Display Pro
  6. Mirador
  7. Bookmania
  8. Span

    9. Я перечислил предварительный просмотр каждого шрифта вместе с несколькими используемыми примерами.

    шт. Также проверьте мой другой список профессиональных шрифтов и современных шрифтов.

    Recoleta — это современный шрифт с засечками, разработанный Хорхе Систерна, который использует подсказки из различных популярных шрифтов 1970-х годов.

    Recoleta сочетает мягкие и нежные формы с плавными и угловатыми мазками, чтобы создать стильный образ.

    Дизайнер в основном объединил лучшие черты классических шрифтов с засечками: Cooper и Windsor, чтобы создать свежий, но знакомый вид.

    Гарнитура Recoleta бывает разной толщины, чтобы предоставить вам широкий выбор при работе над вашим проектом.

    Более тяжелые веса идеально подходят для эффектных логотипов и заголовков, в то время как более легкие веса могут использоваться для основного текста в вашей системе идентификации бренда.

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

    Примеры использования шрифта Recoleta:

    В море однообразия этот шрифт дает вам возможность выделиться и, безусловно, сделает ваш логотип элегантным и уникальным.

    Скачать шрифт Recoleta

    Этот новый жирный шрифт с засечками был разработан Ники Лаатцем, который смешал современные и винтажные кривые, чтобы помочь вам создать два стиля: винтажный ретро и современный шик.

    Glamour Absolute — красивый плавный шрифт с лигатурами, которые добавляют класс к вашему дизайну.

    Дизайнер черпал вдохновение из журналов старой школы и ретро-рекламы, затем он усовершенствовал персонажей, чтобы придать им более современный вид.

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

    Вы можете выбрать легкий или тяжелый винтажный вид, в зависимости от того, сколько букв вы измените (сколько лигатур).

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

    Glamour Absolute — очень универсальный шрифт, который можно использовать для самых разных типов проектов: от упаковки продуктов питания до приглашений на свадьбу, торговых марок Cometic и многого другого.

    Загрузить Glamour Absolute

    Blacker Pro — это вариант шрифтов с «злыми засечками», разработанный Козимо Лоренцо Панчини и Андреа Тартарелли, вдохновленными шрифтами 1970-х годов.

    Blacker — высококонтрастный острый клиновидный шрифт с засечками, напоминающий классические шрифты Didone 70-х годов.

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

    Современные пропорции и острые треугольные засечки в форме лезвия делают этот шрифт великолепным, особенно при использовании для заголовков и логотипов.

    Blacker Pro имеет два оптических подсемейства: дисплей и текст.

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

    В то время как текстовая версия обеспечивает лучшую читаемость и визуализацию экрана при меньших размерах, с меньшим интервалом и меньшей контрастностью.

    дополнительно, вы найдете сокращенные варианты и варианты только в верхнем регистре для подсемейств, каждое в шести весах от легкого до тяжелого, с соответствующим курсивом.

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

    Благодаря своей яркой индивидуальности, Blacker заставит ваш текст великолепно выглядеть как на бумаге, так и на экране.

    Скачать Blacker Pro

    Эрик Шпикерманн работал с другими известными типографами, чтобы создать версию своего самого известного шрифта с засечками, FF Meta, с нуля.

    FF Meta Serif — это шрифт с засечками, который похож на своего знаменитого брата FF Meta, но функционирует как традиционное семейство шрифтов с засечками.

    FF Meta Seris идеально подходит для рекламы и упаковки, текстов книг, редакционных и издательских работ, и, конечно же, логотипов и брендов.

    FF Meta Serif выпускается в шести вариантах от светлого до черного (включая курсив) и охватывает латинские, греческие и кириллические шрифты.

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

    Благодаря дополнительным разработчикам, таким как Ральф дю Карруа и Ботжо Никольчев, этот шрифт поставляется с полным набором опций набора рисунков — рисунков в старом стиле и рисунков с подкладкой, каждая в табличной и пропорциональной ширине.

    Сплошной шрифт с засечками для универсального использования в любом типе графического дизайна.

    Примеры использования FF Meta Serif:

    • Helbers — фирменный стиль Only
    • Medow — веб-сайт Andreas Källbom

    Этот шрифт является членом обширного семейства FF Meta Super Family, поэтому вы можете найти подходящие шрифты и легко соединить их для единообразного вида.

    Загрузить FF Meta Serif

    Разработанное Джошуа Дарденом, Freight Display Pro — это красивое семейство шрифтов с засечками, которое сделает ваш дизайн модным.

    Freight Display Pro — это рабочая лошадка для брендинга, теплые пропорции и большая нижняя часть предполагают баланс и гармонию.

    Этот элегантный шрифт с засечками добавит роскоши и стиля вашим проектам по брендингу и дизайну логотипов.

    Чрезвычайный контраст между толстыми и тонкими мазками придает Freight Display Pro гармоничный и стильный вид, который может передать как мужские, так и женские качества.

    Очень хорошо работает при использовании в качестве стильного наложения текста на любое фоновое изображение.

    Этот шрифт выпускается в 12 вариантах начертания с соответствующим курсивом и был опубликован GarageFonts.

    Freight Display Pro идеально подходит для редакционного оформления, брендинга, журналов, логотипов, заголовков и многого другого.

    Примеры использования Freight Display Pro:

    Отличный шрифт для кафе, модных лейблов, фотографов, косметических товаров и других бутик-брендов.

    Загрузить Freight Display Pro

    Mirador — это неоклассическое семейство шрифтов, разработанное Рене Бидером, который хотел привнести классический стиль с засечками в соответствие с современным вкусом и требованиями набора.

    Mirador — это современный взгляд на высококонтрастные шрифты, идеально отражающие элегантность, традиции и неподвластность времени.

    Хотя на первый взгляд Mirador кажется экранным шрифтом, его пропорции и дизайн позволяют ему работать и с меньшими размерами.

    И если он работает в небольших размерах, то вы знаете, что он хорош для дизайна логотипов и брендинга.

    Однако Mirador находит и другие варианты использования — от редакционного и корпоративного до веб-дизайна, взаимодействия и дизайна продукта.

    Гарнитура Mirador выпускается в 10 вариантах начертания (с курсивом) и оснащена лигатурами, альтернативными глифами и другими полезными функциями opentype.

    Красивые лигатуры и стилистические альтернативы Mirador придадут вашим дизайнам оригинальный, но вневременной вид.

    Идеально подходит для брендов, которым приходится заниматься роскошью, драгоценностями, бриллиантами и т. Д.

    Примеры использования Mirador:

    Этот шрифт отдает дань уважения традициям чтения, но также дает вам возможность произвести впечатление .

    Скачать шрифт Mirador

    Шрифт Bookmania, разработанный Марком Симонсоном, является обновлением традиционных элегантных шрифтов с засечками начала 1900-х годов.

    Bookmania — это более изысканный и современный подход к классическим шрифтам с засечками, которые вызывают достоинство и уважение.

    Благодаря всем завиткам и изгибам семейство шрифтов Bookmania обладает всеми функциями, которыми может воспользоваться ваш логотип.

    Этот тип имеет более 680 знаков перекоса и 35 дополнительных лигатур (доступных во всех весах), чтобы предоставить вам безграничные возможности при разработке вашего логотипа.

    Bookmania сочетает в себе лучшее из обоих: элегантность оригинального Bookman Oldstyle 1901 года и дерзкое изобилие Bookmans 1960-х годов.

    Принесенный в современную эпоху, этот традиционный шрифт теперь имеет все, что вы могли бы найти в современном семействе цифровых шрифтов.

    Благодаря широкому диапазону веса он отлично подходит для использования на дисплее, но благодаря своим отличным пропорциям он также хорошо подходит для текста меньшего размера.

    Если вы работаете над дизайном любого типа, который выиграл бы от этого старого, классического, но утонченного внешнего вида, Bookmania — ваш лучший выбор.

    Примеры использования Bookmania:

    • Virid — брендинг Терри Сайетинга
    • FieldTrip — веб-сайт Флориана Хардвига
    • Mila — виниловый дизайн Ива Петерса

    Настоящая типографская жемчужина, которая может сделать любой логотип культовым.

    Скачать шрифт Bookmania

    Разработанный Джейми Кларк, семейство типов Span устраняет разрыв между современным и традиционным.

    Span — это современное семейство шрифтов, которое щеголяет своим гравированным наследием с широкими засечками и скульптурными формами.

    Сильное вертикальное ударение в этом шрифте смягчается элегантными органическими изгибами, а его компактная высота подчеркивает глубокие засечки.

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

    Сжатые стили дают неоценимое преимущество при разработке чего-то, что могло бы удерживать более длинный текст в узких местах.

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

    Span отличается характерными треугольными (глифическими) терминалами, компактными вертикальными пропорциями, мягкими изгибами на жестких ножках, длинными ножками, хвостами и элегантными полосами.

    Итак, если вы хотите, чтобы ваш бренд выглядел ярким, но при этом достойным, Span — это необычное семейство шрифтов, которое поможет вам в этом.

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

    Скачать шрифт Span

    Gabriela Stencil был разработан Антонио Мехиа Лечуга и вдохновлен стилем шрифтов Didone 19 века.

    Gabriela Stencil — это сложный шрифт с засечками, который блестяще сочетает в себе классический и современный вид.

    Дизайн соответствует модели Didone (классические засечки конца 18 века), но с добавлением трафаретного шрифта.

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

    Семейство шрифтов Gabriela Stencil доступно в шести весах с соответствующим курсивом.

    Высота x примерно 50% от высоты крышки вместе с короткими верхними и нижними элементами делают Gabriela Stencil очень разборчивым шрифтом большого размера.

    Сочетание всех этих функций делает его отличным выбором для заголовков, короткого текста, брендинга и, конечно же, дизайна логотипа.

    Это довольно уникальный шрифт в моем списке — разрывы на лицевой стороне, чтобы придать ему вид букв, используемых на коробках и ящиках (штампах)

    Он также хорошо подходит для люксовых брендов, таких как часовщики, ювелирные изделия и т. Д., Где вы можно выгравировать логотип.

    Примеры использования трафарета Gabriela:

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

    Загрузить Gabriela Stencil

    Mixta — это шрифт, созданный Родриго Фуэнзалидой, который экспериментировал со смешиванием различных стилей, таких как Didone и современные лица.

    Mixta отличается высоким контрастом между толстыми и тонкими мазками, чтобы передать гармонию и элегантность.

    Mixta — это современное семейство шрифтов с засечками, обладающее характеристиками и особенностями некоторых из лучших классических гарнитур.

    Mixta — довольно большое семейство шрифтов с множеством начертаний, соответствующим курсивом, а также другими функциями OpenType, такими как заглавные буквы, различные типы цифр и множество альтернатив.

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

    Очень высокий контраст между мышлением и толстыми мазками делает этот шрифт элегантным и шикарным.

    Mixta поддерживает более 200 языков на основе латиницы, поэтому его можно успешно использовать в брендинге для крупных транснациональных корпораций.

    Я бы порекомендовал использовать этот шрифт для брендинга, рекламы, редакционного оформления или любого другого дизайна, который должен выглядеть стильно.

    Отличный шрифт для роскошных модных брендов, эксклюзивных ресторанов, элитных отелей и т. Д.

    Скачать шрифт Mixta

    Выводы

    Известные люксовые бренды, такие как Tiffany, Gucci, Rolex, Prada, Dior, Hermes или Cartier, используют засечки. шрифты в своих логотипах.

    Использование элегантного шрифта с засечками добавит классу, стилю и изысканности вашему дизайну логотипа.

    Существует ряд хорошо продуманных шрифтов с засечками, некоторые из них большие и громкие, а другие более тонкие и деликатные.

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

    Надеюсь, вам понравился мой список стильных и элегантных шрифтов, которые поднимут ваш дизайн на новый уровень.

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

    Не забывайте о моих руководствах по , как создать логотип , затем представит этот логотип вашему клиенту и, наконец, доставит пакет с логотипом .

    Какой ваш любимый элегантный шрифт для дизайна логотипов? — оставьте комментарий ниже.

    Другие лучшие шрифты для дизайнеров

    10 лучших профессиональных шрифтов для графических дизайнеров (на все времена)

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

    Профессиональные дизайнеры знают, что, помимо геометрических форм, знаков и символов, шрифт является неотъемлемой частью их работы и составляет всю композицию.

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

    Каждому дизайнеру нужен солидный набор профессиональных шрифтов в своей коллекции.

    Шрифты, которые вы в конечном итоге будете использовать, будут идти рука об руку с цветами и логотипом компании.

    Имея тысячи шрифтов, выбрать правильный шрифт для воплощения того, что олицетворяет бренд, может быть трудным решением.

    К счастью, я упростил поиск, составив список из 10 лучших профессиональных шрифтов для дизайнеров.

    10 лучших профессиональных шрифтов

    1. Helvetica
    2. Futura
    3. Trajan
    4. Sabon
    5. Garamond

    6. 2 Rockwell

    7. Garamond 902
    8. Frutiger
    9. FF DIN

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

    Helvetica — лучший выбор профессионалов за его чистый, уверенный вид, разборчивый и презентабельный.

    Helvetica имеет тонкий вид, который легко подчеркивает содержание и привлекает внимание.

    Многие всемирно известные компании используют логотипы, основанные на Helvetica — это, вероятно, самый профессиональный шрифт всех времен.

    Шрифт Helvetica

    Майк Паркер, типограф, дизайнер шрифтов, консультант и историк, был создателем шрифта Helvetica в том виде, в каком мы его знаем сегодня.

    Первоначально разработанный в Швейцарии шрифт Helvetica имеет долгую историю принятия и развития, с более чем 50-летним использованием и быстрым ростом, чтобы стать самым популярным шрифтом без засечек в мире.

    Этот шрифт всегда был повсеместным и универсальным из-за его большого веса, ширины и размера.

    Четкость и нейтральность этого шрифта обнародованы, и государственные учреждения полагаются на него в своих документах и ​​вывесках, например система метро Нью-Йорка .

    Коллекция включает 34 вариации на любой вкус, от более сжатых до более округлых.

    Являясь одним из самых распространенных стилей шрифтов в современной типографике, его можно рассматривать как основу многих логотипов брендов, в том числе: Jeep , Panasonic , Microsoft , Lufthansa , American Apparel , , Nestlé и многие другие.

    ‍ Helvetica широко используется графическими дизайнерами для печатных работ и вывесок из-за его высокой четкости и легко узнаваемого внешнего вида.

    Этот исторический шрифт продолжает оставаться популярным типографским шрифтом, выражающим силу, элегантность и концептуальную ясность.

    Futura всегда умела изображать форму и порядок с дополнительным намеком на творчество.

    Представленный в 1928 году, Futura считается плодом культового движения Баухаус в Германии и с тех пор используется во всем мире.

    Futura font

    Разработанные в 1927 году Полом Реннером , оригинальные рисунки были основаны на классических геометрических формах, таких как круги, треугольники и квадраты.

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

    Вы можете использовать Futura для достижения максимума в ограниченном пространстве: логотипы, слоганы, корпоративные шрифты и книги с небольшим текстом.

    Основанный на геометрических фигурах, таких как круги, треугольники и квадраты, Futura помогает тексту выглядеть идеально.

    Futura был назван «гарнитуром сегодняшнего и завтрашнего дня» из-за его духа современности.

    Некоторым дизайнерам этот шрифт не нравится, но для многих он стал неотъемлемой частью их опыта графического дизайна.

    Всемирно известные бренды, такие как Nike , Supreme , Gillette , PayPal , Red Bull и многие другие, используют версии шрифтов Futura в своих логотипах.

    Шрифт чрезвычайно широко распространен в кино и видео индустрии.

    Транспорт — еще одна область его использования, поскольку его можно быстро захватить и распознать, например, в графических изображениях панелей Mercedes-Benz и в элементах управления кабиной авиалайнеров Boeing используется шрифт.

    Благодаря семейству шрифтов, включающему 22 различных версии, он остается универсальным шрифтом, подходящим для многих различных ситуаций.

    Графические дизайнеры обращаются к Futura за эстетикой, которая выглядит сильной, инновационной и упорядоченной.

    Траян широко используется в киноиндустрии, особенно известен благодаря многочисленным голливудским афишам фильмов.

    Шрифт Траяна характеризует символическое существование в обществе, религии, праве и сословии.

    Старый шрифт с засечками Trajan был разработан для Adobe Кэрол Туомбли в 1989 году.

    Шрифт Траяна

    Создатель шрифта черпала вдохновение из колонны Траяна, на которой были начертаны римские квадратные прописные буквы.

    Дизайн Траяна был улучшен за счет цифр и знаков препинания, а также более жирным шрифтом.

    Удивительно, что древняя интерпретация стиля Твомбли дала миру семейство шрифтов, чья четкость и красота украшают не только печатные материалы, но и широко используются в проектах цифрового дизайна.

    Учтите, что Trajan создавался для отображения в больших размерах, поэтому обращайте на него особое внимание при использовании в печати.

    Известный своей характерной узкой буквой «f» курсивом, этот шрифт широко используется в книгах и распечатках из-за своего мягкого, приятного для глаз вида.

    Знаменитый шрифт Sabon хорошо читается и не выглядит однообразным.

    Sabon — это шрифт с засечками в старом стиле, разработанный немецким типографом и дизайнером Яном Чихольдом, который хотел создать шрифт с кривыми линиями, которые привлекают внимание читателей, но не утомляют глаза.

    Шрифт Sabon

    Новый взгляд на классический римский шрифт, он был разработан в начале 1960-х годов, чтобы лучше подходить для литейных машин Linotype.

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

    Мягкие изгибы шрифтов с засечками помогают естественным образом направлять взгляд от одной буквы к другой и от слова к слову, и это еще более очевидно в знаковых стилях курсива.

    Этот классический шрифт лучше всего подходит для основного текста — относительно верный, органичный книжный шрифт, прочно укоренившийся в традициях

    Sabon использовался в 2000-х годах в качестве официального шрифта логотипа Стэнфордского университета до 2012 года.

    Этот шрифт также используется Örebro University вместе с другим шрифтом Trade Gothic.

    Также Vogue и Esquire используют слегка измененную версию Sabon для заголовков.

    Семейство шрифтов Sabon представлено в 4 различных стилях и поддерживает до 19 различных наборов символов.

    Популярность Sabon превзошла его происхождение, поскольку он был призван соответствовать жесткому набору бизнес-требований.

    Представленный на Всемирной выставке в Париже в 1900 году, Garamond является одним из самых известных шрифтов в мире.

    Garamond — элегантный шрифт с засечками с тонкими четкими краями и естественными изгибами.

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

    Шрифт Garamond

    Названный в честь Клода Гарамонда и основанный на его алфавите, наряду с работами Жана Жаннона, шрифт был основан на итальянских формах шрифта и стилизован для большей элегантности и ясности.

    Этот шрифт имеет характеристики стиля Transitional и в свое время был одним из основных шрифтов, сочетающих в себе классические и современные элементы.

    Несмотря на наличие множества версий, Adobe ITC Garamond, разработанный в 1989 году, является самой популярной версией шрифта.

    Блестящая популярность Garamond основана на его смелом и утонченном стиле, который идеально подходит для академических требований.

    Недавно немецкое издательское агентство назвало Garamond вторым лучшим шрифтом после Helvetica.

    Apple и Microsoft Windows использовали новые варианты шрифта для дизайна своих интерфейсов.

    Сейчас это очень популярный образ среди графических дизайнеров, которые ищут непринужденную версию классического официального образа.

    Семейство шрифтов Garamond Classico включает 5 различных стилей, которые дают вам именно то, что вам нужно для ваших материалов графического дизайна.

    Это самый исторический шрифт в списке, и сегодня он по-прежнему занимает свое место в графическом дизайне.

    У Bodoni сильный контраст между тонкими и толстыми линиями, что придает уверенный и смелый вид.

    Созданный в 18 веке Джамбаттистой Бодони, известным в то время королем принтеров, шрифт Bodoni представляет собой шрифт с засечками, имеющий богатую историю и применение.

    Bodoni font

    Профессиональные дизайнеры ценят в Bodoni прежде всего его эстетическую привлекательность.

    Когда он был впервые выпущен, он был классифицирован как классический шрифт из-за довольно рациональной структуры Бодони.

    Позже шрифт стал новым дизайном букв римского или ренессансного стиля, известным как современный шрифт или дизайн Didone.

    Сдержанная геометрическая форма — очаровательная особенность любого проекта.

    Шрифт Bodoni отличается сильным характером и, как говорят, воплощает рациональное мышление эпохи Просвещения.

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

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

    Существует 14 доступных стилей для Bodoni , и он является фаворитом среди графических дизайнеров, особенно при работе с дизайном обложек или плакатов.

    Узнаваемый шрифт Bodoni завоевал свою популярность в индустрии моды, в частности модный логотип и заголовки.

    Шрифт узнаваем по очень тонким «волосам», которые контрастируют с более толстыми линиями.

    Вы наверняка видели это на логотипах всемирно известных брендов: Vogue , Calvin Klein и Gucci .

    Выдающийся итальянский дизайнер Массимо Виньелли заявил, что это «один из самых элегантных шрифтов, когда-либо созданных.”

    Известный как slab serif, Rockwell представляет собой сочетание четкости с засечками и большого геометрического дизайна, предлагающего лучшее из обоих миров.

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

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

    шрифт Rockwell

    Продукт корпорации Monotype, Rockwell был выпущен еще в 1934 году.

    Он довольно разборчив и понятен при использовании для отображения и дизайна небольшого текста.

    Основные особенности этого шрифта с плоскими засечками делают его похожим на горизонтальные штрихи.

    Его блочный характер позволяет широко использовать Rockwell для заголовков, а не для основного текста.

    Сияние конечного продукта достигается за счет особого дизайна Rockwell — геометрических форм.

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

    Великолепие этого шрифта основано на его способности сочетать различные функции и использоваться в научных целях, одновременно являясь ретро, ​​современным и игривым.

    Книга рекордов Гиннеса , Доклендское легкое метро и издатель Tall Lighthouse — известные представители тех, кто использовал шрифт.

    Прочная конструкция придает ему поразительный вид, который отлично подходит для привлечения внимания как при печати, так и на цифровых носителях.

    Он обладает большим потенциалом для обмена сообщениями и узнаваемости бренда, если сочетается с правильными цветами и изображениями.

    Пока он не настроен так, чтобы засечки соприкасались, шрифт хорошо читается даже на расстоянии и также будет хорошо работать в качестве 3D-указателей.

    Семейство шрифтов , , , Rockwell, , , от Monotype включает 9 различных стилей с различными вариациями светлого, стандартного, полужирного и сжатого цветов и станет универсальным дополнением к коллекции любого профессионального графического дизайнера.

    Последнее обновление этого шрифта сделало его восходящей звездой в последние годы.

    Proxima Nova предлагает минималистичный современный вид с оттенком элегантности во всех нужных местах.

    Семейство шрифтов Proxima Nova обеспечивает отличное сочетание шрифтов, таких как Futura, и классических шрифтов без шрифта, и, несомненно, придает чувство формальности и профессионализма.

    Шрифт Proxima Nova

    Стиль шрифта описывается как гибрид, сочетающий гуманистические пропорции с несколько геометрическим внешним видом.

    В этом семействе насчитывается 48 вариаций, все из которых представляют собой полнофункциональные типы OpenTypes с множеством дополнительных символов.

    Все различные включенные вариации вместе с современным стилем шрифта позволяют широко применять его в мультимедиа и разборчиво на экранах любого размера.

    В такой массивной упаковке Proxima Nova представляет собой универсальный современный гротеск, который может дать графическим дизайнерам мгновенную коллекцию изящных минималистичных стилей на выбор.

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

    Frutiger — это современное произведение искусства, сочетающее в себе форму и функциональность.

    Швейцарский дизайнер Адриан Фрутигер дал название семейству шрифтов Frutiger, которому было поручено работать над системой указателей и указателей для нового аэропорта Шарль де Голль в Париже.

    Шрифт Frutiger

    Когда Адриан Фрутигер получил задание в 1968 году, все предполагали, что он захочет использовать свое успешное семейство шрифтов Univers, но вместо этого он решил создать новый шрифт без засечек, более подходящий для этого проекта.

    Frutiger прошел долгий путь и теперь является популярным выбором для мелкомасштабного текста в журналах и буклетах.

    Frutiger известен как «гуманистический» шрифт, поскольку его символы четкие и читабельные.

    Дизайнеров привлекает возможность сделать мелкий текст узнаваемым на расстоянии.

    Многие учреждения по всему миру используют шрифт Frutiger в качестве официального шрифта, например, университеты, колледжи, компании, организации, программы указателей в больницах и аэропортах.

    Семейство Frutiger описано как не строго геометрическое или гуманистическое по конструкции; его формы спроектированы таким образом, что каждый отдельный персонаж легко и быстро узнается.

    В это семейство входит 19 различных стилей, различающихся по толщине, интервалу и курсиву.

    Это объясняет, почему многие дизайнеры во всем мире обожают использовать этот шрифт, а Эрик Шпикерманн назвал его «лучшим общим шрифтом на свете».

    Созданный в конце 20 века, FF DIN быстро завоевал популярность в мире графического дизайна, несмотря на свой базовый технический вид.

    FF DIN — один из самых популярных сокращенных технических шрифтов.

    Отлично подходит для упаковки, плакатов, ориентиров, а также современного дизайна логотипа .

    FF DIN font

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

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

    ‍ FF DIN обеспечивает расширенную типографскую поддержку с такими функциями, как формы с учетом регистра, дроби, надстрочные и подстрочные символы, а также стилистические альтернативы.

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

    Долгое время ‍ FF DIN считался официальным шрифтом Германии.

    Выводы

    Нравится ли вам простой стиль современных шрифтов или орнаментальный вид некоторых классических элегантных шрифтов, нельзя отрицать, что эти профессиональные шрифты просто необходимы профессиональным дизайнерам.

    Использование правильных шрифтов для создания своих дизайнов позволит вам раскрыть свой творческий потенциал и сочетать и сочетать для получения качественной работы.

    У каждого шрифта будет свой стиль и заданная атмосфера, и вы, вероятно, со временем будете использовать многие из шрифтов из этого списка в дизайне логотипов, титульных страниц, веб-сайтов и т. Д.

    Теперь, по крайней мере, когда вы сталкиваетесь с такими ситуациями, вы лучше понимаете, что используют профессионалы, и, надеюсь, эта статья поможет вам сделать осознанный выбор в вашем следующем дизайнерском начинании.

    Использование профессиональных шрифтов может помочь сделать ваш бренд авторитетным и авторитетным.

    Также обязательно ознакомьтесь с моими учебниками по , как создать логотип , затем , как представить логотипы , и, наконец, , как доставить пакет логотипа .

    Какой шрифт, по вашему мнению, выглядит наиболее профессионально? — оставьте комментарий ниже.

    Еще лучшие шрифты для дизайнеров

    20 лучших шрифтов для веб-сайтов в 2021 году (бесплатные и платные)

    Мы надеемся, что веб-дизайн и специалисты по маркетингу помогут нам понять основные тенденции, которые появятся в будущем.Ретро-гарнитуры. Объемные жирные буквы. Вариативные шрифты. С типографикой всегда происходит что-то новое.

    Независимо от тенденций в области типографики, одно можно сказать наверняка: веб-дизайнерам нужен набор шрифтов, на которые они могут полагаться год за годом, веб-сайт за веб-сайтом.

    К счастью, нам не нужно соглашаться на традиционные шрифты, такие как Arial и Times New Roman, чтобы обеспечить удобный интерфейс. Принимая во внимание ключевые правила веб-типографики , есть несколько невероятных шрифтов, которые являются сложными, креативными и уникальными, не жертвуя качеством чтения.

    Мы составили список из 20 лучших шрифтов для веб-сайтов. Здесь вы найдете сочетание бесплатных и платных шрифтов, а также некоторые из лучших веб-шрифтов для оптимального взаимодействия с пользователем. Мы также рассмотрим, что такое веб-шрифты и почему это важный фактор, который следует учитывать при выборе правильных шрифтов для вашего веб-дизайна.

    20 лучших шрифтов для веб-сайтов

    1. Abril Fatface

    2. Прощай

    3. Andika

    4. Arvo

    5. Canela

    6. No.1

    7. Хаттон

    8. Лато

    9. Линотип Дидот

    10. Лора

    11. Open Sans

    12. Opposit4

    13. Proxima Soft

    14. Recoleta

    15. Roboto

    16. Romana

    17. Voyage

    Что такое веб-безопасные шрифты?

    При выборе шрифта для своего веб-сайта, как правило, цель состоит в том, чтобы использовать следующие шрифты:

    • Разборчивый,

    • Доступный,

    • Привлекательный,

    • Соответствующий,

    • И легкий .

    Есть еще одна черта, о которой вам следует помнить, — это кроссбраузерность .

    По мере роста числа устройств и браузеров, которые потребители используют для доступа в Интернет, мы рискуем представить непоследовательное или неполное «лицо» посетителям веб-сайта. Это связано с тем, что, если шрифт не предварительно установлен в браузере или операционной системе, посетителям, скорее всего, будет показан резервный шрифт или шрифт по умолчанию.

    Однако веб-шрифты (обычно) принимаются повсеместно.Таким образом, большинство ваших посетителей увидят шрифты, которые вы им предназначаете, гарантируя, что ваш веб-дизайн будет выглядеть так, как планировалось, в различных браузерах и устройствах.

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

    20 лучших шрифтов для веб-сайтов (бесплатные и платные)

    1.

    Abril Fatface

    Тип шрифта: Serif

    Бесплатно / премиум: Бесплатно

    Foundry or designer: Veronika Burian and Хосе Скаглионе из TypeTogether

    Предыстория: Abril Fatface — это бесплатный шрифт, который является частью гораздо большего семейства премиальных шрифтов под названием Abril.

    Семейство шрифтов в целом было переосмыслением классического информационного интерфейса для современных читателей. Однако этот конкретный шрифт выделяется среди членов своего семейства из-за более тяжелых («жирных») символов. Это потому, что шрифт Abril Fontface был вдохновлен текстом заголовка, который использовался на рекламных плакатах в 1800-х годах.

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

    2.

    Прощай

    Тип шрифта: Расширенный без засечек

    Бесплатно / премиум: Премиум
    Foundry или дизайнер:     Кеннет Кнутсен из Good Type Foundry

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

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

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

    3.

    Andika

    Тип шрифта: Sans serif
    Бесплатно / премиум:     Бесплатно
    Изготовитель или разработчик:     SIL International

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

    Andika имеет латинский и кириллический алфавиты.

    Когда вам следует его использовать: Разработанный специально для начинающих читателей (т.е. детей и изучающих язык), Andika имеет и другие приложения. Согласно Accessibility and Usability в Penn State , он также полезен для посетителей веб-сайтов с нарушениями чтения, которым полезны веб-сайты с четкими и отчетливыми буквами.

    4.

    Arvo

    Тип шрифта: Геометрический шрифт с засечками

    Бесплатно / премиум: Бесплатно
    Литейное производство или дизайнер:     Антон Коовит

    Предыстория: Финское слово Arvo переводится как «число, ценность, ценность». Это имеет смысл, учитывая, что Arvo — это геометрический шрифт с плоскими засечками. Хотя шрифт имеет упорядоченный эстетический вид, тонкие штрихи придают ему немного преимуществ и выделяют его среди других шрифтов с засечками.Обратите внимание, например, на контраст, добавленный к цифрам, и небольшие дополнения к буквам «G», «c» и «s», которые отличают их от других букв.

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

    5.

    Canela

    Тип шрифта: Гибридный шрифт с засечками и без засечек

    Бесплатно / премиум: Премиум
    Производитель или дизайнер:     Miguel Reyes for Commercial Type

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

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

    6.

    Centra № 1

    Тип шрифта: Геометрический без засечек

    Бесплатно / премиум: Премиум

    Литейная мастерская или дизайнер: Джошуа Финкли и Лукас Шарп Фон Sharp Type

    : В отличие от других модернистских шрифтов из жанра геометрического без засечек, Centra No.1 имеет современную окраску, отличающую его от таких известных шрифтов, как Futura и Century Gothic. Его текстуры и углы придают ему большую глубину, чем эти классические шрифты в стиле Баухауса.

    Семейство шрифтов имеет восемь различных толщин. Самый тяжелый из семейства — Centra No. 1 Black, который идеально подходит для логотипов и заголовков. Тем не менее, Centra No. 1 Hairline, самый тонкий из семейства, выглядит почти как другой шрифт, поскольку отсутствие толщины упрощает стилизацию символов и лучше всего подходит для основного содержимого.

    Когда вам следует его использовать: Если вам нужен универсальный шрифт, который может украшать различные части веб-сайта и его брендинг, Centra No. 1 может многое предложить. И из-за его модернистских тенденций вы можете ожидать, что этот будет выносливым.

    7.

    Hatton

    Тип шрифта: Sans serif

    Бесплатно / премиум: Premium

    Foundry или дизайнер: Сотрудничество между Pangram Pangram Foundry и Two Times Elliot Studio

    Хаттон-Гарден — старый ювелирный район Лондона (а также бывший район, где работала дизайнерская студия).Чтобы отдать дань уважения знаменитому ювелирному кварталу, дизайнеры наделили свои шрифты характеристиками, похожими на те, что можно найти в окрестностях, в виде вывесок и гравюр.

    От сверхлегкого до черного цвета шрифта, вы обнаружите, что каждый из них излучает атмосферу ручной рендеринга.

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

    8.

    Lato

    Тип шрифта: Sans serif

    Бесплатно / премиум: Бесплатно

    Литейное производство или дизайнер: Лукаш Дзедзич из tyPoland, при поддержке Google

    Фон был разработан как фирменный шрифт для клиента, с которым работал дизайнер. Когда клиент передал его, дизайнер решил превратить его в общедоступный шрифт с открытым исходным кодом.

    Дизайн передает ощущение гармонии и стабильности, что делает его чистым и ненавязчивым выбором, особенно при использовании в небольших размерах.При использовании для заголовков или другого более крупного текста выделяются тонкие характеристики. Неудивительно, что это третий по популярности шрифт Google .

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

    9.

    Linotype Didot

    Тип шрифта: Serif

    Бесплатно / премиум: Premium

    Foundry или дизайнер: Firmin Didot (оригинальный дизайнер) и Adrian Frutiger для Linotype Studio

    и Foundry

    Предыстория: Шрифт Didot получил свое название от известной семьи Didot, владевшей очень успешными типографиями и литейными цехами в Париже в 18-19 веках.Фактически, они были настолько успешными, что стали популярным принтером для короля, а созданный ими шрифт Didot был использован в книге Вольтера La Henriade . Его современная версия также была использована для разработки «глазного» логотипа CBS.

    С тех пор он был переработан для цифровых ридеров и теперь является веб-шрифтом.

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

    10.

    Lora

    Тип шрифта: Serif

    Бесплатно / премиум: Бесплатно

    Литейная мастерская или дизайнер: Cyreal

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

    Доступный в четырех вариантах толщины, этот шрифт хорошо подойдет для основной части ваших страниц.

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

    11.

    Open Sans

    Тип шрифта: Sans serif

    Бесплатно / премиум: Бесплатно
    Литейное производство или дизайнер:     Стив Маттесон; по заказу Google

    Предыстория: Open Sans основан на более раннем шрифте Google под названием Droid Sans, который был создан для смартфонов Android.Это немного более широкая версия этого шрифта, и его удобочитаемость была улучшена, поэтому он хорошо смотрится на всех экранах, даже в небольших размерах.

    Не зря более 20 миллионов веб-сайтов используют этот шрифт, и это второй по популярности шрифт Google за все время.

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

    12.

    Opposit

    Тип шрифта: Sans serif

    Бесплатно / премиум: Premium

    Литейный цех или дизайнер: Кеннет Кнутсен для Good Type Foundry

    Фон: Большинство шрифтов без засечек Opposit состоит из доминирующих горизонтальных штрихов, которые толще вертикальных.Этот необычный, высококонтрастный подход делает шрифт привлекательным, который обязательно будет выделяться, где бы он ни использовался.

    Когда вам следует его использовать: Если вы хотите создать нетрадиционный фирменный стиль, вы можете подумать о добавлении этого уникального шрифта в свой логотип и / или изображение главной страницы. Используя вместе с более нейтральным шрифтом, вы можете добиться правильного визуального баланса.

    13.

    Optima

    Тип шрифта: Sans serif roman

    Бесплатно / премиум: Premium

    Foundry или дизайнер: Hermann Zapf for Linotype

    Фон: Optima Безопасный шрифт, вдохновленный классическими римскими надписями, с некоторыми индивидуальными штрихами.В то время как шрифт в римском стиле имеет традиционный широкий и насыщенный набор символов, вы заметите отклонения, такие как наклоненная заглавная буква «S» и расширенная буква «M», среди прочего.

    Это очень популярный шрифт с широким спектром приложений. Мемориал ветеранов Вьетнама, Estée Lauder и президентская кампания Джона Маккейна использовали его.

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

    14.

    Prophet

    Тип шрифта: Sans serif

    Бесплатно / премиум: Premium

    Литейное производство или дизайнер: Йоханнес Брейер, Фабиан Харб и Эркин Карамемет для DINAMO Studio

    1

    9 : Шрифт Prophet выделяется среди других шрифтов — с засечками или без засечек — своими нерегулярными сокращениями и кривыми, черпая вдохновение из мира более экспериментальной типографики . Он основан на другом шрифте под названием Georgina, разработанном Джозефом Черчвордом.

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

    15.

    Proxima Nova

    Тип шрифта: Sans serif

    Бесплатно / премиум: Premium (подписка Creative Cloud)

    Foundry или дизайнер: Марк Симонсон из Mark Simonson Studio

    : Proxima Nova раньше использовалась как Proxima Sans, семейство шрифтов гораздо меньшего размера, использовавшееся в 90-х годах.В наши дни дизайнер построил это семейство геометрических шрифтов, которое включает восемь начертаний, три ширины и курсивные аналоги, в общей сложности 48 шрифтов.

    Это один из самых полных шрифтов, с которыми вы столкнетесь, поэтому неудивительно, насколько он популярен в Интернете.

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

    16.

    Proxima Soft

    Тип шрифта: Sans serif

    Бесплатно / премиум: Premium (подписка Creative Cloud)

    Foundry или дизайнер: Марк Симонсон из Mark Simonson Studio

    Фон : Дизайнер Proxima Nova решил, что нужна закругленная и более игривая версия Proxima Nova, и поэтому была создана Proxima Soft.Он поставляется с таким же обширным набором из 48 шрифтов и с поддержкой греческого и кириллического алфавитов.

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

    17.

    Recoleta

    Тип шрифта: Serif

    Бесплатно / премиум: Premium

    Foundry или дизайнер: Jorge Cisterna for Latinotype

    Фон: Recodgea из 70-х все в одном лице.Хотя это не обязательно похоже на то, что мы традиционно считаем «ретро» типографикой, вы можете сказать, что оно пришло из другого времени, но в современной интерпретации.

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

    Когда вам следует его использовать: Благодаря своему ретро-происхождению, Recoleta может хорошо подойти тем брендам, которые хотят, чтобы клиенты вернулись к добрым временам и оценят нежное воспоминание о них с помощью этого шрифта.Однако в сочетании с современным дизайном Recoleta может выглядеть очень модно.

    18.

    Roboto

    Тип шрифта: Без засечек

    Бесплатно / премиум: Бесплатно

    Литейное производство или дизайнер: Кристиан Робертсон; по заказу Google

    Предыстория: Roboto — это шрифт Google №1, с которым вы, скорее всего, будете сталкиваться каждый день, поскольку он является системным по умолчанию для всех устройств Android, а также для продуктов Google, таких как Google Images, Google Maps, Google Play и YouTube.

    Поскольку его идентичность так скрыта в Google, мы могли бы легко описать его так же, как и Google: он чистый, упрощенный, современный и непритязательный.

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

    19.

    Romana

    Тип шрифта: Serif roman

    Бесплатно / премиум: Premium

    Литейное производство или дизайнер: Густав Шредер и Теофиль Божуар; опубликовано Bitstream

    Справочная информация: Romana — невероятно старый шрифт.Первоначально он был разработан во Франции в середине 19 века как попытка возродить старые римские шрифты. Затем он был адаптирован и расширен в конце 19 века.

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

    20.

    Voyage

    Тип шрифта: Каллиграфический

    Бесплатно / премиум: Premium

    Foundry или дизайнер: Джереми Шнайдер для VJ-Type

    Фон: новейшие шрифты в этой подборке лучших шрифтов для веб-сайтов.Это также единственный по-настоящему каллиграфический шрифт в списке. Поскольку Voyage не слишком декоративен, как можно было бы ожидать от каллиграфического шрифта, он может хорошо вписаться в дизайн вашего веб-сайта, особенно при осторожном использовании в ограниченных случаях использования.

    Voyage был создан, чтобы привнести авантюрный дух в большой шрифт на вашем сайте.

    Когда его следует использовать: Это экранный шрифт, поэтому его лучше всего использовать в тексте заголовка, который должен немедленно привлечь внимание посетителей.

    Заключение

    Хорошо подобранная типографика не только делает интерфейс более привлекательным, но и повышает удобство использования веб-сайта, поэтому внимание к шрифтам, которые мы используем, продолжает расти из года в год.

    Но только потому, что вы должны быть осторожны с выбором шрифтов для своего веб-сайта, это не значит, что вы не можете получать от этого удовольствие. Существует множество красивых и удобных шрифтов, которые могут укрепить идентичность вашего бренда, обеспечивая при этом удобочитаемость. С этим списком лучших шрифтов для веб-сайтов у вас будет множество вариантов для начала.

    Пошаговое (и иллюстрированное) руководство

    Если вы погуглите, как сочетать шрифты, вы получите много ужасных результатов .Результат на первой странице рекомендует сочетания, которые ни один опытный дизайнер не коснется 10-футовой палки. Google Fonts весело рекомендует сочетать буквально все с Open Sans и Roboto

    В этой статье я собираюсь разобраться в чуши и дать вам пошаговый план создания красивых сочетаний шрифтов профессионального качества. Вот тощая (не стесняйтесь, пропустите):

    1. Определите свой бренд
    2. Шрифты мозгового штурма, которые тонко передают ваш бренд
    3. Выбрать основной шрифт по удобочитаемости
    4. Добавьте дополнительный шрифт, чтобы заполнить другой аспект бренда
    5. Определите правила использования вашего нового шрифта
    6. При необходимости повторите шаги 4 и 5

    Приступим.

    1. Определите свой бренд (потому что бренд определяет типографику)

    Пара шрифтов, которая отлично работает на одном сайте, может выглядеть нелепо на другом.

    Причина в том, что у разных сайтов и приложений разные бренды .

    Проще говоря, ваш бренд — это просто список прилагательных (или коротких фраз), которые описывают то, что вы хотите, чтобы ваши пользователи думали о вас.

    Некоторым сайтам нужен бренд, который будет «чистым, простым и современным», другие хотят быть «роскошными, современными и стильными».

    Но каким бы ни был ваш бренд, возможность перечислить конкретных прилагательных и словосочетаний упростит процесс выбора шрифтов.

    Я опубликовал на YouTube видео, в котором рассказывается о прилагательных к бренду — как их найти и как они влияют на дизайн.

    В частности, в этом видео я рассказываю о 5 наиболее распространенных брендах , для которых начинающие UI-дизайнеры должны научиться разрабатывать:

    1. Чистый / простой — современный, минималистский
    2. Classy — роскошный, эрудированный, классический
    3. Дружелюбный — повседневный, неформальный
    4. Quirky — дизайн вперед, креатив
    5. Techie — футуристический, вызывающий

    (Вы можете посмотреть видео, чтобы увидеть некоторые примеры каждого из них)

    Мы будем регулярно использовать эти термины в качестве примеров на протяжении всего урока.

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

    2. Мозговой штурм шрифты, которые тонко передают ваш бренд

    Две из самой большой ошибки новичков при выборе шрифтов:

    1. Выбор шрифта, который не соответствует вашему бренду
    2. Выбор шрифта, наиболее подходящего к вашему бренду (т.е.е. новинка шрифт)

    Ключ к выбору хороших шрифтов — найти то, что передает ваш бренд, но тонко .

    Я разбираюсь в примерах, так что вот один. Допустим, вы разрабатываете небольшой сайт / приложение об истории Египта. Нам нужен бренд, профессиональный, чистый и информативный , но посвященный теме, древней, грандиозной и немного загадочной . (Вы их уловили? Это прилагательные нашего бренда)

    Вот 3 дубля:

    Если вы возились со списком шрифтов на своем компьютере, то, возможно, знаете, что существует трагически популярный шрифт под названием Papyrus, который в некотором смысле кажется идеальным , чтобы наконец его использовать на действительно добросовестном сайте, связанном с Египтом. (по сравнению с какой-то пригородной школой тхэкван-до, сенсей которой баловался графическим дизайном на 15 минут дольше… или Аватар).

    Увы, новинка такого рода редко дает хороший дизайн. Избегайте этого — по крайней мере , пока вы не станете достаточно хорошим дизайнером, чтобы не читать эту статью 😉

    Точно так же третий шрифт — Chakra Petch — хоть и хорош, но совершенно не подходит для бренда, который мы пытаемся донести. Угловатая техническая атмосфера лучше подходит для «Космоса: 3 королевства», понимаешь?

    Мы нашли золотую середину с Scala Sans, которая выглядит так, как будто это прямо с музейной афиши.Это то, что называют «гуманистическим» шрифтом без засечек, то есть его буквенные формы больше вдохновлены человеческим почерком, чем, скажем, геометрическими формами. И, как и многие гуманистические шрифты, кажется точным и прекрасным, как и безупречный рукописный шрифт .

    Я не ожидал, что каждый новый дизайнер заметит все эти детали. На самом деле, я особенно рекомендую новейшим дизайнерам просто придерживаться шрифтов, которые они уже знают как отличные. Но по мере того, как вы расширяете свой типографский кругозор, вы начнете замечать эти мелкие детали.И даже до того, как вы узнаете, что называет или классификации вещей, у вас разовьется чутье на то, что хорошо выглядит.

    Какие еще шрифты тонко передают бренд профессионального, чистого и информативного, но в то же время древнего, величественного и загадочного ?

    Что ж, Scala гораздо более «профессиональный, чистый и информативный». Для слова «древний, великий и загадочный» мы почти наверняка будем искать шрифт с засечками и .

    (Для ясности, мы не ищем шрифт, который является большим и загадочным — мы ищем шрифт, который тонко испускает величественную и таинственную атмосферу.Надо взять наш бренд и немного его немного вернуть)

    Давайте продолжим мозговой штурм. Вот что я обнаружил через несколько минут:

    Менее чем за 10 минут я нашел более 100 шрифтов , но выбрал только 4 в качестве претендентов. Я придумал два из них путем случайного просмотра моего каталога шрифтов, один — через мою таблицу хороших шрифтов (ресурс для всех студентов, изучающих дизайн пользовательского интерфейса), и один, зная, что выгравированный Траян, возможно, стоит попробовать (хотя у меня нет вместо этого пришлось искать похожие шрифты в Google).Будет ли один из них моим окончательным выбором? Без понятия! — но так начинается мозговой штурм.

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

    Например, один из 5 самых распространенных брендов — «необычный». Какие шрифты вы используете на необычном сайте ? Давайте взглянем на веб-сайт Института Санте-Фе, отличный пример необычного / креативного сайта (хотя, как технический институт , он также будет иметь некоторые «технические» элементы в своем бренде).Откройте его в новой вкладке — мы будем ссылаться на него повсюду.

    Этот шрифт называется Chap, и все его преднамеренные несоответствия, , запоминающиеся детали, и , охватывающая неуклюжесть — вот то, что делает его действительно ярким на необычном / прогрессивном сайте. Здесь хороший выбор.

    Кроме того, ничто из того, что я называю на изображении выше, не требует больших знаний дизайна, чтобы заметить. Любой может увидеть, что буква «е» странным образом смещена, или верхний терминал «е» причудливо отрезан.Что касается буквы «W», обратите внимание — это довольно обычная деталь, которую нужно включать (обычно в шрифты с засечками), но она, безусловно, немного выделяется, когда ее часто видят в основном тексте.

    Несмотря на то, что типографика имеет репутацию как нечто очень субъективное и художественное , шокирующее количество правильных шрифтов сводится к анализу формы букв . В конечном итоге ваша цель на этом этапе — связать (а) детали форм букв в выбранном вами шрифте с (б) прилагательными вашего конкретного бренда и (в) просто генерировать множество возможных идей.

    Превосходно. Давайте двигаться дальше.

    3. Выбрать основной шрифт по читаемости

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

    Для начинающих дизайнеров самый простой способ проверить, работает ли шрифт в качестве основного шрифта — это прочитать чертовски его описание ! Например, описание Scala Sans на MyFonts.com говорит, что он подходит для «книжного текста» и «мелкого текста», что является синонимом хорошего основного шрифта 😎

    Но всегда приятно иметь возможность самостоятельно определять хорошие шрифты для текста. Главный показатель, по крайней мере, с точки зрения непрофессионала или начинающего дизайнера: это скучно ! (Возможно, я единственный дизайнер в Интернете, который это признает 😛)

    Если серьезно, хороший основной шрифт никогда не привлечет к себе внимания — он позволяет контенту, слов , занимать центральное место.Целью хорошего основного шрифта является четкость , поэтому, если вы видите шрифт, который пытается достичь чего-то еще — характер, интересность, символы одинаковой ширины, — это, вероятно, не лучший основной шрифт.

    Это 3 отличных шрифта … которые не подходят для основного текста!

    Вместо этого вам нужен простой шрифт с засечками или без засечек с — если использовать типографский жаргон — высотой по оси x и открытыми счетчиками .

    Высота x — это высота строчной буквы «x». Но это не столько абсолютное измерение, сколько относительно прописных букв (или высоких строчных букв, таких как «h»).Почему это важно? Поскольку высокая высота по оси x означает, что строчные буквы, , по сравнению с другими шрифтами того же размера, , больше и, следовательно, их легче читать.

    «Открытые счетчики» (или «большие отверстия») означают, что промежутки между буквами, такими как «a», «c» и «e», относительно широкие. Буква «c» Helvetica не так уж и далека от «o» — в то время как буквы «c» и «o» Проксимы Новы различить гораздо легче.

    Может показаться, что это не особо важные дела (и вы увидите множество исключений!), Но представьте, что вам нужно было что-то прочитать очень быстро, или на телефоне, находящемся дальше, чем вам хотелось бы, или когда на улице действительно солнечно. .Все это обычно подталкивает вас к шрифтам с большой высотой по оси X и открытыми счетчиками.

    В примере с Древним Египтом я придумал несколько шрифтов с засечками и быстро выбрал очень разборчивый без засечек, который мне нравится (Scala Sans). Поскольку эти шрифты с засечками в значительной степени также будут отличными шрифтами основного текста, у меня есть дополнительное решение — , какой шрифт использовать в качестве основного шрифта: (a) Scala Sans или (b) один из шрифтов с засечками.

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

    Но пара из них отлично подойдет. На данный момент у меня нет твердого мнения, что мне следует использовать. Но по мере того, как мы продвигаемся через процесс сочетания шрифтов, один из них выйдет победителем.

    4. Добавьте дополнительный шрифт, чтобы заполнить еще один аспект бренда.

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

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

    (Кстати, 95% случаев , это означает, что вы будете сочетать с засечками и без засечек )

    На веб-сайте Института Санте-Фе их шрифт заголовка Chap довольно характерный и причудливый . Но это технический институт — в идеале какая-то часть их бренда должна также указывать techie .

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

    Типографически говоря, их шрифт заголовка, Chap, гвозди причудливый , но не techie .Так что следующий шрифт, который они используют, должен немного перекрывать угол techie .

    Совет от профессионалов ☝️: большинство шрифтов, которые кажутся техническими / научными / футуристическими , представляют собой в квадрате с . Но основной шрифт должен быть простым и разборчивым , что, как мы видели на примере Chakra Petch, иногда не соответствует угловатости и геометрической форме.

    Если бы вы спросили меня, какой шрифт отображает идеальный баланс между (а) техническим / геометрическим и (б) очень разборчивым, я бы предложил прекрасный DIN.

    А знаете что? Институт Санта-Фе считал тем же самым, что и ! (И многие другие дизайнеры тоже захотят — спросите их. Я обещаю вам, что эта типографика не такая уж дикая и субъективная, как кажется 🙂)

    Чистый эффект — отличный — определенно причудливый и креативный, но угловатый DIN, подкрепленный фотографиями сложных систем (таких как туманности и транспортные потоки), добавляет технической атмосферы.

    Для нашего примера с Древним Египтом я ищу что-то, что кажется немного более старым и загадочным (но помните: чуть-чуть ) по сравнению со Scala Sans.Это обязательно будет шрифт с засечками.

    Я сузил свой выбор до Skolar и еще одного шрифта с засечками под названием Minion .

    Как я выбрал Миньона? 🤔 Что ж, я заметил, что Crimson Text — это так называемые засечки «старого стиля» — один из самых ранних стилей дизайна, основанный на каллиграфических формах и довольно разборчивый (не говоря уже о том, что идеально подходит для чего-то с исторической атмосферой). Я решил просмотреть несколько других шрифтов с засечками в старом стиле, которые мне запомнились, но, если вы ничего не знаете, вы всегда можете погуглить «сайт старого стиля с засечками: typewolf.com », и вы в двух щелчках мыши от того, чтобы узнать о Minion.

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

    Мы могли бы сделать намного хуже, но мы могли бы сделать и немного лучше. Давайте поменяем гарнитуры и посмотрим, как выглядит и .

    Отлично! Но поскольку у нас есть два возможных шрифта с засечками, мы должны увидеть, как Skolar выглядит как основной шрифт.

    Честно говоря, засечки в Skolar кажутся слишком большими и толстыми.Мне нравится, что в Minion они были более тонкими и точными.

    (Зная немного больше о типографике, это вполне разумно. Skolar — это современный шрифт с засечками, и многие современные шрифты с засечками имеют более крупные засечки , что обеспечивает лучшую читаемость при очень маленьких размерах!)

    Итак, теперь у нас есть пара шрифтов — Scala Sans и Minion. Что нам с этим делать?

    5. Определите правила использования нового шрифта

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

    Можно подумать, что всего с двумя шрифтами это довольно просто, не так ли?

    1. Заголовки : Scala Sans
    2. Текст : Миньон

    Не так быстро! Даже на довольно простом текстовом сайте есть много других мест, где нам нужно будет выбрать шрифт:

    • Разделы
    • Подзаголовки
    • Меню навигации
    • Контактные формы (метки, ввод текста, кнопки)
    • Нижние колонтитулы

    Наивное решение состоит в том, чтобы (а) использовать шрифты заголовков для всех заголовков и подзаголовков и (б) использовать шрифт текста для всего остального.Угадайте, насколько хороша идея , что — это…

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

    И даже на этапе сопряжения шрифтов мы хотим начать стилизацию шрифтов, чтобы увидеть, как они могут работать.

    Мы начали определять еще несколько правил использования наших шрифтов:

    • Меню : Миньон
    • Автор : светло-серый Миньон курсив
    • Этикетки : светло-серый миньон курсив
    • Категории и теги : меньший верхний регистр Scala Sans bold

    Но даже они могут быть изменены.Например, светло-серая метка, выделенная курсивом, будет выглядеть странно рядом с вводимым текстом. Поэтому следует ли использовать разные стили для ярлыков и , или есть веское обоснование наличия двух стилей ярлыков (один для категорий и один для элементов управления формой)?

    По мере того, как вы добавляете больше шрифтов в свой дизайн, становится все более и более важным быть кристально ясным в отношении , когда и , как вы используете каждый.

    Например, на сайте Learn UI Design я регулярно использую 3 разных шрифта — Avenir Next, Rajdhani и Freight Text.Но в некотором смысле я определил «правила» относительно того, как я использую каждый из них:

    • Avenir Next : используется как основной текст. При необходимости можно выделить курсивом или полужирным шрифтом.
    • Rajdhani : Используется для подзаголовка и как акцентный шрифт. Только использовал прописные буквы и полужирный шрифт.
    • Freight Text : используется для частей страницы, которые представляют говорящего человека, например вопросы в FAQ, отзывы студентов и раздел «Обо мне». Только используется в более тяжелых весах.

    Итак, , несмотря на то, что технически имеет 2 шрифта без засечек, каждый шрифт используется достаточно по-разному, чтобы дизайн никогда не казался непоследовательным, беспорядочным или перегруженным — или нет? 😉 Формально ты здесь судья!

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

    6. При необходимости повторите шаги 4 и 5.

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

    В этом случае ответ прост: повторите шаги 4 (выберите шрифт с ударением) и 5 ​​(определите использование) столько раз, сколько необходимо.

    Вот и все… вроде как.

    Если честно, это только начало . Даже в ограниченной теме сочетания шрифтов мы все равно могли бы поговорить о…

    • Какие типы шрифтов создают различные типы фирменного стиля
    • Стратегии сочетания чистых / простых / современных шрифтов без сильного бренда
    • Как жесткость бренда влияет на то, с какими шрифтами вы будете сочетать

    И все это описано в моем видеокурсе Learn UI Design, который включает более 24 часов контента по разработке красивых, профессиональных пользовательских интерфейсов.

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

    Есть вопросы или комментарии по поводу сочетания шрифтов? Оставьте их внизу! Я отвечу на каждый вопрос 😎

    Подпишитесь на рассылку новостей дизайна. Получайте оригинальные дизайнерские статьи каждый месяц … или шесть. Да, и бонусный PDF-файл с высококачественными бесплатными шрифтами.

    Подписано более 50 000 человек. Без спама. Отпишитесь в любое время.

    Silhouette Design Store — Шрифты

    Silhouette Design Store — Шрифты

    Еженедельная кража

    Еженедельная кража

    Еженедельная кража

    .

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *