Twój projekt składa się w około 80% z tekstu. Dla projektanta ważne jest zrozumienie typografii, aby wybrać czcionki, które będą uzupełniać projekt.
Podstawy
Ważne jest, aby zrozumieć warunki budowy czcionek, aby oddzielić jedną czcionkę od drugiej i zrozumieć właściwości każdej z nich. Najpierw powinieneś zrozumieć następujące terminy: linia wznosząca się, linia opadająca, linia bazowa, linia wiodąca i wysokość X.
Pięć zasad
Większość ludzi czyta teksty w Internecie lub urządzenia mobilne. Pięć zasad dobrej typografii można zastosować zarówno w przypadku interfejsów drukowanych, jak i cyfrowych. Dobre czcionki sprawiają, że czytanie staje się przyjemnością i zachęcają do czytania więcej i bez wysiłku, dlatego wybór czcionki powinien mieć na celu maksymalną wygodę.
San Francisco
Jest to nowa domyślna czcionka w systemie iOS, zastępująca Helvetica Neue. Możesz go pobrać . Czcionka ta została stworzona z myślą o łatwości czytania, aby zapewnić optymalną czytelność tekstu. Warto zauważyć, że czcionka ta została stworzona przez firmę Apple. W tym wideo czcionka została opisana bardziej szczegółowo.
W zależności od rozmiaru czcionki system iOS automatycznie dostosowuje odstępy między literami i przełącza opcje czcionek tekstowych i wyświetlanych. Jeśli rozmiar czcionki wynosi 20 pkt lub więcej, używany jest wyświetlacz SF UI, a jeśli rozmiar czcionki jest mniejszy niż 10 pkt, używany jest tekst SF UI.
Rozmiar
Projektując na iOS, rozmiar czcionki powinien wynosić co najmniej 11 punktów, aby zachować czytelność na iPhonie, iPadzie i Zegarek Apple. Jest to minimalna wartość rozmiaru, a idealna mieści się w przedziale od 15 do 19 pkt.
Krój pisma
Używając nowoczesnych czcionek, takich jak SF, Proxima Nova lub Museo, przekonasz się, że mają one kilka opcji grubości: Cienka, Ultralekka, Średnia, Półpogrubiona, Pogrubiona, Ciężka i Regularna. Rozmiar czcionki i styl uzupełniają się. Warto pamiętać, że przy 11-19 pkt. należy zastosować Zwykły, przy 20-34 pkt. - Średni, a dla 34 pkt i więcej - Pogrubiony. Lekkich i Ultralekkich można używać, gdy rozmiar czcionki jest bardzo duży, aby tekst można było odczytać, warto jednak pamiętać, że duże nagłówki w iOS 11 są zwykle pisane pogrubioną czcionką.
Odstępy między wierszami
W idealnym przypadku odstępy między wierszami powinny wynosić 120–145% rozmiaru czcionki. Jeśli będzie mniejszy, tekst będzie wyglądał na ciasny i trudny do odczytania. Kiedy odstępy są idealne, każda linia ma swoją własną przestrzeń i wszystko staje się łatwiejsze do odczytania.
Liczba znaków w linii
Ludzie czytają tekst, który jest bardziej wydłużony w pionie, szybciej niż tekst mający więcej znaków w wierszu. Jeśli linia jest zbyt długa, osoba doświadcza większego obciążenia poznawczego, ponieważ musi skupić się na każdym słowie w linii. Aby zapewnić płynność czytania, linia powinna mieć w idealnym przypadku długość 45–90 znaków.
Hierarchia informacji
Hierarchia i interakcje powinny być komunikowane za pomocą czcionki. W nagłówkach używaj dużej, pogrubionej czcionki, a w podpisach szarej średniej czcionki o wielkości 14–15 pkt. W przypadku tekstu, który nie zawiera najważniejszych informacji, należy stosować mniejszą przezroczystość.
Antyk i groteska
Czcionka będzie szeryfowa lub bezszeryfowa dobry wybór: Wszystko zależy od rodzaju zastosowania. Czcionki szeryfowe są zwykle używane w aplikacjach zawierających dużo tekstu, takich jak medium, iBooks, Bloomberg i The New York Times.
Częściej używa się czcionek bezszeryfowych, ponieważ są bardziej neutralne i bezpieczne. Zobaczysz je w większości aplikacji w App Store.
Zasoby czcionek
Czcionki są zazwyczaj drogie, ale istnieje kilka zasobów, z których można pobrać świetne czcionki, które będą dobrze wyglądać w każdym projekcie.
Czcionki Google mają świetny interfejs i dobry wybór czcionki dla każdego możliwego stylu. Możesz pobrać pliki czcionek i umieścić je w projekcie Xcode, aby z nich skorzystać.
Typekit oferuje wspaniałą kolekcję bezpłatnych i płatnych czcionek, które są częścią subskrypcji Adobe Creative Cloud. Niektóre świetne czcionki z tej kolekcji to Proxima Nova i Museo.
To świetna usługa, która daje możliwość wypróbowania czcionek przez 60 minut przed ich zakupem. Możesz także wypożyczyć czcionki za ułamek ceny i używać ich przez pewien okres czasu.
Przewodniki
Czcionki nie ograniczają się oczywiście do aplikacji na iOS i zasady powinny obowiązywać we wszystkich przestrzeniach, w których człowiek potrzebuje czytać tekst.
W tym przewodniku dowiesz się więcej o kombinacjach czcionek, apostrofach, cudzysłowie, nawiasach i nie tylko.
Przyjemny tutorial z animowanymi segmentami, które omawiają każdy aspekt typografii w sposób, który wywoła uśmiech na Twojej twarzy. Gorąco polecam.
Z biegiem czasu będziesz chciał stworzyć hierarchię i kontrast w tekście, używając więcej niż jednej czcionki. Ten przewodnik będzie przydatny przy wyborze par czcionek.
Jeśli znajdziesz literówkę, zaznacz ją i naciśnij Ctrl + Enter! Aby się z nami skontaktować, możesz użyć .
Dzięki iOS 13 Apple wreszcie umożliwia używanie niestandardowych czcionek na swoich urządzeniach mobilnych. Implementacja tej opcji była nieco skomplikowana, a użycie czcionek innych firm jest obecnie możliwe tylko w niektórych aplikacjach, takich jak pakiet iWork, ale dla niektórych może to być interesująca funkcja.
Praca z menedżerem czcionek
Najpierw zastanówmy się, jak używać różnych czcionek w iOS 13 na przykładzie Mail. Zacznij wpisywać w nim nową literę, a nad klawiaturą znajdziesz ikonę Aa (być może będziesz musiał najpierw kliknąć strzałkę, aby ją wyświetlić<). Нажав на него и выбрав пункт «Шрифт по умолчанию», вы получите доступ к паре сотен предустановленных шрифтов:
Instalowanie czcionek innych firm z App Store
W sklepie z aplikacjami wciąż nie ma wystarczającej liczby programów do instalowania czcionek innych firm, a jednym z bezpłatnych jest Font Diner. Po instalacji uruchom ją, kliknij przycisk Aktywuj w prawym górnym rogu, a następnie zgódź się na instalację niestandardowych czcionek: 
Wyświetl zainstalowane czcionki
Oczywiście Apple umożliwiło przeglądanie i usuwanie zainstalowanych czcionek. Aby to zrobić, przejdź do Ustawienia > Ogólne > Czcionki:
Używanie czcionek stron trzecich
To zabawne, chociaż aplikacja Mail ma menedżera czcionek, nie można tam używać czcionek innych firm. Ale w pakiecie iWork jest to możliwe i przyjrzymy się tej funkcji na przykładzie Pages. Przejdź do żądanego dokumentu, następnie kliknij ikonę pędzla u góry i wybierz żądaną czcionkę z wyskakującego menu.
Każda reklama Apple jest dziełem sztuki. Powstają dziesiątki, a nawet setki zdjęć tylko po to, aby reklamowany produkt wyglądał tak, że chce się go dotknąć, spróbować i kupić. Ale zdjęcia to nie wszystko, czego potrzeba do udanej kampanii reklamowej. Kolejnym kluczem do sukcesu są czcionki, o których chcemy Wam dzisiaj opowiedzieć.
Tożsamość korporacyjna
We wszystkich reklamach na Apple.com, nawet w błyszczących napisach na pudełku Twojego nowego iGadgetu, Apple używa odmiany czcionki Myriad, zwanej Myriad Pro SemiBold. Myriad, czcionka bezszeryfowa, została pierwotnie utworzona w 1992 roku przez firmę Adobe. Dziś tej czcionki używają nie tylko Apple, ale także Google (na przykład trzy ostatnie litery słowa „Gmail”), LinkedIn, Rolls-Royce i Walmart. Sama firma Apple zaczęła używać Myriad w 2002 roku.
Do 2002 roku Apple niemal wszędzie używał zmodyfikowanej wersji czcionki Garamond. Wariant ten nosił nazwę Apple Garamond i jest prawdopodobnie najlepiej zapamiętany ze słynnej kampanii reklamowej Apple „Think Different”. Był również używany we wszystkich znakach, tablicach i oznaczeniach na budynku kampusu Apple w Cupertino (wszystkie napisy zostały teraz przeprojektowane tak, aby korzystały z czcionki Myriad). Garamond został wprowadzony wraz z oryginalnym komputerem Mac w 1984 roku. Jednak do 1984 roku Apple używał czcionki Motter Tektura, która była używana we wszystkich swoich produktach. Przez wiele lat do stworzenia logo Reebok wykorzystano także Motter Tektura.
Ale w materiałach marketingowych tekst jest zbyt mały, aby można było używać Myriad, więc używają Helvetica Nueu.
Klawiatury
Dla wszystkich Twoich klawiatury fizyczne Apple używa czcionki VAG Rounded. Jeśli czytasz ten artykuł na komputerze iMac lub dowolnym modelu MacBooka, spójrz na klawisze, a zobaczysz napis VAG Rounded. Czcionka została pierwotnie opracowana specjalnie do użytku przez firmę Volkswagen i została doceniona dzięki wyraźnym i zaokrąglonym końcówkom. VAG Rounded zadebiutował na klawiaturach Apple w 1999 roku na oryginalnym laptopie iBook. Następnie Apple zaczął używać tej czcionki na klawiaturze na wszystkich swoich laptopach, ale klawiatury Mac dołączyły do używania VAG Rounded dopiero w 2007 roku.
Przed użyciem czcionki VAG Rounded na klawiaturach Apple'a używano wariantu Univers, a dokładniej Univers 57. Ci użytkownicy, którzy znają ją od dawna Komputery Apple, najprawdopodobniej zapamiętasz tę czcionkę ze względu na jej smukły i pochyły wygląd.
Interfejsy użytkownika
W sumie Wersje na Maca W systemie OS X firma Apple użyła czcionki Lucida Grande do tworzenia elementów interfejsu użytkownika. Rodzina czcionek Lucida sięga 1985 roku i jest obecnie używana jako podstawowa czcionka w dokumentach tekstowych i na wielu stronach internetowych. Częstość występowania wynika z łatwości czytelności tekstu. Nawiasem mówiąc, ta czcionka jest używana w logo sieć społecznościowa Facebooku.
Jednak na swoich urządzeniach z systemem iOS firma Apple używa czcionki Helvetica do oznaczania wszystkich elementów interfejsu użytkownika, w tym nazw aplikacji, menu i klawiatury wirtualnej. A w przypadku urządzeń z systemem iOS z wyświetlaczem Retina, a mianowicie iPhone'a 4, nowego iPada, stosowana jest ostrzejsza i wyraźniejsza wersja czcionki - Helvetica Neue.
Na podstawie materiałów ze strony www.applegazette.com
Helvetica (po lewej), San Francisco(Prawidłowy)
Czcionka San Francisco była już używana w Apple Watchu i stała się już standardową czcionką dla urządzeń Apple: Apple Watch, iPhone'a, iPada i Maca.
Zegarek Apple
Firma Apple używa Helvetica jako czcionki systemowej dla systemu iOS od czasu wprowadzenia pierwszego iPhone'a. A w systemie Mac OS X zmieniono czcionkę z Lucida Grande na Helvetica od czasu wydania 10.10 Yosemite. Dlaczego Apple zdecydowało się pogrzebać Helveticę, najsłynniejszą i najbardziej ukochaną czcionkę na świecie?
W małych formach Helvetica jest słaba
Mówią to Helvetica nie nadaje się do tekstów pisanych małą czcionką. Kiedy czcionka systemowa w Mac OS X Yosemite została zmieniona na Helvetica, wielu projektantów stwierdziło, że taka czcionka zupełnie tu nie pasuje.
„Helvetica jest do bani” Erika Spiekermanna
Kiedy wpiszesz tekst małą czcionką, widoczna będzie słaba czytelność Helvetici. Helvetica zamazuje taki tekst. Niektóre teksty są mieszane i trudne do zrozumienia. Wiele osób twierdzi, że Apple stworzyło czcionki San Francisco, aby uczynić mały tekst na Apple Watch bardziej czytelnym.
Litery są mieszane w tekstach o małych rozmiarach
Ale dziś rozdzielczość ekranów urządzeń jest wyższa niż materiałów drukowanych, a teksty w iPhone'ach nie zawsze są tak małe, jak w Apple Watchu. Dlaczego Apple zmienił czcionki systemowe nie tylko w Apple Watchu, ale także w iOS i Mac OS X.
San Francisco to nie tylko jedna czcionka
Czcionki San Francisco mają wiele cech, które czynią je bardzo czytelnymi. W rzeczywistości Czcionki San Francisco dla Apple Watch i iOS/Mac to dwie czcionki z niewielkimi różnicami.
Rodzina czcionek o nazwie „SF” jest używana w systemie iOS/Mac, a „SF Compact” jest używana w zegarku Apple Watch. Różnicę można zauważyć w zaokrąglonych literach o, e. Kompakt SF ma bardziej płaskie linie pionowe niż SF.
SF i SF Compact
Ta różnica zapewnia tekstom w SF Compact większy margines (wcięcie) między literami, co skutkuje większą czytelnością na małych urządzeniach, takich jak Apple Watch.
Dodatkowo czcionki SF i SF Compact dzielą się na dwie podrodziny: „Text” i „Display”. To właśnie Apple nazywa „rozmiarami optycznymi”. „Tekst” przeznaczony jest dla tekstów o mniejszym rozmiarze, a „Wyświetl” dla tekstów o większym rozmiarze.
Rodzina San Francisco
Jak wspomniałem powyżej, przy stosowaniu czcionek bezszeryfowych typu Helvetica dwie sąsiadujące ze sobą litery „mieszają się”, a litery typu „a”, „c”, „s” w małym rozmiarze wyglądają podobnie.
Czcionki wyświetlacza i tekstu
Podrodzina „Tekst” ma więcej marginesów niż podrodzina „Display”. Apertury tych czcionek tekstowych są również szersze, dzięki czemu małe rozmiary punktów są bardziej czytelne.
Czcionki San Francisco są dynamiczne
Jedną z największych zalet San Francisco jest dynamiczna optymalizacja krojów pisma. System automatycznie przełącza czcionkę wyświetlacza/tekstu w zależności od rozmiaru tekstu. Wartość progowa wynosi 20 pkt.
Projektanci i specjaliści nie muszą już zastanawiać się, jaką czcionkę wybrać. Na przykład po prostu dodaj czcionkę systemową do UILabel, a urządzenie wybierze dla Ciebie odpowiedni styl.
To, co mnie uderza w czcionkach San Francisco, to sposób wyświetlania dwukropków. Zasadniczo dwukropek jest umieszczany bezpośrednio nad linią czcionki, więc nie jest wyśrodkowany w pionie, jeśli pojawia się pomiędzy liczbami. W czcionkach San Francisco dwukropki są wyrównywane automatycznie.
Pionowo wyśrodkowana okrężnica
San Francisco - czcionka epoki cyfrowej
Jak widać, czcionki San Francisco zostały starannie zaprojektowane, aby były łatwe do odczytania w dowolnym rozmiarze i na każdym urządzeniu.
Helvetica, którą zastąpiły czcionki San Francisco, powstała w Szwajcarii w 1957 roku, kiedy nie było jeszcze urządzeń cyfrowych. Helvetica jest już obecnie powszechnie używana przez wiele firm jako czcionka korporacyjna i nie ma wątpliwości, że w przyszłości będzie nadal używana jako wysokiej jakości czcionka klasyczna.
Z drugiej strony San Francisco to nowoczesna czcionka. Dynamicznie zmienia style w zależności od kontekstu. To coś w rodzaju czcionki „natywnej”, jakby stworzonej specjalnie na nadchodzącą erę cyfrową.
