San Francisco Font: Apple improved on a classic. Gdzie pobrać.

każdy, kto zaktualizował system do iOS 9 lub OS X El Capitan, prawdopodobnie zauważył, że czcionka systemowa zmieniła się na czcionkę Apple San Francisco. Ta czcionka cicho dostarczane z Apple Watch, w WatchOS, a także będzie w nowym tvOS Na Apple TV.

osobiście zawsze uważałem, że Helvetica Neue była trochę zbyt Nieświeża, aby iść z żywszymi projektami produktów Apple, gdy była dostarczana z iOS 7.

chciałbym zobaczyć Humanistyczny krój pisma w iOS 7. * Or * kick it old school with Akzidenz Grotesk http://t.co/s9vWXRynT7

— David Kadavy (@kadavy) czerwiec 10, 2013

Helvetica Neue i San Francisco łatwo się pomylić. To dlatego, że San Francisco jest tak mocno inspirowane przez Helvetica Neue. Ale Apple wprowadziło kilka kluczowych zmian, które sprawiają, że jest to znacznie lepszy – może nawet idealny – krój pisma dla swoich platform.

niektóre z tego, co zamierzam wyjaśnić, pochodzą z tej rozmowy przez projektanta typu Apple Antonio Cavedoni (~30mins). Niektóre grafiki pod koniec tego postu są również z tej rozmowy.

apple san francisco font vs helvetica neue

Helvetica Neue, najlepsza czcionka na świecie?

do tej pory nie jest tajemnicą dla entuzjastów typów, że Helvetica jest uważana za jedną z – jeśli nie za najlepszą czcionkę na świecie. W rzeczywistości istnieje cały film dokumentalny o typografii, zatytułowany ” Helvetica.”

Helvetica Neue była przeróbką Helvetica, zaprojektowaną w 1983 roku, aby usunąć pewne niespójności z powodu wcześniejszych dziwactw technologicznych.

co było nie tak z Helvetica Neue?

chociaż Helvetica Neue jest świetnym krojem pisma, to nie wystarczyło dla Apple. Dlaczego?

  • nie został zaprojektowany z myślą o ekranach. Ekrany składają się z pikseli i, jak można się dowiedzieć z Garamond, piksele nie są najlepszym przyjacielem typografii. Helvetica Neue została zaprojektowana w 1983 roku, a piksele nie były wtedy brane pod uwagę.
  • projekt jest zbyt nieświeży. Helvetica Neue (i oryginalna Helvetica) są znane z tego, że są nieco „czerstwe.”Są one zwykle używane, gdy nie chcesz, aby litery przeszkadzały informacjom. Dlatego zobaczysz to na znakach na lotniskach i w metrze na całym świecie.
  • to nie jest Apple. Apple słynie z tego, że jest liderem w projektowaniu, więc coś po prostu nie pasuje do nich, używając najpopularniejszej czcionki na świecie na wszystkich swoich urządzeniach. Potrzebują własnego głosu, a Niestandardowy krój pisma daje im właśnie to.

W Jaki Sposób czcionka „San Francisco” Firmy Apple jest lepsza od Helvetica Neue?

niektórzy mogą pomyśleć, że ostatni powód-że Helvetica Neue nie należy do Apple, a Apple ma nad nią jakiś kompleks niższości-jest jedynym powodem, dla którego się zamienili. Ale tak nie jest.

Wierzcie lub nie-przynajmniej w przypadku aplikacji pod ręką – Apple poprawiło największą czcionkę na świecie.

San Francisco jest łatwiejsze do odczytania na ekranie

jak powiedziałem, jak można się dowiedzieć z Garamond, piksele nie są przyjacielem typograficznej subtelności, a nawet przy rosnących rozdzielczościach ekranu, typ jest wyświetlany na coraz mniejszych ekranach.

poza tym, niezależnie od tego, jaką czcionkę Apple zrobi domyślną, będą używane przez tysiące programistów, którzy zrobią z nią różne rzeczy – takie jak wyświetlanie jej na hałaśliwym tle – aby jeszcze trudniej było ją odczytać.

więc Apple nie może ryzykować z czytelnością. Oto niektóre ze sposobów, w jaki San Francisco jest łatwiejsze do odczytania na ekranie.

San Francisco ma wyższą wysokość x

zdecydowana większość czytanych liter będzie małymi literami. Jest to okrutna sztuczka nieodłączna typografii, ponieważ na ekranie małe litery są trudniejsze do odczytania. (Pamiętaj, Garamond pokazuje, piksele i typografia czasami się nie mieszają).

San Francisco kompensuje to przez większy x-height (wysokość małych liter „x”). Dzięki temu liczniki (spacje wewnątrz liter) są większe – co oznacza więcej pikseli do komunikacji formularza.

apple san francisco font vs helvetica neue pixelated

San Francisco ma wersję „wyświetlacza” i „tekstu”

malutki, tekstowy typ na małym ekranie przedstawia inne wyzwania typograficzne niż większy, nagłówek na gigantycznym ekranie (takim jak telewizor).

mały tekst musi być czytelny, a duży musi być piękny. Cele te czasami są ze sobą sprzeczne.

Tak więc San Francisco jest dostępne zarówno w wersji wyświetlanej, jak i tekstowej.

apple san francisco font Medium vs Display Regular

zwróć uwagę na to, jak kopia treści łączy się ze sobą w wersji wyświetlacza. Odwrotnie, treść w wersji tekstowej jest wygodna do czytania. Jednak zestaw nagłówków w wersji tekstowej jest niezgrabny (ze względu na większe odstępy i cięższe pociągnięcia), podczas gdy zestaw nagłówków w wersji wyświetlacza zapewnia bardziej równomierną teksturę, dzięki niektórym korektom pokazanym poniżej.

apple San francisco font text vs display

niektóre z korekt dokonanych między wersjami tekstu i ekranu San Francisco. Źródło (zarys glifów)

śledzenie rozmiaru tekstu lub rozmiaru wyświetlacza może wydawać się skomplikowane, ale jeśli jesteś programistą, różne platformy automatycznie będą używać rozmiaru wyświetlacza przy 20 pkt lub wyższym.

San Francisco jest śledzone luźniej

Typ sans-serif jest ogólnie uważany za łatwiejszy do odczytania przy mniejszych rozmiarach, ponieważ piksele i serify nie zawsze się zgadzają. Ale Bezszeryfowe kroje pisma, zwłaszcza bardzo „racjonalistyczny” projekt, taki jak Helvetica Neue, zwykle mają jeszcze jeden problem. Litery są często zbyt blisko siebie, zwłaszcza w mniejszych rozmiarach.

to sprawia, że trudno jest czytać w dużych blokach małego tekstu. Pociągnięcia literforms rodzaj krwawienia razem (jak widać w powyższym przykładzie).

tekstowa Wersja San Francisco jest śledzona luźniej („śledzenie” znajduje się na wielu literach, podczas gdy bardziej znane „kerning” to po prostu odstępy między parą liter), co pozostawia miejsce na więcej pikseli, aby pomóc ci odróżnić litery od siebie.

dodatkowo na platformach wbudowane są smary śledzenia. Większy tekst ma standardowe śledzenie, podczas gdy mniejszy tekst, tym luźniej jest śledzony. (Osobiście jest to trik, który robiłem, gdy projektowałem druk, więc jestem podekscytowany, widząc go w interaktywnym medium.)

San Francisco ma niższą wysokość czapki

właśnie powiedziałem, że wyższa wysokość X w San Francisco ułatwia czytanie na ekranie, więc co dobrego może to zrobić, aby zmniejszyć wysokość czapki?

prawdopodobnie największą zaletą tej zmiany można zauważyć, próbując odróżnić małe litery ” l „od wielkich liter”I”.

apple san francisco font vs helvetica neue

przesuwając wysokość czapki w dół, litery takie jak małe litery „l” mogą wykraczać poza wysokość czapki, a tym samym łatwiej je odróżnić.

ma to dodatkową zaletę, że wysokość x wydaje się jeszcze większa w stosunku do wysokości czapki (co może zachęcić programistów do używania większych rozmiarów tekstu).

San Francisco wygląda „bardziej przyjaźnie” niż Helvetica Neue

więcej niż jedno źródło skomentowało, że San Francisco wygląda „bardziej przyjaźnie” niż Helvetica Neue i zgadzam się. Jest to część tego, co sprawia, że San Francisco jest idealnym krojem pisma dla Apple. Podobnie jak wzornictwo przemysłowe Apple, San Francisco wygodnie pokonuje granicę między oszczędnością a wręcz przyjaznością.

apple san francisco font vs helvetica neue
San Francisco ma więcej otwartych form liter
  • litery „e” i „c” mają szersze otwory (otwarte przestrzenie, które uniemożliwiają ich pełne okręgi). Oprócz tego, że czcionka wygląda bardziej „przyjaznie”, pomagają one również w czytelności na ekranie.
  • terminal na górze „f” jest nieco bardziej otwarty, podobnie jak terminal na ogonie „y”.
  • ogon „t” jest bardziej otwarty i wygina się mniej gwałtownie.
apple san francisco font vs helvetica neue open letterforms
San Francisco ma mniej wyrafinowane modelowanie
  • noga „R” jest prostszym pociągnięciem. Prosto, zamiast pofałdować.
  • miska „a” mocuje się do łodygi bardziej gwałtownie, przypominając bardziej Humanistyczny bezszeryfowy, taki jak Lucida Grande.
  • apostrof (i cudzysłów) jest mniej wymyślony. To bardziej jak ręcznie rysowany apostrof i lepiej czyta się na małych ekranach.

San Francisco jest bardziej wszechstronne niż Helvetica Neue

trudno twierdzić, że Helvetica Neue nie jest wszechstronna. W końcu może pochwalić się 51 odmianami. Ale San Francisco ma zdrowy zestaw opcji, zoptymalizowanych pod kątem wyświetlania na ekranach.

jest „San Francisco” i „SF Compact” (które statki na WatchOS). Każdy z nich ma wiele wag w swoich wersjach wyświetlania i tekstowych.

drzewo genealogiczne czcionek apple san francisco

San Francisco ma szeroki zakres odmian. Source

San Francisco radzi sobie z liczbami lepiej niż Helvetica Neue

implementacja San Francisco na różnych platformach ułatwia programistom wybór liczb monospaced lub proporcjonalnie rozmieszczonych.

liczby proporcjonalnie rozmieszczone wyglądają lepiej, ponieważ nie masz niewygodnych odstępów w parach zawierających cienkie liczby, takie jak „1.”Ale nie są idealne do sytuacji takich jak ta, gdzie proporcjonalnie rozmieszczone cyfry powodują rozpraszający shimmy.

apple San francisco font monospace vs proportional

sytuacja, w której cyfry MonoSpace (powyżej) są bardziej idealne niż cyfry rozmieszczone proporcjonalnie. Źródło

żeby być uczciwym, można było uzyskać proporcjonalnie rozmieszczone cyfry z Helvetica Neue w iOS 7, ale kiedyś było trudniej. iOS 9 ma je domyślnie włączone. Możesz z nich zrezygnować za pomocą prostego skrótu API.

ponieważ urządzenia Apple często wyświetlają czas, ma sens, że w San Francisco dwukropek jest teraz domyślnie wyśrodkowany pionowo (programiści mogą zrezygnować ze swojego kodu).

czcionka Apple san francisco dwukropek wyśrodkowany pionowo

San Francisco zawiera dwukropek rozmieszczony pionowo, który idealnie nadaje się do wyświetlania czasu. Źródło

ponieważ cyfry „6” i „9” można łatwo pomylić z cyframi takimi jak „8” w małych rozmiarach, dostępne są alternatywne wersje.

Apple San francisco font alternate 6 i 9

cyfry „6” i „9” są dostępne w alternatywnych wersjach, które nie będą mylone z „8” w małych rozmiarach. Źródło

jeden z nich możecie zobaczyć w akcji na poniższej grafice zegarka.

Apple San francisco font alternate 6 i 9 apple watch

alternatywna „6” w akcji. To nie będzie mylone z „8.”Źródło

czy San Francisco jest największą czcionką naszych czasów?

biorąc pod uwagę, że jest zaprojektowany specjalnie dla urządzeń Apple i oferuje wszystkie te funkcje, które sprawiają, że tak dobrze nadaje się do wielu miejsc, w których będzie używany, San Francisco jest ogromnym osiągnięciem.

więcej zasobów na temat czcionki San Francisco Firmy Apple

  • Pobierz czcionkę San Francisco Firmy Apple – zasoby dla programistów Apple. Pobierz na iOS, MacOS i tvOS, a także w kompaktowym stylu dla watchOS.
  • Jak zainstalować czcionkę San Francisco Firmy Apple na komputerze Mac OS X i Windows.

chcesz dowiedzieć się więcej na temat wybierania czcionek? Weź udział w moim darmowym kursie projektowania.

5 Podstawowe wskazówki typu

co musisz wiedzieć, aby projektować jak profesjonalista.

otrzymasz również artykuły bonusowe, rabaty, aktualizacje podcastów, & zapisanie się na nasz bezpłatny kurs projektowania.

Mamy ścisłą politykę prywatności.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.