Como o YouTube criou uma fonte personalizada que também funciona como embaixadora da marca
Quando entrei no YouTube, no outono de 2014, como diretor de design, a identidade da empresa era um pouco desarticulada, mesmo para nós por dentro. Tínhamos nossa marca de palavras completa – uma versão modificada do Alternate Gothic – e nosso atalho “ícone de reprodução”, mas nenhuma direção clara sobre a qual usar ou quando. Na época, o YouTube também estava prestes a se expandir. Os lançamentos do YouTube Kids, YouTube Music e YouTube Gaming demoravam apenas alguns meses, então criar um logotipo e um sistema tipográfico que fosse claro e reconhecível rapidamente se tornou uma prioridade para minha equipe.
O problema do (s) logotipo (s)
Começando com o logotipo, sabíamos que precisávamos criar algo que incorporasse nossos novos produtos, bem como os inúmeros eventos e programas nos quais a empresa está envolvida – algo que poderia ser dimensionado. Tivemos que considerar coisas como: YouTube Premium, música, TV, estúdio, crianças, ao vivo, jogos, espaço, aprendizado e fundição musical. Ficou claro para a minha equipe e confirmou através de nossa pesquisa que o ícone do jogo era muito reconhecível e, portanto, algo de que não podíamos nos afastar. Em vez de competir com a marca do logotipo, decidimos finalmente colocá-la na frente e no centro como nosso ícone de logotipo. Agora era hora de focar no tipo.
A versão inicial do logotipo do YouTube e “ícone de reprodução” (2015)
O nascimento de um tipo de letra
A equipe começou perguntando se deveríamos licenciar um tipo de letra existente ou usar algo de código aberto. Mas as questões legais em torno de qualquer opção e a simples propriedade de tudo isso nos levaram a criar algo pessoalmente, internamente. Depois de explorar vários conjuntos de glifos diferentes (um conjunto de glifos inclui todos os caracteres e símbolos em um determinado tipo de letra) em uma variedade de estilos, decidimos por um que tivesse em mente todo o YouTube. Ele foi construído a partir da grade do nosso antigo ícone de jogo, que influenciou os cortes de ângulo nos ascendentes e braços e as curvas nos colarinhos e ombros.
A grade do nosso ícone de logotipo inspirou o design de cada glifo
Por exemplo, você pode ver o ângulo cortado no braço da letra minúscula te a influência da curva nos ombros de ti. Também criamos muitas peculiaridades e personalidade para refletir nossa visão de mundo: descartamos o tipo suíço porque queríamos que ele se sentisse mais humano; tinha que ser imperfeito, imprevisível e forte, mas áspero nas bordas; mais do que um embaixador da marca, também precisava refletir a comunidade de criadores que chamam nossa plataforma de lar. Nós o chamamos de YouTube Sans.
Dois passos para frente, um passo para trás
Começamos a trabalhar no YouTube Sans com a intenção de usá-lo em nosso novo logotipo, mas no final decidimos que o YouTube Sans estava muito longe do nosso logotipo atual. Nosso logotipo original foi criado pelo co-fundador do YouTube Chad Hurley em 2005 e apresentava um Alternate Gothic modificado, uma fonte projetada por Morris Fuller Benton em 1903. A justaposição de usar algo da era do papel de jornal para um produto digital cultural tão abrangente para nós e senti como um bom aceno para o nosso passado. Então começamos a trabalhar em uma segunda fonte, o logotipo do YouTube, que referenciava o Alternate Gothic, mas foi otimizado para telas e legibilidade em tamanhos pequenos. E decidimos que o que tornava o YouTube Sans uma distração como um logotipo funcionava perfeitamente em uma escala diferente.
O logotipo inicial do YouTube faz a transição para a primeira versão do YouTube Sans (2016)
Como uma exibição, o YouTube Sans ganhou vida. Não apenas parecia pertencer ao YouTube, mas também preencheu nosso sistema de design de identidade além da cor vermelha e do logotipo. Nossos produtos, como Música e TV, agora tinham um tipo de letra que eles podiam emparelhar com o Roboto – a fonte desenvolvida pelo Google e usada como nosso sistema e fonte de cópia do corpo -, o que trouxe uma nova vibração às nossas manchetes. A equipe de marketing também tinha algo com uma tonelada de personalidade que eles poderiam usar em todas as suas comunicações que estavam ligadas à marca e delineavam o YouTube do resto do Google.
Uma estréia forte
Após seis meses de desenvolvimento e ajustes, compartilhamos o YouTube Sans com nosso CEO e fornecemos uma visualização para nossos criadores. Com o lançamento do YouTube TV em 2017, o mundo viu a segunda versão do YouTube Sans. Esse lançamento nos permitiu ver o desempenho da fonte em uma ampla gama de dispositivos. A equipe de design de produtos de TV realmente adotou o YouTube Sans como o principal elemento de design do aplicativo e se tornou o único tipo de letra usado em computadores, dispositivos móveis e televisão. A grande prevalência da fonte em todo o produto, com o tempo e com o uso diário, pareceu à minha equipe como se ela dominasse o conteúdo. Em nossa busca de encapsular a personalidade do YouTube em uma fonte, claramente fomos longe demais. Nossa fonte humanista, com todos os seus ângulos cortados em ascensões aleatórias, curvas imperfeitas nos ombros em forma de letra, olhos irregulares,
Revisões para ascensões, vértices, ombros, rastreamento e altura da fonte da fonte foram incluídas no YouTube Sans V3.
Nessa época, o Google também lançou um tema sombrio, que percebemos causar problemas de legibilidade em tamanhos menores, especialmente em alguns contadores irregulares e rastreamento. Enviamos uma pequena atualização, V3, para solucionar alguns desses problemas e, embora o YouTube Sans tenha sido nossa fonte de exibição por apenas seis meses, começamos a planejar uma revisão muito maior.
Fazendo certo
A equipe iniciou a V4 do YouTube Sans em agosto de 2018. Reunimos todos os comentários e problemas conhecidos internamente, bem como notas da comunidade de tipos externos. Examinar e abordar o feedback sobre curvas, consistência, relações de formas, legibilidade de glifos em determinados tamanhos, rastreamento e liderança e vários outros ajustes granulares levaram vários meses. Redesenhamos cada glifo do zero, criando quatro mestres e até repensamos o formato para criar uma fonte estática tradicional e uma fonte variável. Ao mudar para uma fonte variável, o YouTube pode melhorar a velocidade de carregamento e diminuir o tamanho geral do arquivo da fonte, além de melhorar a acessibilidade, a legibilidade e a capacidade de resposta do nosso design.
Para o YouTube Sans V4, a equipe abordou o feedback sobre curvas, consistência, relações de formulários, legibilidade de glifos em determinados tamanhos, rastreamento e liderança, para fornecer uma vasta atualização (destaques mostrados acima).
Para otimizar pares de kerning e adicionar personalidade, criamos a substituição automática ao emparelhar certos glifos ou alternativas contextuais. Por exemplo, existem várias variantes leves de t minúsculas que são selecionadas automaticamente, dependendo da letra que precede ou segue.
As alternativas contextuais são ajustadas com base na letra que precede ou segue um caractere
O tema Escuro introduziu uma ilusão de ótica única que afetou a legibilidade, por isso introduzimos notas em resposta. Quando você usa uma fonte com o mesmo peso e tamanho, o texto branco em preto fica embaçado e maior que o texto preto em branco. Ao introduzir três notas (padrão, sobreposição e escuro), podemos ajustar automaticamente os próprios glifos, o rastreamento e o peso para facilitar a visualização e leitura, independentemente da cor do plano de fundo. Ao usar a versão “escura” da fonte quando você tem um fundo preto ou escuro, o texto fica mais legível (e opticamente se assemelha ao espelho oposto ao texto preto no branco). A sobreposição funciona da mesma maneira, mas é otimizada para uso sobre imagens, como fotografia e vídeo.
As notas, introduzidas na V4, ajustam opticamente o peso da fonte, dependendo da cor do plano de fundo.
Além de corrigir problemas conhecidos de legibilidade e expandir para a tecnologia de fonte variável, também queríamos aumentar a variabilidade de determinadas áreas de nossos produtos, como capas de playlists para o YouTube Music e trabalho de campanha de marketing. Isso significava criar glifos alternativos para um novo conjunto estilístico selecionável manualmente e aumentar a família de três pesos para sete. Isso permitiu que a fonte fizesse tudo, desde “sussurrar” até “gritar”, e deu às equipes a capacidade de fazer com que as campanhas simultâneas parecessem conectadas, mas tipograficamente diferentes.
Ao incluir mais pesos e glifos alternativos, o YouTube Sans V4 oferece aos designers mais flexibilidade (destaques mostrados acima).
Olhando para o futuro
À medida que avançamos para 2020, a equipe está focada em divulgar o V4 no mundo e expandir o número de idiomas que apoiamos (além dos 309 idiomas que já cobrimos). Estamos criando um itálico e desenvolvendo uma versão arredondada especial para uso no YouTube Kids. Estamos colaborando com nossas equipes de engenharia para inserir a versão variável da fonte em nossos produtos, sinalizando uma grande mudança na empresa. Mover uma empresa do nosso tamanho para uma nova tecnologia nunca é fácil, especialmente com as limitações atuais em plataformas móveis, mas a equipe está trabalhando ativamente com nossos parceiros de engenharia para encontrar uma solução.
YouTube arredondado e itálico do YouTube
Estou emocionado que a tipografia esteja crescendo no YouTube. Quando iniciamos esse projeto em 2014, não havia uma orientação tipográfica clara e agora criamos vários rostos personalizados e proprietários (sem grandes feitos) que podemos usar para tudo, desde o YouTube Music e YouTube TV até campanhas publicitárias globais. Um tour de vídeo do YouTube Sans V4 mostra as muitas melhorias que compusemos nesta versão.
Tem sido um projeto incrível com tremendo impacto que me orgulho de continuar liderando. Minha equipe teve o privilégio de colaborar com nossos parceiros internos, da engenharia à equipe do Google Fonts, e externamente com a comunidade de criadores, agências de marca e tipógrafos. Ao longo do caminho, fizemos inúmeras iterações em nossos produtos para dar vida ao YouTube Sans – em benefício de nossos usuários. Mais do que apenas um tipo de letra, tornou-se o nosso principal embaixador da marca. Como equipe, estamos entusiasmados por continuar o trabalho duro de expandir e melhorar o YouTube Sans, onde quer que isso nos leve. Fique ligado.