лучшие шрифты для интерфейса

Дизайнер выбрал хорошие шрифты для интерфейсов

Дизайнер Томас Биттебир (Thomas Byttebier) написал пост о том, какие шрифты нужно применять при проектировании интерфейсов, какие нежелательно, а также показал разницу на примерах. Look At Me публикует выдержки из его материала.

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

« Итак, если мы вернёмся к простой форме букв, что именно хотим видеть в хорошем шрифте для интерфейса? Что делает его хорошим для интерфейса? Тобиас Фрер-Джонс, известный американский шрифтовик (помимо прочих, Gotham) как-то сказал: „Всем текстам нужны разборчивые шрифты. Но особенно в интерфейсах глазам нужен шрифт, который будет помогать, а не противиться“.

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

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Clarendon красив. Но в своём сиянии он просто кричит о внимании, поэтому может отвлечь от целей и задач. Кроме того, хороший шрифт должен быть понятным в малых размерах. Посмотрите на домашний экран своего смартфона. Вы увидите, что в софте текст может быть крошечным. А также посмотрите на календарь в iOS. Микроскопический! Или вот Nextgen Reader на Windows Phone. (Я знаю, что масштаб не даёт представления на этих картинках, но они должны натолкнуть вас на мысль.)

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

А теперь, как говорится, прикройте глаза. На какой из этих маленьких кнопок текст более читаемый? Теперь вы понимаете всю эту шумиху вокруг Helvetica как шрифта для интерфейсов. Когда Apple выпустила Yosemite, дизайн-сообщество резко прокомментировало переход от Lucida Grande к Helvetica. Он просто не очень разборчивый, особенно при малых размерах шрифта, на экранах с низким разрешением. Это мешает ясности. Посмотрите на этот скриншот. Ух! Что здесь происходит?

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Превосходный немецкий типограф Эрик Шпикерман (помимо прочих красавцев, Meta и Fira) смело заявил в своём блоге: «Helvetica отстой. Её и правда не проектировали для малых размеров и дисплеев“. Слова вроде „миллиметр“ (milliliter) тяжело разобрать». Посмотрим. Прикройте глаза ещё раз и испытайте на себе.

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

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

Это прекрасно иллюстрирует Gill Sans. Это отличный шрифт, но он просто не создан для интерфейсного дизайна. Первый (1), второй (большая “I”) и последний (маленькая “l”) символы выглядят одинаково!

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Helvetica страдает той же непонятностью. Эрик Шпикерманн однажды визуально сравнил DB Sans и Helvetica, чтобы показать это на примере. Позвольте сделать то же самое с Helvetica и Fira Sans. Прикройте глаза. Вы, вероятно, увидите, как глифы в парах на Neue Helvetica смешаются. Сбивающий с толку против разборчивого.

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

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

Во-первых, это, конечно, Lucida Grande. Разработанный Чарльзом Бигелоу и Крисом Холмсом, он использовался в интерфейсе Mac OS X с 1999 по 2014 год. Его оптимизировали для Retina в 2013. Шрифт почти идентичен Lucida Sans, но некоторые символы сделали более чёткими для малых размеров на экранах. Вы знаете, почему. Хотя разница между прописной “I” и строчной “L” сложно заметить, это всё ещё работает.

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Verdana, как и Georgia, разработал Мэттью Картер для Microsoft. Он выпущен в 1996 году. Особое внимание уделили различиям между похожими формами. И вы снова знаете, почему.

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Fira Sans — шрифт из Firefox. разработан Эриком Шпикерманном и Ральфом Дю Карроисом для Mozilla и выпущен в 2013 году в 4 толщинах. Его серьёзно обновили в 2014 году. Fira тесно связана с Meta Шпикерманна, который используют как шрифт бренда Mozilla Foundation. Он прекрасно выглядит в вебе.

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Roboto разработал Кристиан Робертсон для Google. Он заменил Droid как системный шрифт Android в 2011 году. Roboto часто обсуждали после релиза, но с того времени его улучшили, исправив многие ранние «ошибки». Roboto создан специально для интерфейсов на экранах с высоким разрешением.

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Ubuntu спроектирован Далтоном Маагом и выпущен в 2010 году в качестве основного шрифта в операционной системе Ubuntu. Его в первую очередь разработали для экранов. Он, вероятно, имеет наиболее своеобразный вид из всех упомянутых здесь [шрифтов]. Для вашего приложения это или хорошо, или не очень хорошо.

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Среди других стоит отметить Segoe UI, представленный в Windows Vista и позднее улучшенный. San Francisco, системный шрифт для Apple Watch и, безусловно, для часов вообще. Droid Sans и Open Sans, Aller Sans, Source Sans Pro, Azuro, PT Sans. ».

Источник

15 шрифтов для печати, сайтов, логотипов и приложений

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

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

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

Roboto

Создатель: Кристиан Робертсон, дизайнер интерфейсов из Google.

Тип использования: распространяется свободно с лицензией Apache.

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Шрифт разработали внутри компании Google в 2011 году для операционной системы Android. Теперь его используют в других сервисах компании, например, YouTube. Roboto применяют и другие компании, — это фирменный шрифт Skillbox.

У шрифта есть 16 разных начертаний, и он поддерживает символы Unicode. Roboto можно увидеть более чем на 21 млн сайтов.

Montserrat

Создатель: Хульета Улановски, дизайнер из Аргентины и одна из основательниц студии ZkySky.

Тип использования: открытая лицензия.

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Oswald

Создатель: американский дизайнер Вернон Адамс.

Тип использования: открытая лицензия.

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Oswald — это переработанная версия классического шрифта без засечек Alternate Gothic. Автор старался, чтобы шрифтовые элементы лучше соответствовали пиксельной сетке цифровых экранов. Шрифт много раз обновляли. Сначала сам Адамс улучшал его по просьбам пользователей. Добавил разные начертания, поддержку многих латинских языков. В 2016 году, после смерти Вернона Адамса, дизайнеры Калапи Гаджар и Алексей Ваняшин доработали Oswald: добавили языки, которые используют кириллицу.

Создатель: польский дизайнер Лукаш Дзедзич.

Тип использования: открытая лицензия.

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

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

Шрифт поддерживает 100 языков, основанных на латинице, 50 — на кириллице и греческий алфавит.

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Futura

Создатель: немецкий дизайнер Пауль Реннер.

Тип использования: платная лицензия от компании Linotype.

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Futura — гротескный шрифт без засечек, который Пауль Реннер разработал для компании Bauersche Giesserei в 1927 году. Шрифт основан на принципах немецкой школы дизайна Bauhaus, поэтому в нем много геометрических форм, его основная черта — функциональность. После создания шрифт неоднократно дорабатывался, появлялись новые начертания. Например, для летних Олимпийских игр 1980 года была создана его кириллическая версия — Futura Medium.

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Frutiger

Создатель: швейцарский дизайнер Адриан Фрутигер.

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

В 1968 году дизайнер получил заказ на разработку новой навигации для парижского аэропорта Шарль де Голль. Так в 1976 году появился Frutiger, который впоследствии часто менялся. В 2009 году на его основе появился новый шрифт Neue Frutiger.

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

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Gotham Pro

Создатели: дизайнеры американской компании Tobias Frere-Jones.

Тип использования: открытая лицензия

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Gotham — семейство геометрических гротескных шрифтов без засечек, которые дизайнеры компании Tobias Frere-Jones разрабатывали по заказу журнала «GQ». Нужно было разработать изданию более строгий стиль. Дизайнеры искали вдохновение везде, но решить задачу им помог стиль уличных вывесок Нью-Йорка XX века.

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

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Playfair Display

Создатель: голландский дизайнер Claus Eggers Sørensen.

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

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Playfair Display — это шрифт с засечками, который хорошо подходит для оформления заголовков. Такой дизайн получился, потому что создатель вдохновился Европой конца XVIII века: работами британского типографа Джона Баскервиля и шрифтом Scotch Roman.

Bebas Neue

Создатель: японский дизайнер Рёичи Цунекава.

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

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Bebas Neue — это семейство шрифтов с открытым исходным кодом, изначально разработанное автором как один шрифт. В 2005 году дизайнер создал проект Dharma Type, чтобы представлять в нем свои шрифты разных направлений и стилей, которые он разрабатывает «для всех дизайнеров мира».

Bebas Neue подходит для оформления плакатов, заголовков и рекламных баннеров.

Helvetica

Создатель: швейцарский типограф Макс Мидингер.

Тип использования: шрифт платный, лицензию продает компания Linotype.

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Helvetica — неогротескный шрифт без засечек, разработанный Максом Мидингером по заказу Эдуарда Хоффмана, директора швейцарской компании Haas’sche Schriftgiesserei в 1957 году. Цель — создать что-то лучшее, чем гарнитура Akzidenz Grotesk, которую активно продавали немецкие конкуренты.

Мидингер взял за основу уже существующий шрифт Haas Grotesk. После редизайна у него получился Die Neue Haas Grotesk, который позже стали называть Helvetica.

Helvetica — популярный шрифт для оформления логотипов.

Источник

15 шрифтов для печати, сайтов, логотипов и приложений: часть вторая

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

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Если вам не подошел ни один из первой части, то вот вторая. Пользуйтесь.

Garamond

Создатель: французский шрифтовой дизайнер и издатель Клод Гарамон

Тип использования: открытая лицензия

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Garamond — это семейство шрифтов с засечками в старом стиле, которые часто встречаются в книгах и журналах. Клод Гарамон создал его еще в 16 веке. Дизайнеры до сих пор используют его разработку, дополняют ее и создают новые шрифты. Например, так появились Adobe Garamond, ITC Garamond и EB Garamond.

Uni Sans

Тип использования: открытая лицензия

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Uni Sans — это семейство шрифтов без засечек. Его придумал Svet Simov, основатель Fontfabric, а помогали ему коллеги — Ani Petrova и Vasil Stanev.

У Uni Sans 14 разных начертаний, четыре из которых распространяются бесплатно. Он подходит для печати, логотипов, шрифта на сайте, цифровой рекламы и приложений.

Open Sans

Создатель: дизайнер Стив Мэттисон
Тип использования: лицензия Apache

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

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

Raleway

Создатель: дизайнер Мэтт Макинерни

Тип использования: открытая лицензия

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

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

Fira Sans

Создатель: дизайнер Эрик Шпикерманн

Тип использования: открытая лицензия

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Fira Sans — это гротескный шрифт без засечек, который принадлежит к семейству Fira. Его разработал дизайнер Эрик Шпикерманн вместе с коллегами из студии «Carrois» для операционной системы Firefox. У шрифта 16 начертаний разной жирности, поэтому его удобно применять в заголовках, подзаголовках и основном тексте.

DIN Pro

Создатель: голландский дизайнер Альберт-Ян Пол

Тип использования: платный, лицензия принадлежит библиотеке шрифтов «FontFont»

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

DIN Pro входит в семейство шрифтов без засечек FF DIN, которое Альберт-Ян Пол создал в 1995 году. Он взял за основу немецкие стандарты DIN-Mittelschrift и DIN-Engschrift, которые входят в общий стандарт DIN 1451, и были определены еще в 1931 году.

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

Avenir Next Cyr

Создатель: Адриан Фрутигер

Тип использования: платная лицензия от компании Linotype.

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Avenir Next Cyr — гарнитура из семейства Avenir, создана в 1988 году и основана на геометрических гротесках 1920-го года, например, таких, как Futura. Avenir часто используют в приложениях, печати и при разработке логотипов.

San Francisco

Тип использования: открытая лицензия с ограниченным использованием

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

San Francisco — бесплатная шрифтовая гарнитура типа новый гротеск. Apple представили ее 18 ноября 2014 года, как новый системный шрифт Apple Watch, а позже стали использовать в MacOS и iOS.

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Geometria

Создатели: дизайнеры Вячеслав Кириленко и Гаянэ Багдасарян из Browfox

Тип использования: платная лицензия от Browfox

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

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

Pragmatica

Создатели: Владимир Ефимов и Ольга Чаева

Тип использования: платная лицензия от Paratype.

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Pragmatica — шрифтовая гарнитура, разработанная на основе ранних гротесков. Ее создавали дизайнеры компании Paratype с 1989 по 2004 год: Владимир Ефимов разработал базовые начертания, а Ольга Чаева — восемь дополнительных. Pragmatica хорошо подходит для книжного и журнального набора и рекламы.

Zona Pro

Создатели: греческий дизайнер Kostas Bartsokas и Fontfabric

Тип использования: открытая лицензия

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Zona Pro — семейство геометрических шрифтов без засечек. У него 16 начертаний, 2 из которых распространяются бесплатно. При создании гарнитуры Kostas Bartsokas основывался на геометрических стилях 1920-х годов с чистыми и легко читаемыми формами. Zona Pro подходит для статического дизайна, логотипов, заголовков, и основного текста сайта.

Создатель: дизайнер Murat Yüksel

Тип использования: открытая лицензия для личного и коммерческого использования

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Auch — семейство шрифтов без засечек, которое распространяется бесплатно.

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

Colus

Создатель: шрифтовой дизайнер Stan Partalev и Fontfabric

Тип использования: открытая лицензия

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

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

Averta

Создатель: греческий дизайнер Kostas Bartsokas и Fontfabric

Тип использования: открытая лицензия для двух начертаний

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

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

Forum

Создатель: дизайнер Денис Машаров.

Тип использования: открытая лицензия

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

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

Заключение

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

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Пишет про управление в Skillbox. Работала координатором проектов в Русском музее, писала для блога агентства CRM-маркетинга Out of Cloud.

Источник

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

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

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

1. Open Sans

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

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

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Дизайнер: Стив Мэттэсон – увлеченный дизайнер из штата Колорадо. Более 25 лет Мэттисон разрабатывает шрифты, самыми крупными проектами стали дизайны для Android, Citrix, Microsoft, Nextel и Xbox.

Типы: Light; Light Italic; Regular; Regular Italic; Semi-Bold; Semi-Bold Italic; Bold; Bold Italic; Extra-Bold; Extra-Bold Italic.

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

2. Droid Sans

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

Дизайнер: Еще один популярный шрифт от Стива Мэттэсона.

Типы: Regular; Bold.

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

3. Source Sans Pro

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса
Источник

Дизайнер: Пол Д. Хант

Типы: Extra-Light; Extra-Light Italic; Light; Light Italic; Regular; Regular Italic; Semi-Bold; Semi-Bold Italic; Bold; Bold Italic; Black; Black Italic.

Source Sans Pro – семейство шрифтов, которое Пол Д. Хант разработал для Adobe Systems.
Шрифт класса гротеск, относится к стилю «без засечек». Дизайнер сделал рисунок букв плавным и широким. Символы подойдут для заголовков, выделения интересных моментов в основном тексте. Гарнитура призвана работать в пользовательских интерфейсах и имеет открытую лицензию. Из плюсов: проработаны символы для латиницы, кириллицы и некоторых азиатских языков.

4. Lato

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса
Источник

Дизайнер: Лукас Дзедзич – дизайнер из Варшавы, который работал над созданием шрифтов для крупнейшей розничной сети в Польше, а в 2010 году начал работу над семейством шрифтов с открытым кодом Lato.

Типы: Thin, Thin Italic, Light, Light Italic, Regular, Regular Italic, Bold, Bold Italic, Black, Black Italic.

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

5. Montserrat

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса
Источник

Дизайнер: Джульетта Улановская – графический дизайнер и владелец студии, которая существует около 30 лет. Женщина проживает в Монтсеррате, Буэнос-Айрес.

Типы: Thin, Thin Italic, Extra-Light, Extra-Light Italic, Light, Light Italic, Regular, Regular Italic, Medium, Medium Italic, Semi-Bold, Semi-Bold Italic, Bold, Bold Italic, Extra-Bold, Extra-Bold Italic, Black, Black Italic.

Montserrat – это не коммерческий заказ, а проект с душой и историей. Старые вывески и плакаты в городе Монсератте вдохновили Джульетту Улановскую на создание этого текстового стиля. По словам дизайнера, новые тенденции в мире типографии не смогут сделать городской вид таким же красивым и особенным. Целью Джульетты стало – сохранить культурное наследие, поэтому, шрифт распространяется бесплатно. Буквы широкие и простые по начертанию, и имеют дружелюбный для чтения вид. Гарнитура хорошо сочетается с другими шрифтами классического вида. Семейство имеет две сестры Alternates и Subrayada, которые отличаются необычными формами.

6. Numans

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса
Источник

Дизайнер: Джованни Лемоннад – российских дизайнер Иван Гладких с необычным псевдонимом работает не только над коммерческими проектами, но и создает бесплатные семейства шрифтов.

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

7. Nunito Sans

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса
Источник

Дизайнер: Вернон Адамс, Жак Ле Байл

Типы: Extra-Light, Extra-Light Italic, Light, Light Italic, Regular, Regular Italic, Semi-Bold, Semi-Bold Italic, Bold, Bold Italic, Extra-Bold, Extra-Bold Italic, Black, Black Italic

Nunito Sans – семейство без засечек, которое имеет две версии. Вначале над проектом работал Вернон Адамс, который создал округлые формы без засечек для типографии. Жак Ле Байли расширил шрифт до полного набора весов. Невысокие буквы имеют классические пропорции и хорошо смотрятся в основном тексте.

8. Roboto

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса
Источник

Дизайнер: Кристиан Робертсон – дизайнер интерфейсов в Google.

Типы: Thin, Thin Italic, Light, Light Italic, Regular, Regular Italic, Medium, Medium Italic, Bold, Bold Italic, Black, Black Italic

Roboto шрифт по умолчанию в операционной системе Android, а с 2013 года – сервисов Google, имеет геометрические формы и механический скелет. Его можно назвать шрифтом-дуалистом. Буквы имеют привычные пропорции, не искажены. Это упрощает процесс чтения, делает шрифт приятным для глаз. Семейство удобно использовать совместно с другими гарнитурами Roboto. Шрифт представлен в различных языках, в том числе и русском.

9. Roboto Slab

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса
Источник

Дизайнер: Кристиан Робертсон

Типы: Thin, Light, Regular, Bold.

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

10. Raleway

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса

лучшие шрифты для интерфейса. Смотреть фото лучшие шрифты для интерфейса. Смотреть картинку лучшие шрифты для интерфейса. Картинка про лучшие шрифты для интерфейса. Фото лучшие шрифты для интерфейса
Источник

Дизайнер: Мэтт макинерни, Пабло Импаллари и Родриго Фуэнзалид.

Типы: Thin, Thin Italic, Extra-Light, Extra-Light Italic, Light, Light Italic, Regular, Regular Italic, Medium, Medium Italic, Semi-Bold, Semi-Bold Italic, Bold, Bold Italic, Extra-Bold, Extra-Bold Italic, Black, Black Italic.

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

Подборку подготовила копирайтер Логомашины — Алена Коваленко.

Источник

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

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