Seu design tem aproximadamente 80% de texto. É fundamental para um designer entender a tipografia para escolher as fontes que irão complementar o design.
Noções básicas
É importante compreender os termos de construção de fontes para separar uma fonte da outra e compreender as propriedades de cada uma. Primeiro, você deve entender estes termos: linha ascendente, linha descendente, linha de base, liderança e altura X.
Cinco regras
A maioria das pessoas lê textos na Internet ou dispositivos móveis. As cinco regras da boa tipografia podem ser aplicadas tanto a interfaces impressas quanto digitais. Boas fontes tornam a experiência de leitura agradável e estimulam a leitura mais e sem esforço, por isso a escolha da fonte deve visar a máxima comodidade.
São Francisco
Esta é a nova fonte padrão no iOS, substituindo Helvetica Neue. Você pode baixá-lo . Esta fonte foi criada para facilitar a leitura e garantir a legibilidade ideal do texto. Vale ressaltar que esta fonte foi criada pela Apple. Nesta vídeo a fonte é descrita com mais detalhes.
Dependendo do tamanho da fonte, o iOS ajusta automaticamente o espaçamento das letras e alterna entre as opções de fonte Texto e Exibição. Se o tamanho da fonte for 20 pt ou maior, SF UI Display será usado, e se o tamanho da fonte for menor que 10 pt, SF UI Text será usado.
Tamanho
Ao projetar para iOS, o tamanho da fonte deve ser de pelo menos 11 pontos para manter a legibilidade no iPhone, iPad e Apple Watch. Esse é o valor mínimo do tamanho, e o ideal fica entre 15 e 19 pt.
Tipo de letra
Ao usar uma fonte moderna como SF, Proxima Nova ou Museo, você descobrirá que elas possuem diversas opções de espessura: Fina, Ultraleve, Média, Semibold, Negrito, Pesado e Regular. O tamanho e o estilo da fonte se complementam. É útil lembrar que em 11-19 pt você deve usar Regular, em 20-34 pt - Médio, e para 34 pt e mais - Negrito. Light e Ultralight podem ser usados quando o tamanho da fonte é muito grande para que o texto possa ser lido, mas vale lembrar que títulos grandes no iOS 11 costumam ser escritos em negrito.
Espaçamento entre linhas
Idealmente, o espaçamento entre linhas deve ser de 120-145% do tamanho da fonte. Se for menor, o texto parecerá apertado e difícil de ler. Quando o espaçamento é do tamanho perfeito, cada linha tem seu espaço e tudo fica mais fácil de ler.
Número de caracteres por linha
As pessoas leem textos mais alongados verticalmente mais rápido do que textos com mais caracteres por linha. Se uma linha for muito longa, a pessoa experimenta maior carga cognitiva, pois precisa se concentrar em cada palavra da linha. Para manter uma experiência de leitura tranquila, o ideal é que uma linha tenha de 45 a 90 caracteres.
Hierarquia de informação
A hierarquia e as interações devem ser comunicadas por meio de sua fonte. Use uma fonte grande em negrito para os títulos e uma fonte média cinza de 14 a 15 pt para as assinaturas. Use menos transparência para textos que não contenham as informações mais importantes.
Antigo e grotesco
A fonte será serifada ou sem serifa boa escolha: Tudo depende do tipo de aplicação. As fontes serif são normalmente usadas em aplicativos que contêm muito texto, como Medium, iBooks, Bloomberg e The New York Times.
Fontes sem serifa são usadas com mais frequência porque são mais neutras e seguras. Você os verá na maioria dos aplicativos da App Store.
Recursos de fontes
As fontes tendem a ser caras, mas existem vários recursos onde você pode baixar ótimas fontes que ficarão bem em qualquer design.
O Google Fonts tem uma ótima interface e boa seleção fontes para todos os estilos possíveis. Você pode baixar os arquivos de fontes e colocá-los em um projeto Xcode para usá-los.
Typekit tem uma grande coleção de fontes gratuitas e pagas que fazem parte da sua assinatura da Adobe Creative Cloud. Algumas ótimas fontes da coleção são Proxima Nova e Museo.
Este é um ótimo serviço que lhe dá a oportunidade de experimentar as fontes por 60 minutos antes de comprá-las. Você também pode alugar fontes por uma fração do preço para usar durante um período de tempo.
Guias
As fontes, é claro, não se limitam aos aplicativos iOS, e os princípios devem ser aplicados a todos os espaços em que uma pessoa precisa ler texto.
Este guia contará mais sobre combinações de fontes, apóstrofos, aspas, parênteses e muito mais.
Um belo tutorial com segmentos animados que falam sobre todos os aspectos da tipografia de uma forma que vai colocar um sorriso no seu rosto. Eu recomendo fortemente.
Com o tempo, você desejará criar hierarquia e contraste em seu texto usando mais de uma fonte. Este guia será útil para selecionar pares de fontes.
Se você encontrar um erro de digitação, destaque-o e pressione Ctrl + Enter! Para entrar em contato conosco você pode usar .
Com o iOS 13, a Apple finalmente permite o uso de fontes personalizadas em seus dispositivos móveis. A implementação desta opção foi um pouco confusa, e o uso de fontes de terceiros atualmente só é possível em alguns aplicativos, como o pacote iWork, mas ainda pode ser um recurso interessante para alguns.
Trabalhando com o gerenciador de fontes
Primeiro, vamos descobrir como usar fontes diferentes no iOS 13 usando o Mail como exemplo. Comece a escrever uma nova letra nele e você encontrará um ícone Aa acima do teclado (talvez seja necessário clicar primeiro na seta para exibi-lo<). Нажав на него и выбрав пункт «Шрифт по умолчанию», вы получите доступ к паре сотен предустановленных шрифтов:
Instalando fontes de terceiros da App Store
Ainda não existem programas suficientes para instalação de fontes de terceiros na app store, e um dos gratuitos é o Font Diner. Após a instalação, inicie-o, clique no botão Ativar no canto superior direito e concorde em instalar fontes personalizadas: 
Ver fontes instaladas
Claro, a Apple tornou possível visualizar e remover fontes instaladas. Para fazer isso, vá em Ajustes > Geral > Fontes:
Usando fontes de terceiros
É engraçado, embora o aplicativo Mail tenha um gerenciador de fontes, você não pode usar fontes de terceiros lá. Mas no pacote iWork é possível, e veremos esse recurso usando o Pages como exemplo. Vá para o documento desejado, clique no ícone do pincel na parte superior e selecione a fonte desejada no menu pop-up.
Cada anúncio da Apple é uma obra de arte. Dezenas, ou mesmo centenas de fotografias são criadas apenas para dar ao produto anunciado uma aparência que você queira tocar, experimentar e comprar. Mas as fotografias não são tudo o que é necessário para uma campanha publicitária de sucesso. Outra chave para o sucesso são as fontes, sobre as quais queremos falar hoje.
Identidade corporativa
Para toda a publicidade no Apple.com, até mesmo para as letras brilhantes na caixa do seu novo iGadget, a Apple usa uma variante da fonte Myriad, chamada Myriad Pro SemiBold. Myriad, uma fonte sem serifa, foi originalmente criada em 1992 pela Adobe. Hoje, essa fonte é usada não só pela Apple, mas também pelo Google (por exemplo, as três últimas letras da palavra “Gmail”), LinkedIn, Rolls-Royce e Walmart. A própria empresa Apple começou a usar o Myriad em 2002.
Até 2002, a Apple usava uma versão modificada da fonte Garamond em quase todos os lugares. Essa variante foi chamada de Apple Garamond e talvez seja mais lembrada pela famosa campanha publicitária “Think Different” da Apple. Também foi usado para todos os sinais, placas e marcações no prédio do campus da Apple em Cupertino (todas as letras foram redesenhadas para usar a fonte Myriad). Garamond foi introduzido junto com o Mac original em 1984. Mas até 1984, a Apple usava a fonte Motter Tektura, que era usada em todos os seus produtos. Motter Tektura também foi usado por muitos anos para criar o logotipo da Reebok.
Mas nos materiais de marketing o texto é muito pequeno para usar o Myriad, então eles usam Helvetica Nueu.
Teclados
Para todos os seus teclados físicos A Apple usa a fonte VAG Rounded. Se você estiver lendo este artigo em um iMac ou qualquer modelo de MacBook, olhe para as teclas e verá VAG arredondado. A fonte foi originalmente desenvolvida especificamente para uso pela Volkswagen e foi reconhecida por suas extremidades distintas e arredondadas. VAG Rounded estreou nos teclados da Apple em 1999 no laptop iBook original. Depois disso, a Apple começou a usar essa fonte para o teclado de todos os seus laptops, mas os teclados Mac só aderiram ao uso do VAG Rounded em 2007.
Antes de usar a fonte VAG Rounded nos teclados Apple, era usada a variante Univers, ou, para ser mais preciso, Univers 57. Aqueles usuários que estão familiarizados há muito tempo com Computadores Apple, provavelmente se lembrará dessa fonte por sua aparência delgada e inclinada.
Interfaces de usuário
Em tudo Versões para Mac No OS X, a Apple usou a fonte Lucida Grande para criar elementos da interface do usuário. A família de fontes Lucida remonta a 1985 e atualmente é usada como fonte principal para documentos de texto e em muitos sites. Essa prevalência se deve à fácil legibilidade do texto. A propósito, esta fonte é usada em seu logotipo rede social Facebook.
Mas em seus dispositivos iOS, a Apple usa a fonte Helvetica para todos os elementos da interface do usuário, incluindo nomes de aplicativos, menus e teclado virtual. E para dispositivos iOS com tela Retina, ou seja, o iPhone 4, o novo iPad, é usada uma versão mais nítida e clara da fonte - Helvetica Neue.
Com base em materiais de www.appegazette.com
Helvética (esquerda), São Francisco(certo)
A fonte San Francisco já foi usada no Apple Watch e já se tornou a fonte padrão para dispositivos Apple: Apple Watch, iPhone, iPad e Mac.
Apple Watch
A Apple usa Helvetica como fonte do sistema para iOS desde o lançamento do primeiro iPhone. E no Mac OS X eles mudaram a fonte de Lucida Grande para Helvetica desde o lançamento do 10.10 Yosemite. Por que a Apple decidiu enterrar a Helvetica, a fonte mais famosa e querida do mundo?
Em formas pequenas, Helvetica é fraca
Eles dizem isso Helvetica não é adequada para textos em tamanho de fonte pequeno. Quando a fonte do sistema no Mac OS X Yosemite foi alterada para Helvetica, muitos designers afirmaram que tal fonte não era apropriada aqui.
"Helvética é uma merda" Erik Spiekermann
Quando você digita texto em uma fonte pequena, a baixa legibilidade do Helvetica se torna visível. Helvetica desfoca esse texto. Alguns textos são confusos e difíceis de entender. Muitas pessoas dizem que a Apple criou as fontes San Francisco para tornar os textos pequenos no Apple Watch mais legíveis.
As letras são misturadas em textos de tamanho pequeno
Mas hoje a resolução das telas dos aparelhos é maior que a dos materiais impressos, e os textos nos iPhones nem sempre são tão pequenos quanto no Apple Watch. Por que a Apple mudou as fontes do sistema não apenas no Apple Watch, mas também no iOS e no Mac OS X.
San Francisco não é apenas uma fonte
As fontes de São Francisco têm muitos recursos que as tornam altamente legíveis. Na verdade As fontes de São Francisco para Apple Watch e para iOS/Mac são duas fontes com pequenas diferenças.
A família de fontes chamada "SF" é usada para iOS/Mac e "SF Compact" é usada para Apple Watch. Você pode notar a diferença nas letras arredondadas o, e. O SF compacto possui linhas verticais mais planas que o SF.
SF e SF Compacto
Essa diferença confere aos textos em SF Compact uma margem (recuo) maior entre as letras, resultando em maior legibilidade em dispositivos pequenos como o Apple Watch.
Além disso, as fontes SF e SF Compact são divididas em duas subfamílias: “Texto” e “Display”. Isso é o que a Apple chama de “Tamanhos Ópticos”. “Texto” destina-se a textos de tamanho menor e “Display” para textos de tamanho maior.
Família São Francisco
Como mencionei acima, ao usar fontes sem serifa como Helvetica, duas letras adjacentes “se misturam” e letras como “a”, “c”, “s” em tamanho pequeno parecem semelhantes.
Fontes de exibição e texto
A subfamília “Texto” possui mais margens que a subfamília “Display”. E as aberturas dessas fontes de texto também são mais largas, de modo que os tamanhos de pontos pequenos são mais legíveis.
As fontes de São Francisco são dinâmicas
Uma das grandes vantagens de São Francisco é como ela otimiza dinamicamente as fontes. O sistema alterna automaticamente a fonte de exibição/texto dependendo do tamanho do texto. O valor limite é 20pt.
Designers e especialistas não precisam mais se preocupar com qual fonte escolher. Por exemplo, basta adicionar a fonte do sistema ao UILabel e o dispositivo selecionará o estilo apropriado para você.
O que me impressiona nas fontes de São Francisco é a forma como os dois pontos são exibidos. Basicamente, os dois pontos são colocados diretamente acima da linha da fonte, portanto não são centralizados verticalmente se aparecerem entre números. E nas fontes de São Francisco, os dois pontos são alinhados automaticamente.
Dois pontos centrados verticalmente
São Francisco - Fonte da Era Digital
Como você pode ver, as fontes de São Francisco foram cuidadosamente projetadas para serem fáceis de ler em qualquer tamanho e em qualquer dispositivo.
A Helvetica, que foi substituída pelas fontes San Francisco, foi criada na Suíça em 1957, quando ainda não existiam dispositivos digitais. Helvetica é amplamente utilizada por muitas empresas como fonte corporativa até agora, e não há dúvida de que continuará a ser usada no futuro como uma fonte clássica de qualidade.
Por outro lado, San Francisco é uma fonte moderna. Ele muda dinamicamente os estilos de acordo com o contexto. É algo como uma fonte “nativa”, como se tivesse sido criada especialmente para a era digital que se aproxima.
