Como entender a tipografia da Web (Bootcamp, Semana 2)

1. Introdução: Neste pequeno módulo, começaremos a analisar a tipografia para o design da interface do usuário para o nosso projeto. Esta semana vamos descrever e falar sobre alguns tipos de letra. Para fazer isso, precisaremos conhecer a anatomia do tipo de letra. Então, falaremos sobre todos os pedaços de letra e como falar sobre eles, como chamá-los. Em seguida, também veremos o histórico dos tipos de letra e como diferentes tipos de letra foram classificados. Finalmente, começaremos a abordar por que você pode escolher um tipo de letra em vez de outro. letra compõem quase todo o seu design quando você está criando um design de interface do usuário. Portanto, é muito importante que você saiba como trabalhar com eles. E antes que você possa começar a trabalhar com eles, você precisa entender o que eles são. Você precisa falar sobre eles com seu cliente e precisa saber o que está vendo. Então, vamos começar com essa base vital. 2. Importância da tipografia: Você, é claro, já está fazendo um curso online em tipografia na web. Não vou dar uma palestra sobre como esse tópico é muito importante. Você já sabe, é por isso que você está aqui. muitos anos, Oliver, certo? Einstein fez o ponto muito válido de que a Internet é de 95% de tipografia. Portanto, nós realmente precisamos ter certeza de que estamos acertando isso. Nos anos desde então, a Internet ainda está muito cheia de tipografia, e a maior parte é muito ruim. boa tipografia tem alguns efeitos na eficiência e eficácia da nossa leitura online, mas também nos afeta emocionalmente. Agora, se quisermos ser designers bons e bem arredondados, e queremos criar designs que tenham caráter único, que transmitam a mensagem da marca. Mas também queremos criar um site que tenha o mínimo. Então queremos tentar transmitir todas essas outras coisas na topografia porque tecnicamente, poderíamos criar um site com apenas digitar nele, desde que possamos usar a tipografia bem o suficiente para transmitir essa mensagem de marca, ter caráter, ser único e ainda ser legível. Então talvez seja tudo o que precisamos. Não precisamos exagerar com outras partes do design. Acho infinitamente fascinante sobre como as pessoas vão tentar adivinhar o que é sobre Steve Jobs que o fez criar um software tão bem sucedido. As pessoas dirão, bem, Apple fabrica produtos que são mais fáceis de usar. Algo em que eu pessoalmente não vejo nenhuma evidência. As pessoas dizem, bem, os produtos da Apple se sentem familiares e confortáveis para nós. Eles falam conosco de uma forma que entendemos por que isso pode ser verdade. Então temos que adivinhar novamente, precisamos adivinhar, ou como a Apple fez isso? Como Steve Jobs fez isso? E talvez fossem as escolhas de tipo ou as cores ou algo a ver com os layouts das páginas. Então temos que adivinhar novamente, que habilidades Steve Jobs desenvolveu para ser tão bom em fazer isso? Bem, se quiséssemos emular o sucesso de Steve Jobs, vez de tomar três suposições em vez de tomar três suposições seguidas para decidir quais habilidades devemos aprender. Podíamos olhar para o currículo dele ou o currículo dele. E nós aprenderíamos que ele estudou caligrafia, ele estudou tipos de letra. Essa foi a habilidade que ele desenvolveu para ser tão boa. Talvez estudar topografia nos torne melhores em ver os detalhes importantes que outras pessoas sentem falta. Talvez isso nos dê mais uma compreensão de como planejar projetos como um todo. Talvez isso nos dê algumas informações técnicas. É tudo especulação realmente. Se quiséssemos tentar emular o fundador da empresa de tecnologia mais bem-sucedida do nosso tempo. Podemos querer pelo menos aprender um pouco sobre tipografia. Às vezes, pode parecer um pequeno detalhe insignificante, se um tipo de letra funciona com outro ou se esse é o tamanho exato correto. Mas esses pequenos detalhes se somam. E a tipografia é a maior parte do que estamos vendo em um site ou em um aplicativo web, esses pequenos detalhes insignificantes e irritantes se somam e nos fazem sentir desconfortáveis e eles nos fazem não como usá-lo e fazer com que o produto pareça um trabalho árduo. tipografia é o tijolo e a argamassa o bloco de construção mais básico de um site. E isso compõe algo como 95% de todos os sites e aplicativos. Se você não tem certeza da importância de estudar topografia, talvez valha a pena lembrar que o CEO da empresa de tecnologia mais bem sucedida do nosso tempo estudou tipografia. 3. Typeface ou fontes: Em alguns estágios ao longo deste curso, vou dar-lhe alguma terminologia, algumas palavras novas. Um glossário, se você quiser. Este é um desses vídeos. Vamos definir o que é um tipo de letra, o que é topografia, o que é uma fonte e o que é um glifo. Agora, um tipo de letra é a arte geral. Se você fala sobre a antena Verdana, Times New Roman, você está falando sobre um tipo de letra. Uma fonte, por outro lado, é um software que você instala no seu computador para que você possa usar o tipo de letra se quiser, por exemplo, usar um tipo de letra em algum software de design em seu computador, você iria a um site que vende o tipo de letra e compraria vários arquivos de fonte dos sites Matt. Esses arquivos de fonte incluiriam uma versão em negrito de um tipo de letra e uma versão em itálico do tipo de letra. E cada um estará disponível em um formato de arquivo como um ponto T, T F ou um ponto ETF, ou um ponto w OFF. Esse arquivo é chamado de fonte. Lembrar a diferença entre esses dois termos não é muito importante porque, mesmo que você trabalhe em um estúdio de design, muitas vezes você chamará o tipo de fonte e talvez use essas duas palavras intercambiavelmente. Mas para o resto deste curso, vou me referir ao tipo de letra usando o termo correto. O tipo de letra é o trabalho artístico, a fonte é o arquivo. Semelhante a como uma música é uma peça musical e um MP3 é um arquivo. Alguém pode ouvir uma peça de música e dizer, eu realmente gosto que este MP3 não seja completamente impreciso, mas provavelmente há uma maneira melhor de expressar isso. Você diria, eu realmente gosto dessa música. topografia é possivelmente duas coisas. Ele está selecionando o tipo de letra. E é também como usamos o tipo de letra, os vários tamanhos, alturas de linha, comprimentos de linha, mas também como e quando usamos a versão em negrito do tipo de letra, tipografia são as decisões que nós fazer quando usarmos o tipo de letra em um futuro não muito distante, você estará trabalhando em um sistema tipográfico. Isso é topografia. Você selecionará qual tipo de letra você usa, mas também tomará decisões sobre como ele será usado. Enquanto você está tomando essas decisões. Você é um designer de tipo ou gráfico ou tipógrafo. E a última nova peça de vocab que eu quero te dar é a palavra glifo. Um glifo é o símbolo individual em um arquivo de fonte. Você pode querer se referir a isso como uma letra, mas isso não é totalmente preciso porque alguns deles são números e alguns deles são pontos gramaticais, e alguns deles não são nenhuma dessas coisas. Glifo é um termo que usamos para explicar todos eles. Um glifo é o símbolo individual no tipo de letra no arquivo de fonte. Seja uma letra, um número, um símbolo gramatical ou qualquer outra coisa. Um tipo de letra é o trabalho artístico. Verdana é um tipo de letra. Fonte é o arquivo que você instala em seu computador ou site para que você possa acessar esse tipo de letra. tipografia é a arte de escolher um tipo de letra e escolher como ele é usado. E um glifo é o símbolo individual em um arquivo de fonte. 4. Tipografia para web: Até recentemente, a tipografia da web e topografia impressa foram tratadas exatamente da mesma forma. Houve um conjunto de livros, um conjunto de tutoriais. Todos aprenderam um tipo de tipografia, mas a tipografia da web é significativamente diferente para imprimir o tipo. Existem algumas restrições à tipografia da web. Especificamente, todas as fontes que você usar diminuirão o carregamento da sua página da Web. Você está restrito a usar apenas fontes para as quais você tem licenças da Web, o que pode ser mais caro. Existem algumas coisas que são diferentes com a tipografia da web, precisamos pensar sobre o mecanismo de renderização dos navegadores e como ele ficará na tela em vez de pensar a impressora ou a tinta que estamos usando. E há algumas coisas que são melhores com a tipografia na web, as pessoas têm uma opção de que tipo de tela elas vão ler. Eles podem realmente controlar o tamanho do tipo. Às vezes, existem algumas regras que são diferentes. Por exemplo, textos grandes, como você pode ver em uma revista de páginas duplas. Não funcionará na tela de um celular. As regras de como esse trabalhador é bem diferente quando o texto é renderizado no computador do usuário, não sabemos se algo vai dar errado. Então, precisamos programar em recuos e pensar sobre o que acontece quando um arquivo não carrega. Por exemplo, um usuário pode ter uma conexão de internet incrivelmente rápida. Vou ter uma conexão incrivelmente lenta com a Internet no mundo impresso. Isso seria como eles imprimi-lo em qualidades de papel completamente diferentes. E, claro, há o problema de que cada usuário pode estar usando um navegador diferente. Este é um grande problema para a tipografia porque os navegadores que, embora atualizem regularmente e mantêm-se atualizados com muitas funções. Às vezes, com algo como topografia que muitas vezes pode esquecer as coisas e deixá-las para trás. E às vezes os navegadores podem ser muito, muito lentos para adaptar novas convenções. Ou o navegador nem sempre renderiza nosso tipo bem ou como as regras dizem, ele deve renderizá-los. Não podemos confiar em um computador da mesma forma que podemos confiar em nossas impressoras em nosso papel. E provavelmente a maior, a diferença mais substancial entre topografia impressa e tipografia da web é quando alguém está as decisões tipográficas para um desenho impresso, eles geralmente recebem o texto exato e, em seguida, cabe a eles estilizá-lo e descobrir como ele se encaixa na página online. Isso não é possível. Os jornais podem imprimir vários artigos por dia. Normalmente, o designer, o tipógrafo, trabalha o sistema antes que o artigo seja escrito. Como tipógrafo. Para tipografia da web, é seu trabalho criar um sistema tipográfico em vez de pegar conteúdo existente e apresentá-lo, você precisa criar um sistema que se aplique a cenários ligeiramente diferentes para certifique-se de que o texto esteja sempre bom. Parece bom quando o título tem dez palavras e quando tem uma palavra, por exemplo. Embora o básico absoluto para o que torna a topografia legível e o que a faz parecer boa sejam os mesmos na impressão e na web. Há muitas, muitas coisas que são bem diferentes. Queremos aprender tipografia na web como uma disciplina completamente separada. Uma das principais diferenças é que a topografia para a web é normalmente projetada antes de termos o conteúdo e não depois. 5. Comunicação não verbal: Se você já participou treinamento de vendas ou treinamento de fala pública de qualquer tipo, provavelmente já ouviu o comentário. 93% da comunicação é não-verbal, embora isso não seja exatamente errado, é uma simplificação excessiva. É baseado em uma série de experimentos realizados por um cara chamado Albert Mehrabian na UCLA em 1972. Mehrabian categorizou pior com base em quão negativos ou positivos eles soavam. Por exemplo, a palavra prazer é provavelmente uma palavra bastante positiva, enquanto a palavra tragédia é uma palavra bastante negativa. Mehrabian então combina as palavras com expressões faciais positivas ou negativas para ver como as pessoas se sentiram. Se eles, por exemplo, ouvi a palavra tragédia, mas quando alguém tinha uma expressão facial bastante positiva, Mehrabian também tentou isso variando o tom da voz. Por exemplo, alguém pode dizer uma palavra bastante positiva como prazer, mas em um tom de voz negativo. Depois, Mehrabian analisou os dados e concluiu que 55% da nossa comunicação é baseada em informações visuais, 38% no tom da voz e 7% na palavra real exibida. A razão pela qual esse comentário, 93% da comunicação é não-verbal é talvez uma simplificação excessiva, é porque ele estava apenas testando quanta emoção foi comunicada e não realmente informação em tudo . Ele também estava testando em algo que não é realmente um cenário do mundo real. E, claro, uma única palavra tirada do contexto geralmente não tem muito significado por conta própria. Se confiarmos completamente em experimentos mehrabianos, podemos concluir que, ao dizer uma única palavra, a maneira como você diz isso pode ser mais importante do que a palavra que você diz. Mas se você disser uma frase inteira, ou mesmo um parágrafo inteiro provavelmente é mais importante quais palavras você escolhe. Agora, se voltarmos a olhar para nossos sites, provavelmente é injusto dizer que nossas escolhas tipográficas são mais importantes do que as palavras escolhidas. Mas, embora esse comentário, 93% da comunicação não é verbal é uma simplificação massiva e massiva. É importante para nós lembrarmos que uma grande quantidade de comunicação, pelo menos não é verbal, e uma grande quantidade dessa comunicação não verbal é emocional. A forma como as pessoas se sentem sobre a empresa e o aplicativo que estão usando é amplamente comunicada através das escolhas tipográficas em vez das palavras usadas. Se queremos que um leitor confie em nossa empresa e sinta uma conexão emocional, é vital que façamos boas escolhas tipográficas. Outras pesquisas encontraram resultados semelhantes ao olhar para a memória. Essencialmente, as pessoas se lembram melhor dos visuais do que se lembram das palavras reais. Se quisermos que as pessoas se lembrem do que escrevemos, novamente, o tipo de gráfico que as escolhas serão realmente importantes. Alguns artistas, particularmente artistas abstratos como Jackson Pollock, por exemplo, acreditam que as palavras são uma representação ineficaz de culpa. Que eles são uma forma fraca de comunicação porque você tem que confiar no significado de uma quantidade finita de símbolos, palavras, arte abstrata como uma tentativa de se comunicar mais autenticamente em um nível mais profundo. Porque assim que usamos palavras, elas são mal interpretadas e estão deturpadas. E, portanto, confiamos neles um pouco menos com algo como topografia com o acesso ao poder dessa comunicação inconsciente ou subconsciente. Há algo incrivelmente ousado e confiante sobre uma marca que escolhe topografia com muito caráter. Porque por mais que eles tentem, eles estão subconscientemente colocando partes de sua personalidade nessa decisão. E essa pequena parte da personalidade deles não pode ser uma mentira. Considerando que as palavras que eles escolhem escrever com ele podem ser facilmente aliadas. Por essa razão, acredito firmemente na teoria que há mais verdade na ficção do que na não-ficção. Se alguém escreve uma autobiografia, então, naturalmente alguma forma, tentando persuadi-lo de algo em suas vidas. Mas quando alguém escreve ficção, eles inadvertidamente derramam sua personalidade real no livro. Acho que podemos aprender muito mais sobre a raça humana com a leitura de ficção do que com a leitura de livros sobre antropologia. Da mesma forma, acho que você pode aprender tanto com uma marca por suas escolhas tipográficas as palavras que eles escolhem escrever nela. Seria absurdo sugerir que 93% da comunicação é não-verbal ou mesmo sugerir que a topografia é mais importante do que as palavras escolhidas, a menos que tenhamos uma aplicação com apenas uma única palavra no aplicativo. No entanto, a comunicação não verbal, coisas como topografia ou comunicação em um nível muito diferente. Eles estão se comunicando em um nível emocional. E isso é muito importante para o nosso aplicativo. Se por nenhum outro motivo, porque confiamos em mensagens comunicadas em um nível emocional. 6. Anatomia do tipo: Melhorando nosso vocabulário sobre tipos de letra. Não só nos tornará melhores em trabalhar com o tipo de letra, mas também nos tornará melhores em nos comunicar com nossa equipe ou nos comunicar com nossos clientes. Por esse motivo, é importante que levemos algum tempo para aprender todos os nomes da anatomia da tipografia. A primeira coisa a falar é como definimos a altura. Há as alturas gerais dos glifos no tipo de letra, mas também há a altura da tampa, e é assim que as letras maiúsculas são altas. Então temos a altura x. Esta é a altura de uma letra minúscula. Não necessariamente a altura exata de um x minúsculo, porque às vezes x's estilizados diferentes podem não ser exatamente iguais à altura x. É melhor pensar que a altura x é a altura das letras minúsculas. E quando falamos sobre a altura das letras minúsculas, isso não inclui os ascendentes e descendentes. Esses são os bits que você pode pensar como indo abaixo ou acima da linha. Um H minúsculo, por exemplo, tem um ascendente que fica acima da altura x da letra minúscula. E um g minúsculo tem um descendente que desce abaixo da letra minúscula. Nós nos referimos à linha que compõe a letra foi o traçado. Então, podemos falar sobre a largura do traçado, falando sobre a largura da linha. A linha vertical principal, como em um T maiúsculo, é chamada de haste. Qualquer linha horizontal como a do meio de uma maiúscula a é chamada de barra transversal. Todas as letras foram o traço principal é curvo, às vezes é referido como uma coluna vertebral, como, por exemplo, S maiúscula tem uma coluna vertebral. As áreas arredondadas, como em um O ou a, são chamadas de tigela. A área fechada dentro da tigela é chamada de balcão. E se esta área estiver aberta como um E ou um C, chamamos de contador aberto. Às vezes eu tipografia tem esses pezinhos, esses chapéus, nós os chamamos de serifas. E se não tiver um serif, nos referimos ao final da letra como um terminal. Sempre que as serifas se destacam aumentando ligeiramente a largura da letra, chamaríamos isso de overshoot. E qualquer linha diagonal, se tivermos uma linha diagonal que se afasta da letra, chamamos de braço, e uma que se afasta de uma letra, chamamos de atraso. Vamos gostar de M e N ou H, ter o que chamamos de ombro, uma porção superior direita arredondada da letra. E uma letra como uma fila tem uma cauda que se destaca. Às vezes, o tipo de letra pode adicionar algumas pequenas linhas decorativas que não são necessárias para identificar a letra. Podemos chamar isso de swash. Ter esses novos termos e nosso vocabulário para falar sobre nossos tipos de letra. Vai tornar muito mais fácil para nós tomar decisões e conversar. Por exemplo, poderíamos dizer que Helvetica, com uma grande altura x pode torná-la legível em um tamanho pequeno. Mas isso reduz as alturas do ascendente em uma letra minúscula h. Assim, as minúsculas h e minúsculas n parecem muito mais semelhantes. Poderíamos dizer que, embora Futura use formas geométricas muito simples que poderiam fazer um O, um E, a, C e um a semelhante. Também vale a pena notar que o SEA tem um contador muito grande, fazendo com que pareça distintamente diferente das outras letras. Uma fonte sans serif não tem serifas e, portanto, não tem overshoots. Podemos ter uma versão mais condensada, o que a tornará muito mais apropriada dentro dos botões ou nos menus. Há três exemplos de conversas que você pode ter agora, seja na sua própria cabeça com seus clientes ou com seus colegas de equipe sobre fontes que você provavelmente poderia ter tido há cinco minutos. Dê uma olhada em algumas fontes ao seu redor e identifique as diferentes anatomias em cada letra no tipo de letra. E veja quais são as vantagens e desvantagens de ter esses recursos desvantagens de ter esses recursos para cada tipo de letra. Aprender a se comunicar sobre a anatomia dos tipos de letra vai tornar muito mais fácil para você tomar decisões, especialmente com uma equipe. Passe algum tempo se familiarizando com essas palavras. Cada pequeno detalhe de uma letra tem algum tipo de nome único. Muitas vezes, as pessoas que projetaram letra usam bastante esses nomes. Como tipógrafo ou web designer, você provavelmente não precisava usá-los demais, mas vale a pena gastar um pouco de tempo aprendendo isso. Na verdade, no geral, provavelmente estamos mais interessados nas qualidades do tipo de letra, na forma geral, quão largas elas são, quão espessa é o traço, qual é o contraste e a espessura do traçado, se tem serifas ou não. Mas em algum momento você usará todas essas palavras. Portanto, certifique-se de conhecê-los. 7. Impressão de impressão: No século XV, um homem alemão chamado Johannes Gutenberg criou tipo móvel ou a impressora ou assim a história europeia vai pelo menos. A impressora foi, naturalmente inventada muito antes na China. O problema na China é que eles são personagens demais para ser útil. Tornando caro criar uma prensa de impressão, mas também é bastante demorado organizar todas as letras. E o mais importante, torna muito mais difícil reduzir o tamanho das letras. Na Europa, por volta da época de Gutenberg, maioria dos livros era assim, um estilo de texto que chamamos de letra negra hoje. E você muito, muito raramente veria alguém mais usar isso, além da Alemanha nazista, que a usava como uma espécie de rejeição de qualquer coisa nova ou moderna porque eram contra ideias globalizadas. E às vezes estúdios de tatuagem. Possivelmente porque a letra preta parece bastante decorativa ou você tem uma parte traseira inteira e você só quer colocar seis letras nela. Mas quando você está tentando imprimir uma página inteira de um livro, na verdade não é um tipo particularmente útil. É um pouco decorativo demais para fazer dois pequenos, mas também tem essas linhas pretas muito grossas que significam que, ao torná-las menores e juntar mais letras, você cria uma área muito densa de contraste na página que não é convidativa para um leitor ou fácil de ler. A impressora provavelmente não teria sido muito útil se não fosse por Nicholas Jensen. E Nicholas Jensen não teria sido muito útil se não fosse pelo estilo humanista de caligrafia minúscula de Verona no século XV, na Itália renascentista, eles se referiram à letra negra é nos Itália renascentista, eles se referiram à últimos dias Moderna. Meu latim não é perfeito, mas isso significa letras modernas. E eles são referidos ao que os romanos costumavam usar como últimos dias e TK. Os romanos acabaram de ter as letras maiúsculas. Então eles fizeram muitas experiências para decidir como são letras minúsculas e, como resultado, criaram algo que parecia muito mais moderno do que a letra preta. Jensen passa algum tempo observando e experimentando essas novas cartas renascentistas e algumas das decisões que ele tomou naquela época no século XV de ações até hoje sobre como decidimos como um fim parece ou um D parece. Jensen criou um tipo de letra que pode ser cortado muito, muito menor que o tipo de letra preta e, portanto, muito mais econômico para caber muito mais letras em uma página e, portanto, mais informações. Pode ser espalhado por toda a Europa muito mais barata e eficiente. Você ainda pode usar uma forma do tipo de letra do Jensen hoje. Você poderia, por exemplo, pelo Adobe Jensen, esse tipo de letra aqui. Se você fez isso, você pode estar se perguntando por que estou pagando por algo que tem cerca de 500 anos e fora de direitos autorais? Bem, na verdade, o esforço que a Adobe fez para recriar esse tipo de letra é muito mais do que você imagina. Você vê se você pegar um livro impresso antigo escrito em Jensen, na verdade, cada E não é o mesmo. Há pequenas discrepâncias nos diferentes cortes da letra. Para que a Adobe crie uma única letra, eles precisam digitalizar centenas de Jensen 0s e, em seguida, descobrir aproximadamente qual é a média. Há várias razões pelas quais cada E na página não era idêntico, enquanto eles não eram necessariamente todos os cortes exatamente iguais. E uma dessas razões é que as pessoas estavam tão acostumadas a ler páginas manuscritas que a monotonia compartilhada de ver uma página de símbolos idênticos uniformes enviaria o cérebro das pessoas para dormir. Eles não podiam se envolver ou interagir com esse material. Quanto menos novela a impressão de cada palavra na página, menos novela a impressão e nossos cérebros, menos provável será a probabilidade de nos lembrar dela e nos envolver com o material. Também nos permite ter tamanhos diferentes foram capturados um pouco diferente porque se a maneira como a percepção funciona, não vemos um grande E e um pequeno e do mesmo tipo de letra tem sido idêntico. Eles realmente aparecem um pouco diferentes quando são menores. Algo que chamamos de espera óptica. Realisticamente, se você quisesse recriar um tipo de letra como o Jensen hoje, você teria que recriar vários arquivos de fonte, um para textos com 16 pixels de altura e, em seguida, um arquivo de fonte totalmente separado para textos com 20 pixels de altura. Por exemplo, com um corte ligeiramente diferente, um peso óptico ligeiramente diferente. Como um tipo de letra que mostra a 20 pixels não se parece uma versão um pouco maior de uma fonte mostrada a 16 pixels. Não é assim que a percepção funciona. Falaremos sobre isso mais tarde, mas este é o tipo Jensen, e isso é o que agora chamamos de serif de estilo antigo. Você provavelmente não usaria Jensen porque ele tem muitas implicações da época, a menos que você quisesse criar um design que parece ter uma falha no século XV. Você provavelmente escolheria algo mais parecido com Garamond se quisesse um tipo de serifa de estilo antigo. A invenção da impressora trouxe um novo desafio. Como podemos reduzir o tamanho das letras e ainda torná-las legíveis e ainda torná-lo confortável e agradável de ler. Felizmente, isso já foi resolvido por calígrafos na Itália na mesma época. E assim foram criados tipos de letra como Jensen ou Garamond, que são muito confortáveis e fáceis de ler. Mesmo um menor de 16 pixels de altura em nossa página, a placa de impressão. Outros desafios, incluindo o quão monótono parecia ver uma página de símbolos idênticos nela, e também como a espera óptica é diferente para caracteres maiores e menores. Esses são problemas que resolvemos na época e desde então esquecemos. Na verdade, muitas pessoas dizem que tipógrafos ou os últimos 200 anos ficaram preguiçosos. 8. Tipode Serif de Serif: Podemos categorizar tipos de letra serif em algumas categorias. Primeiro de tudo, temos para serif de estilo antigo como Jensen ou Garamond, acabamos de falar. Seguindo disso, temos serifas de transição como Baskerville sobre as quais falaremos em breve. E então temos serifas modernas como Bodoni e Diderot. Quanto mais moderno o tipo de letra, mais contraste entre as larguras da linha, o estilo mais antigo ou tradicional, mais humanista, mais a largura da linha parece se misturar um no outro como se desenhado à mão com uma caneta. Vamos antes de mais ver esses tipos de letra de transição como Baskerville. Agora John Baskerville vivia em Birmingham, Inglaterra, e no fim de sua vida, ele decidiu investir todo o seu dinheiro na tentativa de melhorar os processos de impressão. Então ele tentou melhorar a tinta e o papel para tentar obter uma aparência consistente na página. E, na verdade, como ele melhorou o papel de impressão e a tinta como quase como uma vitrine, ele criou esse tipo de letra, Baskerville, que poderia ter linhas muito finas e linhas bastante grossas no mesmo papel e olhar muito bom. Pode não ter sido possível imprimir com Baskerville até que a qualidade da tinta e do papel tivesse melhorado o suficiente para que isso parecesse nítido e limpo na página, as pessoas odiavam o tipo de bola de basquete no tempo, as pessoas disseram que era muito difícil ver essas linhas muito finas. Eles disseram que machucou os olhos deles mesmo. Provavelmente muitas impressoras provavelmente eram meio ciumentas. E vamos encarar, os livros dele só custam mais porque foram impressos com tinta e papel de maior qualidade. Basquetebol é sintoma de tipografia de metal desaparece principalmente, mas ele emergiu na França pouco antes da Revolução Francesa, quando foi usado para o material para algumas ideias revolucionárias sendo impressas, o fato de parecer diferente, fresco e moderno tornou-o perfeito para expressar essas ideias revolucionárias. E não muito tempo depois outro designer francês o cria, fez esse tipo de letra que é quase sinônimo da Revolução Francesa e com ideias muito mais modernistas, muito semelhantes a um italiano fonte chamada Bodoni. Será que um Bodoni é igualmente popular. Quando pensamos em fontes serifas modernas, se colocarmos os três próximos um do outro, podemos ver como os três estágios das fontes serifas obtêm progressivamente menos humanista e maior contraste à medida que as pessoas obtêm costumava olhar para coisas que não são escritas à mão e se acostumar a identificar os diferentes contrastes ao olhar para a identificar os diferentes contrastes pequenos tipos em uma página, recentemente ouvi alguém se referir à diferença estilo tem sido como a diferença de estilo do Renascimento, do rock e dos erros de iluminação. Há um estágio final da tipografia serifa, que é a serif egípcia, às vezes chamada de serif de laje, como Rockwell, por exemplo. Isso se tornou popular em algum momento em torno da era vitoriana quando queríamos que nossos cartazes tivessem ótimos títulos punchy. E parecia muito ousado e confiante no topo do nosso cartaz. No século XXI, novos tipos de letra raramente se encaixam confortavelmente em uma categorização. Por exemplo, o tipo de letra que usei para títulos ao longo deste curso, em alguns outros cursos é este que é um serif de cunha. Não se encaixa em nenhuma dessas outras categorias que tem essas grandes serifas triangulares, que eu acho que faz com que pareça ultramoderna. Tradicionalmente, encaixamos fontes serif em três categorias, estilo antigo, transicional e moderno. Você pode pensar neles como sendo como Garamond, Baskerville e Bodoni, com cada geração se tornando um pouco menos humanista e tendo um contraste ligeiramente mais espesso usando Serifs de um desses três períodos na história. Dá a ele um caráter distinto daquela época. Hoje, há todos os tipos de novos tipos de serifas como Slab Serif e cunha serif, mas não se encaixam confortavelmente em nenhuma dessas categorias. 9. Tipode espécie de Sans de Sans: No início do século XX, artistas de vanguarda queriam rejeitar tudo o que havia vindo antes e criar designs novos e mais simples para tudo. Os puristas não queriam nada em uma carta que distraísse do símbolo puro mais básico por baixo. Naturalmente, os designers começaram a remover as serifas. Agora sabemos que essas pequenas serifas provavelmente nos ajudam a reconhecer uma letra de outra. Mas também a página de maquiagem em geral parece um pouco mais confusa, um pouco mais complexa. E em 1927, Paul Renner criou a Futura. Esta fonte composta inteiramente de formas geométricas, tornou incrivelmente rápido para nós percebermos, colocá-lo em nosso cérebro. E se nada mais, ele se encaixa perfeitamente no estilo da época. Se não fosse pelo fato de ele ter morado na Alemanha pouco depois em 1927, os nazistas assumiram o controle da Alemanha. E como falamos anteriormente, eles adoravam letra negra, adoravam antiquados. Eles não queriam nada novo ou moderno. Futura realmente se tornou popular ou em todo o resto do mundo e se tornou uma fonte internacional após a Segunda Guerra Mundial, Helvetica foi criada na Suíça, e este é agora o fonte mais popular mais usada no mundo. Parece ótimo, tão grande quanto você quiser, e pode ser lido bem pequeno. É muito minimalista, mas ainda tem um pouco de caráter. E o personagem foi exatamente o que motivou Eric Gill a criar Gill Sans. Agora isso tem todas as vantagens de uma fonte sans serif, mas tem uma leve sensação humanista. Essas fontes sans serif foram todos um grande sucesso no mundo que surgiu após a Segunda Guerra Mundial. Um mundo que estava com fome de mudanças e queria aceitar a globalização do mundo. E então inventamos computadores, computadores com resolução muito baixa para telas pixeladas. E, naturalmente, sans serifs se tornaram ainda mais populares porque eram fáceis de renderizar nesses monitores de baixa qualidade. letra como o Vedanta foram criados para ser uma espécie de Helvetica para o computador onde cada pixel era considerado para garantir que ele ficasse bom quando renderizado em uma tela de computador pixelada. Mais tarde, o arial também foi criado pelo mesmo motivo, depois de décadas olhando para telas com texto todo escrito em Verdana e agora meio que parece bastante datado. Se você viu um site hoje e todos os textos foram escritos em Verdana, você pode pensar que está apenas o tempo viajado de volta 30 anos, os dias de considerar um tipo de letra para ser mais moderno só porque é sans serif já se foram há muito tempo. Na verdade, eles podem parecer meio datados porque qualquer coisa renderizada em uma tela e san-serif, parece o que você estava vendo na década de 1990. Assim como várias fontes serif nos lembram de períodos na história. A maioria das fontes sans serif também nos lembrou do que agora é realmente um período histórico. E, claro, novas classificações e novos tipos de letra são criados o tempo todo. O tipo de letra Gotham foi criado por volta do ano 2 mil e os EUA se tornaram populares por causa da campanha política de Obama. Usar uma nova fonte de ponta é fazer uma declaração política tanto quanto usar uma antiga. Alemanha nazista usando letra negra antiquada estava fazendo uma declaração política sobre os valores tradicionais e o que eles acreditavam ser importante tanto quanto a Revolução Francesa usando Baskerville e depois deduzir, estamos fazendo uma declaração sobre como eles estavam pensando e como eles queriam fazer parte de um novo mundo. Gotham se encaixa perfeitamente na campanha política de Barack Obama. Barack Obama estava tentando ser visto como algo novo e diferente. Ele não parecia ser uma nova escolha porque usou um san-serif. Ele parecia ser uma nova escolha porque usou Gotham. Seus cartazes não teriam tido esse tipo de impactos se fossem escritos em Helvetica ou Gill Sans. A relevância das classificações do tipo de letra é muito menos importante com novos tipos de letra. Na verdade, os designers de tipografia geralmente se dividem em diferentes classificações ou criam novas. Não há classificação que se adapte aos nossos tempos modernos. Assim como a moda em outras indústrias acelerou incrivelmente, a moda em tipos de letra. Designers começaram a criar fontes sans serif no início do século XX. E eles realmente se tornaram populares após a Segunda Guerra Mundial, quando as pessoas estavam ansiosas por um novo mundo internacional globalizado, as fontes san-serif não necessariamente se tornaram mais populares porque eram mais fáceis de ler. Provavelmente poderíamos dizer, é mais fácil percebê-los, assimilá-los em nossos cérebros, mas provavelmente um pouco difícil diferenciá-los ou reconhecer as letras. Mas eles também se tornaram mais populares porque eram fáceis de renderizar em monitores de computador de baixa qualidade. Hoje, isso provavelmente faz com que algumas fontes san-serif pareçam tão datadas quanto Garamond Vedanta também, agora é um pedaço da história, pois novos tipos de letra são projetados e criados, eles geralmente transcendem gêneros ou classificações. 10. Resumo: tipografia é a voz do aplicativo da nossa marca ou de um serviço. Algumas vozes são mais claras, mas a voz mais clara pode não ser a mais envolvente ou a mais memorável. Você precisa de uma voz com mais personagem? E em caso afirmativo, qual personagem? Cada tipo de letra, como cada voz, tem uma personalidade. Seja qual for o tipo de letra que escolhermos, ele expressará algo que precisamos para garantir que ele expresse a coisa correta. Um tipo de letra fala de uma hora e de um lugar. Precisamos escolher o correto. E à medida que avançamos mais em direção um sistema tipográfico completo, talvez precisemos usar vários tipos de letra e eles precisam funcionar bem e elogiar uns aos outros.