Как выглядит шрифт San Francisco. Использование шрифтов системного интерфейса в веб-дизайне

Helvetica (слева), San Francisco (справа)

Шрифт San Francisco уже использовался в Apple Watch, и он уже стал стандартным шрифтом техники Apple: Apple Watch, iPhone, iPad and Mac.

Apple Watch

Apple использовали Helvetica в качестве системного шрифта для iOS с появления первого iPhone. А на Mac OS X они поменяли шрифт с Lucida Grande на Helvetica с момента выхода 10.10 Yosemite. Почему Apple решила похоронить Helvetica — самый известный и любимый шрифт в мире?

В маленьких формах Helvetica слаба

Говорят, что Helvetica не подходит для текстов в малом кегле . Когда системный шрифт в Mac OS X Yosemite поменяли на Helvetica, многие дизайнеры заявляли, что такой шрифт здесь совсем не уместен.

«Helvetica отстой » Erik Spiekermann

Когда вы печатаете текст в маленьком кегле, становится видна низкая разборчивость Helvetica. Helvetica размывает такой текст. Некоторые тексты смешиваются, и их сложно разобрать. Многие говорят, что Apple создала шрифты San Francisco, чтобы сделать тексты в маленьком кегле в Apple Watch более читаемыми.

Буквы смешиваются в текстах маленького кегля

Но сегодня разрешение экранов девайсов больше, чем у печатной продукции, а тексты в айфонах не всегда такие маленькие, как в Apple Watch. Почему же Apple поменяли системные шрифты не только в Apple Watch, но и в iOS и Mac OS X.

San Francisco — это не один шрифт

У шрифтов San Francisco есть много особенностей, делающих его весьма читаемым. На самом деле шрифты San Francisco для Apple Watch и для iOS/Mac — это два шрифта с небольшими отличиями .

Семейство шрифтов под названием «SF» используется для iOS/Mac, а «SF Compact» для Apple Watch. Вы можете заметить разницу в округлых буквах ‘o’, ‘e’. У «SF compact» более плоские вертикальные линии, чем у SF.

SF и SF Compact

Эта разница даёт текстам в SF Compact больший марджин (отступ) между буквами, в результате получается бОльшая читаемость на маленьких девайсах типа Apple Watch.

В добавок, шрифты SF и SF Compact разделены на два подсемейства: «Text» и «Display». Это как раз то, что Apple называет «Оптическим размером» (Optical Sizes). «Text» предназначен для текстов в меньшем кегле, а «Display» для текстов в большем.

Семейство San Francisco

Как я упомянул выше, при использовании гротесковых (sans-serif) шрифтов типа Helvetica две соседние буквы «смешиваются», а буквы типа «а», «с», «s» в маленьком кегле смотрятся похоже.

Шрифты «Дисплей» и «Текст»

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

Шрифты San Francisco динамичны

Одна из прекраснейших особенностей San Francisco — это то, как он динамично оптимизирует начертание. Система автоматически переключает шрифт Display/Text в зависимости от кегля текста. Пороговое значение — 20pt.

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

Что меня поражает в шрифтах San Francisco — это то, как отображаются двоеточия. В основном, двоеточие ставят прямо над линией шрифта, поэтому оно не выровнено по центру вертикально, если стоит между цифрами. А в шрифтах San Franсisco двоеточия выравниваются так автоматически.

Вертикально выровненное по центру двоеточие

San Francisco — шрифт цифровой эры

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

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

С другой стороны, San Francisco — современный шрифт. Он динамично меняет начертания в соответствии с контекстом. Это что-то вроде «родного» шрифта, будто бы специально созданного для надвигающейся цифровой эры.

На самом деле таких секретов много и они будут интересны не только полиграфистам и адептам каллиграфии.

Кликабельно

Шрифты Helvetica использовались Apple со времен первого . Причем, на Mac изначально использовался тип шрифта Lucida Grande , а Helvetica пришел ему на смену в . Но в руководстве компании вновь решили видоизменить привычный шрифт в интерфейсах мобильной и компьютерной ОС?

Helvetica плохо виден в мелком тексте

Оказывается, Helvetica совершенно не подходит для написания текстов мелким шрифтом. С переходом на этот шрифт в OS X Yosemite разработчики стали жаловаться на нечеткость текстов.

Вот пример, когда мелкий кегль шрифта Helvetica совершенно невозможно прочитать, текст просто сливается в одно мутное пятно. Говорят, что в Apple решили использовать шрифт San Francisco, чтобы пользователям было комфортно читать сообщения на Apple Watch.

Но ведь сегодня, за счет разрешения дисплеев смартфонов, читать на них контент порой проще и приятней, чем некоторые печатные тексты на бумаге. Да и дисплей iPhone гораздо больше, чем экран Apple Watch. Зачем же производителю было полностью переходить на использование San Francisco во всех продуктах - и в iPhone, и в , и на Mac?

Шрифт San Francisco для iOS-устройств и компьютеров отличается

У San Francisco есть определенный ряд особенностей, которые делают данный шрифт более удобным в использовании в интерфейсах продукции Apple. Например, для Apple Watch используется один тип этого шрифта, а для iOS-устройств и Mac - другой. В частности, именно San Francisco применен в iOS и , а для Apple Watch разработчики Apple выбрали San Francisco Compact . Отличаются они тем, что в SF Compact линии букв менее округлые, чем в стандартном SF.

Кликабельно

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

К тому же, и SF, и SF Compact делятся еще на две подкатегории шрифтов - «Text » и «Display ». Эту особенность в Apple зовут «оптический размер». Шрифты типа «Text» используются для совсем мелких текстов, а шрифты «Display» - для более крупных.

Как уже становится понятно, в рубленых шрифтах вроде Helvetica стоящие рядом буквы будто сливаются, а знаки «a», «e» и «s» вообще сложно отличить друг от друга в особенно мелком тексте.

В San Francisco, особенно в шрифтах для мелкого кегля «Text», подразумеваются бóльшие промежутки между буквами в словах, чем в шрифтах группы «Display». Да и сами слова выглядят чуть более растянутыми, что также облегчает их прочтение если использован мелкий шрифт.

Кликабельно

Динамичность шрифтов San Francisco

Одна из лучших особенностей San Francisco заключается в том, как шрифт динамично оптимизирует свой рисунок. Система автоматически делает выбор между типами «Text» и «Display» в зависимости от размера текста. Так, тип шрифта 20 pt находится как раз на границе Text/Display.

Кликабельно

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

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

San Francisco – шрифт цифровой эры

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

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

Компания Apple готовится представить новую версию операционной системы OS X – 10.11. Среди особого внимания заслуживает использование нового системного шрифта. Не будем ждать официальной презентации, примерим его прямо сейчас.

Новость о том, что OS X 10.11 (а вместе с ней и мобильная версия iOS 9) получит новый системный шрифт несколько забавляет пользователей и полностью обескураживает разработчиков ПО под платформу Mac. Ведь в случае полного перехода Apple на шрифт “San Francisco” разработчиков ждет утомительный процесс по разметке интерфейса своих приложений. Что ж, видимо «политика постоянства» переменилась на политику «ненужных разработок» и вариантов два: либо мы с вами скептики, либо Apple действительно работает не над тем, чего бы хотел пользователь.

Apple и шрифты

История любви компании к шрифтам началась еще со времен ее основания. И свою склонность к каллиграфии Стив Джобс проявил при разработке логотипа. Тогда гордое имя бренда Apple Computer было написано шрифтом Motter Tektura , разработанном в 1975 году австрийским дизайнером Отмаром Моттером .

Выбор в пользу Motter Tektura пал в связи с его новаторством и «технологичным видом». В 1984 году на рынок выходит компьютер Macintosh, а столь важное событие было встречено использованием совершенно нового (в рамках компании) шрифта Apple Garamond . Оригинальный ITC Garamond был создан в 1977 году Тони Станом. Его особенностью стало высокая степень плотности (порядка 60-70% по сравнению с традиционным шрифтами).

Именно это и пришлось по душе Apple. Знаменитый лозунг компания «Think different» – «Думай иначе» , как и ряд рекламных проспектов Apple исполнялся при помощи шрифта Apple Garamond. Вплоть до выхода Mac OS X 10.3 Apple Garamond поставлялся отдельно в составе дизайнерского пакета шрифтов.

В 2002 году компания принимает решение сменить декорации и в качестве основного шрифта выбирает семейство Adobe Myriad . Над ним работали сразу два дизайнера – Роберт Слимбах и Кэрол Твомбли по заказу Adobe.

Вся текстовая информация, сопутствующая выходу таких продуктов как iPod Photo, iPod 5-го поколения, iPod Nano (1-2 поколение) , оформлялась с использованием собственной модификации шрифта Myriad – Podium Sans (с характерным написанием букв «M» и «Y»).

Все итерации операционной системы Mac OS X, позднее получившей имя OS X, (с 1999 по 2014 год) получали от разработчиков один и тот же системный шрифт – Lucida Grande . С выходом юбилейной OS X 10.10 Yosemite компания решила подарить пользователям и новый шрифт. Helvetica Neue уверенно вошел в жизнь маковода. Несмотря на ряд сходств, Helvetica Neue, по мнению дизайнеров Apple, является более экономным по распределению на горизонтальной строке.

Шрифт Helvetica Neue был разработан еще в дни зарождения компьютерной эры швейцарским типографом Максом Мидингером в далеком 1957 году в Базеле (Швейцария). Изначально шрифт получил имя Neau Haas Grotesk в честь древней типографической фабрики Haas’sche Schriftgiesserei . В 1960 был переименован в привычный Helvetica , что дословно переводится как «швейцарский». Компания Apple в качестве основы для системного шрифта в OS X Yosemite выбрала шрифт Helvetica Neue , разработанный в начале 1983 года.

Но не успели глаза пользователей за год привыкнуть к «новому швейцарскому», как дизайнеры знакомят нас новым начертанием букв. В недавно представленной новинке Apple Watch используется шрифт семейства San Francisco . Он кажется вам знакомым? Вы не ошиблись. Именно с San Francisco красуется на раскладке нового 12-дюймового MacBook.

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

Слабые стороны Helvetica Neue :

• расширение буквенного начертания всего семейства;
• видоизмененная толщина шрифта;
• несовершенный алгоритм закругления внутрибуквенного просвета;
• постоянные адаптации под линотипы (полиграфическое оборудование) привели к тому, что шрифт стал «слишком квадратным».

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

В конце-концов Apple решила вернуться к истокам и остановить свой выбор на разработанном более 30 лет назад и используемом на первых компьютерах Macintosh шрифте San Francisco. Шрифт специально разрабатывался внутри компании NeXT, одним из самых талантливых дизайнеров Сюзанной Каре . Оригинальный San Francisco разительно отличается от того, что используется сегодня в смарт-часах Apple Watch.

Первый шрифт San Francisco от Apple

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

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

Итак, новый шрифт San Francisco готовится и к порабощению платформ OS X и iOS. Что ж, давайте посмотрим, как он будет выглядеть?

Замена шрифта

Итак, давайте заменим стандартный шрифт Helvetica Neue на тот, который в новой версии операционной системы готовит нам Apple.

После загрузки OS X Yosemite системный шрифт будет изменен: