Design De Iu
Estilos tipográficos para a web e design editorial e impresso
A grande maioria das pessoas é bombardeada com fontes desde o momento em que acordam de manhã até o momento em que vão para a cama à noite. Dos aplicativos em seus telefones aos produtos de higiene em seus banheiros e aos sinais que você vê em suas viagens matinais, a tipografia está em toda parte. Mas quantas pessoas realmente notam os estilos tipográficos que existem todos os dias?
Até os designers Eles subestimam os estilos de fonte e frequentemente tomam decisões sobre fontes com base em opiniões vagas, em vez de compreensão objetiva. A maioria dos designers está ciente dos contextos industriais originais para os quais várias fontes foram projetadas? O que esses contextos e histórias significam para determinar a legibilidade, adequação e uso de um determinado tipo de letra? Não importa em qual disciplina de design você está trabalhando, seja design visual ou UX ou tradicional layout de impressão , estilos de tipo são elementos essenciais de praticamente todos os projetos produzidos.
Algumas das fontes mais influentes atualmente em uso são freqüentemente negligenciadas em favor de designs de fontes exclusivas que são mais novos no mercado, e às vezes por um bom motivo. Cada uma das fontes neste artigo tem décadas, se não séculos, e foi projetada para diferentes contextos tecnológicos. Portanto, muitas alternativas ou atualizações foram criadas desde que foram introduzidas. Até mesmo algumas das fontes originalmente projetadas para monitores tornaram-se obsoletas à medida que monitores e impressoras adquirem resolução mais alta e são capazes de exibir formas mais complexas com precisão.
Fontes serif
Compreender a diferença entre os estilos de tipo com serifa e sem serifa é uma das regras de tipo mais fundamentais. Para muitos, isso pode ser óbvio, mas a serifa é o traço dado no final das linhas horizontais e verticais principais de um caractere. Existem muitas subclasses dentro das serifas, incluindo hachuras, cunhas e serifas de laje, que descrevem as qualidades visuais da serifa.
Em geral, as serifas têm uma história mais longa do que as serifas, pois foram as primeiras fontes usadas para imprimir livros após a invenção da Gutenberg Press. Essencialmente, as serifas permitem uma leitura mais confortável em detalhes, pois as serifas guiam suavemente o olho de um caractere para outro, tornando-a ideal para trabalhos de impressão longos. Por causa disso, as serifas ainda são geralmente a fonte de referência para trabalhos impressos, como livros ou relatórios, embora não seja uma regra prática absoluta. Cada tipo de fonte tem suas próprias qualidades específicas e existem alguns tipos de fontes serifados que não são realmente adequados para grandes blocos de texto (e alguns tipos de fontes sem serifa que são perfeitamente legíveis e legíveis para trabalhos longos).
Baskerville
Baskerville é uma das serifas clássicas que resistiu ao teste do tempo e ainda é amplamente usada hoje. Baskerville foi projetado em um período de transição entre as primeiras faces das fontes (Bodoni e Didot) e as fontes dos séculos XIX e XX. Baskerville teve sucesso devido às suas formas de letras de alto contraste.
O designer, John Baskerville, era um perfeccionista intenso e criou uma fonte com belos detalhes. O tipo de letra só pode ser impresso em suas próprias máquinas para garantir que os formatos das letras sejam transferidos corretamente para a página. Essa história é significativa, pois Baskerville se adaptou às várias mídias em que trabalhamos hoje. Os detalhes incorporados em cada formato de letra tornam o Baskerville inadequado para mídia de baixa resolução, incluindo monitores de baixa resolução ou impressoras com defeito. Dito isso, quando Baskerville tem a chance de expressar sua qualidade, ele produz uma fonte serifada excelente.
Um bom exemplo de uma fonte digital moderna que Baskerville influenciou muito é a fonte que a Amazon encomendou para o Kindle, Bookerly. Se você está procurando uma alternativa ao Baskerville que mantém sua riqueza de 200 anos enquanto atualiza para ser legível na tela, Bookerly pode ser uma boa solução. Outras alternativas incluem Sra. Eaves Y Plantin .
Times New Roman
Times New Roman, como muitas fontes amplamente utilizadas por algum tempo, é uma fonte polarizadora que é amada por muitos, mas também detestada por alguns. Muitas vezes, o que as pessoas amam ou odeiam no TNR é o mesmo: sua neutralidade apática.
Matthew Butterick escreve “Times New Roman não é uma escolha de tipo, mas a ausência de uma escolha de fonte, já que a escuridão do espaço profundo não é uma cor. Olhar para a Times New Roman é contemplar o vazio ”. O Times New Roman parece tão claro em grande parte devido à sua onipresença avassaladora como resultado de sua exposição ao jornal para o qual foi projetado, o Times de Londres.
A Times New Roman foi projetada para os interesses comerciais do jornal, que consistia em manter a legibilidade ao mesmo tempo em que colocava o máximo de palavras em uma linha e, portanto, na página possível. Os designers foram muito públicos sobre o uso da fonte nos jornais, já que ela é mais estreita e legível em colunas finas, mas não é ideal para livros com linhas mais longas. Essa eficiência foi alcançada aumentando a altura x e reduzindo significativamente o traçado ou espaçamento entre os caracteres.
Devido ao sucesso da tipografia com o The Times, a Times New Roman foi adotada logo em seguida pela maioria dos jornais americanos, tornando-se uma das fontes mais onipresentes. Devido a essa onipresença, alguns designers desaconselham o uso da Times New Roman, pois pode dar a impressão de apatia ou baixo custo. Algumas outras fontes de estilo editorial que você pode considerar são Arnhem , Le Monde Journal , ou Plantin .
Garamond
Garamond Antiqua é uma fonte purista e antiquada desenhada pelo icônico piercer parisiense Claude Garamond. Garamond foi um dos primeiros rostos projetados para o tipo conjunto, o que significa que era ideal para os textos de corpo longo da última moda de seu tempo - os romances.
Como uma qualidade inerente à época em que foi projetado, Garamond dá ao texto uma sensação de estilo do velho mundo. No entanto, suas serifas arredondadas mantêm o texto mais informal do que muitos de seus equivalentes com serifa. Garamond permaneceu uma fonte prolífica em virtude de suas formas claras, permitindo aos usuários ler sem se cansar. Os grandes corpos dos personagens e as alturas x altas criam uma grande quantidade de espaço em torno de cada letra, tornando as palavras visivelmente maiores e, portanto, mais legíveis.
Embora muitos designers defendam a atemporalidade de Garamond, suas formas simplesmente não são ideais para a tipografia da web. As virtudes de Garamond na impressão incluem suas curvas suaves que se misturam de personagem para personagem, tornando-o mais legível por longos períodos de tempo. A desvantagem é que essas curvas ficam borradas em tamanhos menores na tela, o que impede sua legibilidade. Portanto, apesar das muitas recriações de Garamond que você pode encontrar online, a maioria dos designers de tela acredita que ele se tornou obsoleto. Dito isso, os designers de EB Garamond eles ainda pensam de outra forma e estão tentando revitalizar este clássico na comunidade de código aberto.
Se você está procurando alternativas para Garamond, dê uma olhada em Sabonete ou lacaio .
Georgia
Talvez em resposta a fontes como a falha de Garamond na tela, a Microsoft contratou Matthew Carter na década de 1990 para projetar uma fonte especificamente para legibilidade na tela. E foi assim que a Geórgia nasceu.
Muitos acreditam que a Geórgia carece da qualidade neutra de outras serifas produzidas em massa, como TNR, e dá ao texto uma qualidade amigável e charmosa. Portanto, a façanha impressionante do design de Carter é que ele conseguiu resolver o problema de legibilidade da tela, mantendo o caráter atraente das faces impressas.
A história é que Carter projetou a Geórgia enquanto trabalhava em uma nova versão da fonte Scotch Roman do século XIX. A Geórgia mantém muitas das qualidades de seu antecessor. No entanto, para projetar Georgia para a tela, Carter fez algumas mudanças essenciais: aumentar a altura x, arredondar os números e criar pequenos desalinhamentos para manter um senso de caráter.
Embora a Geórgia esteja agora estabelecida como um clássico, também é considerada como tendo um toque mais moderno do que muitas outras fontes serifadas. Moleiro Y abril eles têm uma sensação semelhante e são boas alternativas.
Fontes Sans-Serif
Embora alguns possam argumentar que a fonte sans-serif foi produzida pela primeira vez nos tempos antigos, eles não foram oficialmente incorporados ao uso generalizado e à sociedade moderna até o século XIX. À medida que a publicidade, os jornais e a mídia explodiam, havia a necessidade de fontes que pudessem ser lidas como títulos claros à distância e representativas de uma nova era da indústria.
Verdana
Verdana compartilha uma história semelhante com sua prima, Georgia, já que ambos foram projetados por Matthew Carter para a Microsoft na década de 1990. Verdana é, portanto, uma sans-serif projetada especificamente para a tela. Como muitas fontes que buscam clareza, Verdana tem uma grande altura x para aumentar a legibilidade. Verdana é conhecido como sans-serif humanístico, o que significa que mantém algumas das qualidades e lógica de design dos tipos de letra com serifa.
No entanto, Matthew Carter estava ciente dos espaços potencialmente restritivos onde algum texto pode ser inserido na tela, então o tamanho dos caracteres de Verdana é balanceado o suficiente para evitar o empilhamento em aplicativos ou em plataformas sem borda. Considerando que o Verdana foi projetado para uso na década de 90, é especialmente eficaz mesmo em dispositivos de baixa resolução. No entanto, conforme a qualidade dos monitores aumenta, os pontos fortes de Verdana se perdem e seu desempenho não é tão bom quanto antes.
Se você usar Verdana na impressão, seu espaçamento largo dá a qualidade de uma fonte de máquina de escrever monoespaçada. Essa qualidade torna o Verdana uma escolha ruim para grandes volumes de texto impresso. Uma alternativa que você pode considerar agora é o Colfax. Os designers da Colfax levam em consideração a falta de restrições mecânicas no design de tipos de hoje e criaram uma fonte que é mais adequada para telas de alta resolução e impressão a jato de tinta.
Gesta Y PT Sans Ambos são boas alternativas para Verdana.
Franklin Gothic
Franklin Gothic é uma fonte sem serifa realista que foi originalmente criada em 1902 por Morris Fuller Benton da American Type Founders (ATF) e expandida para incluir mais pesos nas décadas de 1970 e 1990 pela ITC. Versões digitais da fonte foram criadas pela Adobe, International Typeface Corporation (ITC), Monotype Imaging e URW.
A fonte original que Benton admitiu foi desenhada como uma homenagem a Benjamin Franklin, era mais adequada para manchetes e uso comercial do que para longos blocos de texto. Atualizações com pesos e estilos adicionais expandiram as opções de usabilidade desde então.
A qualidade atemporal do Franklin Gothic ainda o torna uma escolha popular para muitos meios de comunicação, mais de um século após seu lançamento original. A Time Magazine e o The New York Times usam-no para várias manchetes, os tiles Scrabble nas versões americana e canadense do jogo incluem, e a versão condensada foi usada até mesmo para o primeiro rastreamento nos filmes Star Wars.
Embora Franklin Gothic seja incrivelmente popular, uma alternativa popular é News Gothic, o sucessor popular de Benton ao original, com uma construção mais estreita e menos contraste de linha. Outras alternativas incluem Gótico comercial , Benton Sans Y Bordo .
Futuro
Futura lançado em 1927, é o resultado direto de uma das primeiras fontes geométricas sans-serif (em oposição às sans-serif humanistas). O maior concorrente do Futura, Erbar Grotesk (lançado em 1926), foi projetado na influente Bauhaus, com a intenção de comunicar tudo o que a escola considerava moderno no início dos anos 1900. Isso significa que a lógica geométrica eliminou qualquer indício de ornamentação e direcionou a lógica pura nas formas das letras criadas.
Como Erbar Grotesk, Futura inclui formas de letras baseadas em formas geométricas, principalmente o círculo (embora também quadrados e triângulos onde os círculos não eram apropriados). Inclui baixo contraste entre seus traços, com ascendentes altos e baixos e caracteres maiúsculos que compartilham proporções semelhantes às capitais romanas. Seu designer, Paul Renner, acreditava que as fontes modernas deveriam ter sensibilidades modernas, em vez de simplesmente serem iterações de designs anteriores.
Futura experimentou muita fama ao longo do século 20, quando os astronautas da Apollo 11 deixaram uma placa na lua em Futura; A Volkswagen e muitas outras marcas o adotaram; e vários cineastas, incluindo Stanley Kubrick e Wes Anderson, o reapropriaram. Se você aprecia a qualidade moderna do Futura, mas acha que é um pouco usado, considere tentar FF Super grotesco , HK Grotesque (código aberto), o Tempos modernos .
Gill Sem
Monotype, o mesmo tipo de fundição que nos trouxe à Times New Roman, contratou o estudioso Eric Gill (um escultor / tipógrafo / artista gráfico) para produzir uma fonte para a sinalização moderna de Londres. Gill Sans, ao contrário de Futura, é uma fonte humanista com um estilo menos regulamentado do que seus contemporâneos alemães. O “R” é ligeiramente alargado e o gráfico “minúsculo” “goggle” está perto de ser icônico. A qualidade naturalmente ousada da fonte funciona bem para telas e títulos, mas os pesos mais leves lançados posteriormente são adequados para o corpo do texto.
Sua história no metrô de Londres, na BBC e na Igreja da Inglaterra, bem como sua qualidade moderna, mas humana, tornam a fonte essencialmente britânica. Embora a fonte seja clássica em proporção, ela tem alguns reflexos artísticos que a tornam mais alegre do que sua contraparte alemã, DIN.
Dito isso, muitas dessas explosões artísticas tornaram Gill Sans indesejável para alguns. designers gráficos . Especificamente, o 'a' minúsculo costuma ser criticado por ser desequilibrado e negligenciar a legibilidade.
Procurando alternativas para Gill Sans? Verificação de saída ITC Johnston ou P22 subterrâneo .
helvética
Helvetica é a única fonte que inspirou seu próprio filme (2007). É possivelmente a fonte mais famosa / onipresente hoje. A fonte nasceu de uma ampla competição na década de 1950 por novas versões das populares fontes Grotesk.
As fontes Grotesk evoluíram gradualmente para aumentar a legibilidade. No entanto, nem todos os tipos de fontes funcionaram bem com linotipos de dispositivos e mecânicos. A máquina de linótipo exigia que os caracteres regulares e cursivos tivessem a mesma largura, o que fazia com que os itálicos parecessem muito largos e os caracteres regulares muito estreitos.
Helvetica foi especificamente projetada com configurações de caracteres nítidas para manter a beleza moderna e a legibilidade das fontes Grotesk, enquanto permite aos designers os benefícios da produção em massa. Lançada pela primeira vez na feira “Graphic 57”, a fonte tornou-se onipresente em todo o design suíço.
Outras fontes que são boas alternativas à Helvetica incluem Maison Neue , Universo , Y Fatura .
Fontes monoespaçadas
Os estilos de fonte monoespaçados foram originalmente projetados para a máquina de escrever. A principal qualidade a entender sobre esta categoria de tipo de letra é que a máquina de escrever exige que cada caractere seja escrito com o mesmo espaçamento. Portanto, cada caractere é colocado em uma matriz de organização exclusiva em um corpo de texto, enquanto outras fontes geralmente variam no espaço para gerenciar a legibilidade.
Em última análise, fora do contexto da máquina de escrever, existem poucos aplicativos em que faz sentido usar fontes monoespaçadas. Espaçamento igual significa que eles são menos eficientes e geralmente menos legíveis também. Uma exceção a essa regra é encontrada em aplicativos projetados para escrever código, onde o espaçamento igual pode ajudar na legibilidade.
Alguns exemplos são Courier, Consolas, Letter Gothic ou Source Code Pro (gratuito). No entanto, alguns designers simplesmente não podem negar a estética nostálgica; portanto, eles permanecem populares.
Fonte do sistema
As fontes do sistema são aquelas que vêm com seu dispositivo ou programa. Existem diferentes fontes de sistema para Mac, Windows e até produtos Adobe. Todos os tipos neste artigo têm pelo menos algumas variações que são fontes do sistema.
Existem algumas desvantagens em usar fontes do sistema. O maior deles é que essas fontes geralmente são incrivelmente superexpostas. Por estarem incluídos em quase todos os computadores, as pessoas os veem dia após dia, com designs bons e ruins. Embora nem todos os projetos tipográficos devam estar à beira da originalidade, é importante entender que se a marca para a qual você está projetando se supõe que é único e original, o uso de uma fonte do sistema muitas vezes prejudica isso.
Outra grande desvantagem de usar fontes de sistema é que algumas delas simplesmente não são muito boas. Arial vem à mente ...
Finalmente, muitas fontes do sistema são projetadas especificamente para serem altamente legíveis na tela e podem não ser particularmente legíveis na impressão. Isso pode não ser um problema para todos os projetos que um designer realiza, mas é algo que você deve estar ciente.
Escolhendo uma ótima fonte para o trabalho de design
Ao projetar para uma determinada marca, a escolha de uma fonte profissional adequada é uma tarefa crítica para qualquer designer, especialmente quando se considera que as licenças para algumas famílias de fontes podem ultrapassar US $ 1.000.
A escolha de uma família de fontes que inclua uma ampla variedade de gramaturas, larguras e até mesmo variações com serifa e sem serifa é uma ideia inteligente para muitos projetos. Isso dá aos designers muitas opções para qualquer projeto que possa atingir uma marca específica e até permite atualizações colaterais usando fontes 'diferentes' que não são tão diferentes (e, portanto, menos suscetíveis a incenso para consumidores e fiéis). Para a marca), como tem acontecido em muitos grandes redesenhos das principais marcas). Uma profunda família de fontes pode facilmente emparelhar-se e carregar uma variedade de personalidades.
Ao procurar uma fonte para emparelhar com uma biblioteca de tipos existente para uso mais geral em projetos, concentre-se na escolha de fontes com características semelhantes. Isso significa considerar todas as qualidades de letras maiúsculas e minúsculas, alturas x e geometria formal. Sites como Typewolf pode ser inestimável para encontrar fontes que combinem com as opções existentes já disponíveis (bem como excelentes alternativas para aqueles momentos em que um cliente diz que quer algo 'como' Helvetica, mas definitivamente não Helvética).
