Introdução à tipografia: fundamentos de design para iniciantes

1. 01 Introdução: Oi, todo mundo. Meu nome é Cassandra, e bem-vindos à Introdução à Tipografia. Estão nos vídeos da SYRIZA. Vamos discutir algumas definições básicas para começar. Então estamos todos na mesma página. Vou lhe dar um histórico de design de tipografia e a prensa de impressão, a anatomia de uma fonte e como escrever corretamente qualquer telefone no final. Vamos falar sobre o dimensionamento tecnológico adequado para impressão e web, as diferentes personalidades dos tipos de letra e como isso pode ajudá-lo a escolher vários telefones. E, finalmente, vamos colocar tudo isso em ação, vendo como escolher corretamente as fontes para emparelhar que você possa garantir que seus designs tenham boa aparência e legíveis. Toda essa informação será feita com muita ajuda visual. Então eu vou ser compartilhamento de tela para mostrar exemplos quando se trata de tipografia. Exemplos ser-lhe-ão muito úteis para que possam fazer referência ao que estou a falar. Ou então esses conceitos talvez muito abstratos. Eles vão ser alguns pequenos questionários ao longo do vídeo. Se você quiser testar seu conhecimento sobre o que acabou de aprender de outra forma, vamos entrar no curso e espero que você aprenda muito com esses vídeos 2. 02 por que a tipografia é importante: topografia é realmente uma coisa muito técnica, e muito mais do que apenas escolher telefones bonitos. tipografia deve orientar e formar os usuários e acredite ou não, é uma grande parte da excelente experiência do usuário. Uma boa tipografia deve ser amigável ao leitor e permitir que os leitores obtenham todas as informações de que precisam. Isso realmente pode funcionar tão bem que a maioria das pessoas nem percebe o telefone ou a configuração de fonte, que é exatamente o que você gostaria para facilitar a compreensão. Quando usada corretamente, tipografia pode transmitir um certo humor ou sentimento, o que também impõe sua marca. Os clientes associarão subliminarmente a fonte à sua marca, portanto, usar uma tipografia consistente e forte em toda a sua marca é importante para ajudar a se mover. O tipo de encaminhamento da marca também estabelece uma hierarquia de informações, que ajuda a orientar o leitor ou o cliente. Você pode fazê-los ver o que você quer que eles vejam e realmente influenciar suas decisões através da tipografia. Outro fator importante é que a tipografia é também uma grande parte para garantir que um produto, site ou peça de design de comunicação é acessível para todos os usuários. Pessoas idosas têm visão fraca. Etcetera deve ser capaz de ter a mesma experiência de leitura que todos os outros. 3. 03 Definições: vamos começar por repassar algumas definições básicas em termos que serão usados ao longo deste curso. Todos esses termos são usados por designers gráficos em uma base regular. Então, se você quiser se tornar um designer ou até mesmo apenas se comunicar com o designer com o qual você trabalha . Compreender esses termos será fundamental em uma nota muito básica. O que é tipografia exatamente? Tipografia é a técnica não são de arranjar um significado apertado e apertado. Letras e personagens, que às vezes também podem ser encaminhados para seus penhascos, observam que a tipografia é mais do que apenas o desenho de letras e caracteres, que seria o design de tipografia. O arranjo dessas letras e personagens colocou Justus Big de uma regra sobre distinção importante . Para fazer é a diferença entre um tipo de letra e uma fonte. Às vezes, as pessoas usam esses termos de forma intercambiável, mas eles têm uma definição muito definida. Um tipo de letra é um conjunto de símbolos e caracteres tipográficos. São as letras, números, pontuação e outros caracteres que nos permitem colocar palavras em um papel ou tela. Uma falha, por outro lado, é tradicionalmente definida como um conjunto de caracteres completo dentro de um rosto apertado, muitas vezes de um tamanho e estilo específicos. Fontes também podem ser específicas para o computador para também conter caracteres e vislumbre de um tipo de letra. Então, por exemplo, como você pode ver, toda uma família de telefones como Helvetica seria referida como um tipo de letra. Mas Helvetica luz, Helvetica regular ou Helvetica meio seria todos telefones individuais. Tenha em mente que um tipo de letra também pode às vezes você se referir como uma família de falhas e que os termos são intercambiáveis. Outra definição sutil, mas muito importante, é legibilidade versus legibilidade. legibilidade é uma função do design de tipografia. É uma medida de como é fácil reconhecer uma letra ou palavra de outra, e como blocos de texto são fáceis de ler. Isto está directamente relacionado com a forma como o tipo de letra que está a utilizar foi concebido para ser. Legibilidade é uma função de como os tipos de letra são usados. É sobre como o seu tipo é convidativo para ler e sobre como obter o dedo do pé do espectador Quer lê-lo . Isto será coberto Maurin a porção de configuração de fonte do curso. Mas essencialmente, como designer, eu gostaria de escolher um tipo que seja muito legível, como Helvetica, por exemplo, e eu escreveria e criaria um layout convidativo para torná-lo ainda mais legível para o leitor se eu fosse escolher o tipo de letra que já não é facilmente legível, como este difícil de ler, fonte escrita à mão que eu tenho na tela. Eu digitaria disse que seria um pouco mais legível, mas eu seria muito limitado no que eu poderia fazer para ajudar, já que o leitor ainda não é capaz de ler este já ilegível, Fond. Finalmente, vamos rever as fontes de Sarah Ifs e San Serif. Vamos discutir isso mais detalhadamente mais tarde, mas eu queria discutir o básico para você não ficar confuso. No próximo vídeo, dois dos principais tipos estrangeiros vamos falar sobre o nosso serif e sans serif. Eles são os dois tipos de fontes que a maioria dos designers usam na maioria das vezes eso, xaropes ou tipos de letra que têm pequenos, laje como pés nas extremidades dos personagens. E as tarifas de San obviamente não têm nenhuma. Então você pode ver no exemplo que a versão à esquerda é uma fonte serif, e a versão à direita é um Sancerre lutado. Esta distinção vai se tornar muito mais importante no final do curso. No geral, muito importante saber é um designer, mas só para o caso, você está confuso. Tudo se movendo para a frente. Estas são as definições básicas, e vamos aprofundar mais sobre isso mais tarde. 4. Imprensa de impressão 04: vamos mergulhar em um pouco de história sobre a imprensa. letra foram criados juntamente com a prensa de impressão, que era essencialmente um dispositivo que permitiu a produção em massa de materiais bonitos. Então, por exemplo, livros, panfletos, jornais, etc. Ninguém sabe se quem inventou a primeira impressão para nós, mas foi originalmente criado na China. algum momento durante o primeiro milênio, um D. Inicialmente, painéis de blocos impressos foram usados, mas isso foi rapidamente substituído por letras individuais que poderiam ser reutilizadas e movidas China. Eles originalmente usaram blocos de argila móveis, que eventualmente se tornaram blocos de madeira. Isso foi adotado na Alemanha por Johannes Gutenberg, que era Goldsmith, um inventor. A diferença integral era que a prensa de impressão da Gutenberg era capaz de usar blocos metálicos em vez dos blocos de madeira que eram usados na China. Metal Box permitiu que ele criasse blocos para que eles pudessem ser replicados usando o mesmo molde repetidamente. Goudenbour tornou-se o arquiteto da primeira letra preta. Pouco depois, outros começaram a se debruçar sobre a nova arte do design de tipografia. Uma história divertida. Eu gosto de dizer que geralmente paus de pessoas é uma história de por que nos referimos a letras como sendo maiúsculas ou minúsculas. Então, quando Typographer usa a prensa de impressão, eles tinham um conjunto de gavetas onde guardavam todos os seus blocos apertados. As letras maiúsculas eram sempre mantidas na gaveta maiúscula e o que era referido na época como muitos selos eram mantidos em minúsculas. Então é daí que vêm os termos. As pessoas às vezes gostam disso. Eu só pensei em compartilhar. 5. 05 Serifos: Vou rever as classificações dos tipos de letra. O design do tipo história da garganta passou por diferentes fases desde a prensa de impressão, e cada um poderia ser capturado por um período histórico. A maioria das fontes criadas hoje. Kim também referiu o estilo de um desses períodos. Então eu vou explicar as principais diferenças visuais entre eles. Vou começar com Sarah Typefaces. Então, o que é exatamente uma Sarah? Isto é algo que vai ser bastante referência. letra Eso serif são chamados Sarah ifs, que faz referência às pequenas linhas ou pés que estão ligados aos traços principais dos caracteres. Como você pode ver neste exemplo, este tipo de letra tem pés pequenos nas extremidades de seus traços, que eu circulei para você. Então, qualquer tipo de letra que tenha os pés é chamado de serif, então você pode ver que o S tem um telefone Serra ou ao redor do R tem uma Sarah. Se o olho tem um serif e assim o F. Existem vários estilos de Sarah ifs que foram criados história garganta. O 1º 1 que vamos cobrir é o mais antigo estilo de serif, que são literalmente chamados de estilo antigo de Sarah ifs e às vezes referidos como tarifas humanistas . As fontes datam de meados de 14 centenas e suas principais características comparadas com todas as outras Sarah que vamos discutir. Existe estresse diagonal? Significando que a parte mais fina das letras parece estar em um ângulo em vez vertical ou horizontal. Então, como você pode ver no exemplo na tela, eu desenhei linhas um pouco diagonais através de um par de letras para mostrar que eles são sempre tão ligeiramente inclinado e não perfeitamente vertical, como muitos outros Serifis criados mais tarde seria assim. Alguns exemplos de estilo antigo Sarah ifs são Adobe Jensen enviado ou Gara Monde, como você vê na tela, Kazel em e Goudy estilo antigo transição Sarah de estado de volta a meados 17 centenas e geralmente ainda são os rostos tipo mais comuns que usado hoje. Alguns exemplos são tempos New Roman Baskerville, Geórgia e Bookman. A diferença entre traços grossos e finos e tipos de letra de transição torna-se mais pronunciada do que os xaropes de estilo antigo, mas ainda é menos do que o da Sarah moderna, que vamos discutir no próximo slide. Você também pode ver que quando escadas de transição foram criadas. Eles têm um estresse vertical em vez de que o estresse ligeiramente diagonal que o velho estilo serve Had moderno Saref, como Dido, MBA Tony, têm um contraste muito mais pronunciado entre as linhas grossas e finas e também têm um estresse muito vertical. Então esses tipos de letra vieram à existência no final das 17 centenas, não muito tempo depois que Escaravelhos de transição diz. Você pode ver a correção e as afinações em Adoni, no exemplo, é extremamente exagerada. A correção é muito grossa e a fina zehr muito fina. Nosso grupo final de “Sarah ifs “é chamado de tarifas de lajes. Eles têm pouco ou nenhum contraste entre linhas grossas e finas e têm laje retangular grossa como serifis na parte inferior deles. Estes foram criados no início de 18 centenas. Algumas tarifas de tapas têm Sarah que têm ventos fixos, bem como, por isso cada Sarah é do mesmo tamanho. Apesar da largura da letra em si e lajes. Os árabes também são de transição para si e Sarah, sobre o qual vamos falar a seguir porque, como podem ver, o contraste entre as linhas grossas e finas quase desapareceu completamente nas batidas. Um serifa de laje 6. 06 Sans Serise: Continuando na história da garganta. Vamos discutir os diferentes tipos de Saref que foram criados. Os nomes San Serif dizem o que é. São tipos que carecem de xerifes. Eso as primeiras tarifas Sands foram criadas no início 18 centenas e geralmente teve uma aparência mais moderna do que Sarah ifs. Houve alguns estudos feitos sobre Sarah contra San Tariffs ao longo dos anos, e basicamente eles estão tentando descobrir qual deles é mais legível. Assim, alguns estudos têm mostrado que Sarah Ifs são inatamente mais legíveis, vez que os Serapis guiar seu olho de cuidado um personagem que para o próximo. Mas alguns estudos mostraram que as tarifas de San são tão comuns agora que são Justus legíveis como qualquer serif. Então, essencialmente, neste momento, não há uma resposta sobre se uma Sarah para Sand Saref é mais legível. Ambos são geralmente bastante legíveis. Para a maioria das pessoas, existem quatro classificações básicas de tipos de san serif. Os primeiros são grotescos, que incluem Fonz como Franklin Gothic e acidentes grotescos. Esses tipos de letra parecem mais semelhantes aos tipos de letra serif no sentido de que eles têm algumas diferenças leves em seus pesos de traçado. Há algumas áreas mais grossas e mais finas para os traços, e eles ainda estão seguindo estilos de letra serif, como o G maiúsculo com um esporão na parte inferior, que é aquela pequena e eles ainda estão seguindo estilos de letra serif, como o G maiúsculo com um esporão naparte inferior, que é aquela pequena seção do acidente vascular cerebral na parte inferior que sai que jatos para fora, ou a minúscula A não ser como um minúsculo moderno A, por exemplo. Mas as fontes do do ainda são geralmente bastante uniformes em seus traços. Eles só têm um pouco mais de um grosso e fino comparado com aqueles que vamos olhar em breve. teste de New Yorker incluem alguns dos tipos mais comuns usados hoje, como M. S enviou Saref, Aéreo, Helvetica e Universo. Eles são relativamente simples na aparência quando comparados aos grotescos que têm eles têm um peso muito uniforme. Como você pode ver aqui, não há realmente nenhuma diferença entre as áreas grossas e finas que esses tipos de letra tudo é bastante uniforme, e eles têm uma altura X ainda maior do que antes. Então, em neo-grotescos, aqui é realmente onde estamos completamente afastados de qualquer tipo de serif tipo humanista Sand Saref, como Gilson fruit. Ansioso Tahoma, Verdana Optima e Lucy dois mil são um pouco mais kala gráfico do que os outros tipos sans serif . Porque havia gráficos kala, há também mais legíveis, é por isso que eles são tão populares, especialmente para texto em sites. Alguns desses tipos de letra que eu mencionei foram até mesmo criados para Web especificamente como Tahoma e verdana, Como você pode ver neste exemplo, há mais variação em sua inteligência linha, que é parte de sua elegibilidade. O grupo final e mais moderno de tarifas de san são chamados de tarifas de frases geométricas. Como diz o nome, eles são baseados em formas geométricas. Por exemplo, estou usando Futura. Então, se você viu a letra O ou a letra A, eles parecem muito circulares. A letra a literalmente parece um círculo com uma linha anexada a ele. Como você pode ver na tela, o O literalmente se parece com um círculo. Portanto, esses tipos de letra geralmente não são usados para cópia de corpo e são usados principalmente para títulos . Eso a natureza geométrica destes tipos significa que cada personagem é extremamente variando em, por exemplo,G maiúsculo em comparação com por exemplo, um M em comparação com um chá ou um I seria muito diferente. Então, na palavra na tela, você pode ver que a largura da letra T é muito, muito fina em comparação com a largura da letra A, que é muito larga. Então, quando você vê que torna difícil de ler em tamanhos menores, é por isso que estes não são usados para cópia de corpo tanto porque os personagens com difere muito. 7. 07 scripts e exibição: nesta seção final sobre como classificar o tipo. Vamos discutir todos os outros estilos de tipo menos comumente usados, já que eles têm menos classificações. Então vamos começar com telefones de script. Existem scripts formais e casuais. Os roteiros formais são frequentemente baseados em formas manuscritas comuns nos séculos XVII e XVIII. Alguns scripts são baseados diretamente na caligrafia de uma pessoa famosa. Por exemplo, George Snell, como você vê na tela, Snell, Round Hand e George Bickham são alguns bons exemplos. Eles são desenhos tipográficos muito elegantes, mas eles são inadequados para cópia corporal e devem ser mantidos para títulos ou qualquer tipo de embelezamento em uma página. Os roteiros casuais se assemelham mais à escrita moderna e datam de meados do século XX. Eles são muito menos formais e geralmente têm traços mais fortes e um pincel mais parecido com aparência , como você pode ver no script pincel, por exemplo, Então alguns outros exemplos além de script Brush seria Mistral que é muito comum, roteiro casual telefonou mais uma vez. Scripts casuais também são inadequados para cópia corporal e devem ser mantidos dois títulos apenas no próximo, e o maior grupo é exibido tipografias. Então esta é uma categoria muito ampla para cobrir. Como você pode ver, eu tenho dois exemplos completamente diferentes na tela, então a principal característica dos tipos de exibição é que eles são inadequados para cópia corporal, e eles são melhor guardados para manchetes e outras cópias curtas que precisam de atenção atraídos por ele. Display tipografias condenam muito, e eles poderiam ser formais, informais e evocar qualquer tipo de humor. letra preta, de que falamos anteriormente quando falamos sobre a prensa de impressão, também é considerada uma fonte de exibição hoje. E este é provavelmente o grupo de tipos que você usará menos de todos os que falamos até agora, mesmo que existam tantos deles por aí. Se você fosse para fontes do Google, muitos deles seriam exibidos tipos de letra, mas eles podem Onley ser usados com muita moderação. Então, se você vai se concentrar em rostos apertados e aprender sobre eles, eu me concentraria em Sarah for a Sand Saref, porque eles são mais relevantes para sua vida cotidiana . A classificação final é de morcegos, e qualquer outro tipo de especialidade enfrenta. morcegos Eso Ding são bastante óbvios e diretos. Eles símbolos consistentes e ornamentos em vez de letras Wing Dings é provavelmente as fontes dingbat mais conhecidas. Em um sentido mais moderno, existem fontes de ícones que também cairiam nesta categoria de bat ding. 8. 08 pesos e espaçamento: entender como usar diferentes telefones dentro de um tipo de letra é um básico. Uma habilidade importante é um designer. Na maioria das fontes, você encontrará mais de um estilo ou espera. Os pesos são frequentemente classificados como finos, leves , regulares , médios , negrito, preto pesado etc. Existem muitas classificações de peso que podem ir todo o caminho de ultra fino para preto. Cada um desses pesos é uma versão do telefone anterior, feita mais grossa ou mais fina de alguma forma, o grau em que eles são feitos figura mais fina realmente depende do tipo de rosto, e não há nenhum tipo de padrão necessário que tipo de letra designers têm que se reunir a esse respeito. Então, por exemplo, minha fonte de espera normal pode ser um pouco mais leve ou um pouco mais ousada. Fino de outra pessoa normal esperou afeiçoado. fontes mais comuns e de alta qualidade vêm com vários pesos. Alguns exemplos são Helvetica, ferrovia Avenir ou areias abertas. Selecionar tipos de letra que têm vários pesos é muito benéfico por algumas razões, uma delas porque geralmente os tipos de letra que vêm em vários pesos são feitos por um tipógrafo qualificado , que garante que a sua culpa será de maior qualidade. Isso nem sempre se aplica, mas é algo para olhar para fora e escolher um tipo de letra com vários pesos pode ser uma maneira fácil de garantir que sua tipografia vai ficar bem em conjunto. Então, se eu escolher Helvetica regular e Helvetica ousada, eles foram feitos para trabalhar juntos. Então se torna um pouco sem cérebro. Diferentes estilos fora do estilo original do telefone é itálico e oblíquo, que muitas vezes são confundidos ou usados de forma intercambiável. Na verdade, existem dois estilos distintos. Um oblíquo é simplesmente uma versão inclinada dos personagens regulares, e às vezes um oblíquo é incluído como uma falha separada dentro de um rosto apertado. Metálicos são inclinados, assim como oblíquos, mas são na verdade um conjunto separado de caracteres com suas próprias formas de letra únicas. Um tipógrafo desenha formas de letras em itálico separadamente do resto dos tipos de letra. Estes dois muitas vezes se confundem por causa da linguagem usada em softwares comuns de edição de texto, como o Microsoft Word. Por exemplo, se eu selecionar aérea regular como meu telefone e então eu pressionar o botão I para itálico em qualquer tipo de editor de texto, isso é apenas o computador inclinando matematicamente o tipo, que é na verdade um oblíquo e não um metálico. Para obter um verdadeiro pensamento em itálico, o tipo de letra teria que vir com uma versão em itálico que você pode selecionar fisicamente no menu suspenso. Agora vamos discutir a diferença entre todas as maiúsculas e minúsculas. Em primeiro lugar, o que são pequenas tampas? A maioria das pessoas não viu bonés pequenos. Eles veem as minúsculas geradas por um navegador da Web ou um rial de processador de texto. Pequenos bonés são um feito separadamente lutado pelo tipógrafo, uma situação semelhante ao itálico. Muitas vezes, as fontes de capas pequenas até precisam ser compradas separadamente do resto do tipo. maiúsculas pequenas são essencialmente letras maiúsculas curtas que foram projetadas para se misturar com as letras minúsculas. Eles são geralmente o mesmo ou um pouco mais alto do que a altura X das outras letras minúsculas . Se você estiver indo para usar tampas pequenas, certifique-se de usar o telefone separado com tampas pequenas. E não tenha apenas seu processador de texto dimensionado regularmente todas as maiúsculas porque as maiúsculas dos telefones estão sendo dimensionadas. Eso resulta nas falsas pequenas tampas sendo muito altas e seus traços verticais sendo muito leves. Como você pode ver, toda tela, todas as maiúsculas e minúsculas têm um certo tipo de escala para eles se eu fosse pegar a versão superior , que está em todas as maiúsculas, e dimensioná-lo para baixo para ser pequenas tampas, Tudo o que está fazendo é pegar todas essas tampas e esmagá-las para serem mais curtas. E parece esmagado e designers comptel que eles não são tampas pequenas. A área final sobre a qual vamos falar neste vídeo é o espaçamento, então há dois tipos de espaçamento para as fontes. Proporcional ou mono espaçado. Proporcional significa que o espaço que o personagem ocupa é dependente do natural. Com do personagem, ni ocupa menos espaço do que um M. Por exemplo, faces tipo de espaço mano são o oposto completo. Cada personagem ocupa a mesma quantidade de espaço. Caracteres estreitos simplesmente obter um pouco mais de espaçamento em torno deles para compensar a diferença. Em com um bom exemplo de tipo de espaço modelo que algumas pessoas podem se lembrar é uma máquina de escrever. Uma máquina de escrever usa pequenos blocos de metal para cada personagem. Cada bloco era o mesmo com, e assim cada caractere é matematicamente espaçado em vez de opticamente espaçado. fontes proporcionais, espaçadas opticamente, são inatamente mais legíveis do que suas contrapartes espaçadas pelo monitor. Então, quando você está definindo o tipo, vá para o espaçamento proporcional, não vá para o espaçamento matemático 9. Anatomia de 9: tipografias têm anatomia como o corpo humano. Neste vídeo, vamos rever todos os termos para as diferentes partes dos formulários de carta. Se você está olhando para se tornar um designer ou melhorar suas habilidades de tipografia, ar, não termos, você vai usar verbalmente que muitas vezes. Mas eles são termos que você pensará ao escolher e analisar tipos de letra. Então vamos entrar nisso. A linha de base. É a linha invisível em que todas as letras se sentam como iguais. Veja todas as partes principais das letras sentar-se ao longo da mesma linha, a fim de manter o texto reto e fácil de ler. boné. É a distância da linha de base ao topo de qualquer letra maiúscula. Todas as letras maiúsculas devem ter a mesma altura da tampa dentro de um tipo de letra, mas a altura da tampa será diferente de tipo para letra. Alguns têm uma altura de tampa maior do que outros, o que não é nem bom nem ruim, apenas algo para estar ciente. A altura X está localizada em algum lugar entre a linha de base e o tubo do gato. Refere-se à altura de todas as letras minúsculas, como o tubo gato que excitar dentro de uma fonte deve ser consistente, mas varia de tipo detectar face Sarah ifs, que já discutimos. Existem pequenas projeções ou pés terminando os traços de letras em certos tipos de faces? Dis enders referem-se à parte da letra que fica abaixo da linha de base. Por exemplo, um minúsculo. Porque é que o G J trabalha contigo. Por outro lado, um remetente referem-se às partes de letras que estão cheias acima da altura do telefone X. Isso não se aplica a maiúsculas, que caem inatamente acima da altura X. Isso se refere apenas a letras minúsculas como B, D, H ou L ligaduras são os traços que unem letras adjacentes. Por exemplo, Um esforço e L. A poderiam ser combinados para se tornar um glifo. Isso foi usado nos dias da prensa de impressão para economizar espaço e materiais. papel era caro na época, e tornava a vida de todos mais fácil usar formas de letra combinadas onde podiam, em vez de serem individuais. Hoje, muitos telefones e não incluem ligaduras, mas alguns ainda fazem. É um retrocesso ao antigo estilo Sarah Ifs e à imprensa. O stent é o traço vertical reto que aparece em muitas letras diferentes, incluindo letras como minúsculas L ou H, como você vê na tela, tente se lembrar disso pensando no caule de uma flor. O braço é um traçado horizontal ou de dia ou diagonal que é anexado apenas a uma extremidade da forma da letra. Por exemplo, a parte superior desta letra maiúscula E a barra, ou às vezes chamada através da barra, é o traçado horizontal em caracteres como uma maiúscula, ou H ou uma minúscula E ou F Ah, tigela é a curva parte do caractere que encerra as partes circulares ou curvas de algumas letras como minúsculas e maiúsculas d ser Oro. O contador é o espaço vazio dentro da tigela em letras como D. B O ou A A espinha em Lee refere-se a uma letra, e que é a porção curva do corpo da letra s. Nenhuma outra letra tem uma forma que remotamente se assemelha a uma coluna vertebral. Portanto, este termo é Onley referente à letra s Se isso é minúscula ou maiúscula , Finney, ALS ou terminais são as extremidades cônicas de letras sem xerife, como E, C, F, ou J, uma letra que poderia ser muito diferente e tem um monte de vez especificamente para ele é a letra G em. Aqui está o pequeno golpe que projeta a partir do topo de algum queijo minúsculo. Nem todos os queijos minúsculos têm isso. Um link é o traçado que conecta a parte superior e inferior de alguns G minúsculos. Como você pode ver no exemplo, mais uma vez, nem todos os casos G menores têm o que é chamado de link. Todas minúsculas. Jesus, tem um loop, e o loop é esta parte inferior do G. minúsculo Se é um G mais moderno, essa curva ainda é o loop do G. O esporão, como nós realmente mencionamos em um vídeo anterior, é a projeção fora do traço principal de um G maiúsculo, e este Onley faz referência a um G. maiúsculo Nenhuma outra letra tem um estímulo, pelo menos no sistema de letras romanas. O ombro é o curso de curva no topo de um H, M ou N, e finalmente, um conto é o er descendente de um Q ou o traço diagonal de um R. Eu sei que isso era muita informação, e não é algo que você tem que memorizar completamente, mas é algo que eu peço que você olhe e perceba sobre formulários de carta. Quando você olha um polegar, há muitos sites lá fora que vão ajudá-lo a aprender a anatomia dos tipos de letra. Por isso, se quiserem aprofundar esta questão, peço-vos que o façam. É apenas algo que você tem que entender. Então, quando estamos falando sobre formulários de letras mais tarde e como emparelhá-los e eu começar a referenciar anatomia ou algo assim, só para você saber do que estou falando? 10. 10 líder: esses vídeos iriam obter mais em aplicação da tipografia a partir de agora. Sei que os outros vídeos eram muita informação. Espero que não tenha sido muito esmagador. Mas a tipografia é uma daquelas coisas que você pode passar anos aprendendo e ainda não ser um especialista. Vamos entrar no tópico deste vídeo. Leading deixando refere-se à distância entre duas linhas graves do tipo, assim como você pode ver o exemplo da parte inferior da segunda linha, inferior dentada da primeira linha, que é o espaço estava se referindo, e todos os números de que falamos vão ser referidos para o número de pontos entre essas duas linhas. Então, se eu medido a partir da linha de base de uma linha dois de texto para a linha de base do abaixo dele, essa medida é exatamente deixar. Também pode ser referido como altura da linha. Se você está familiarizado com codificação ou desenvolvimento, os dois são exatamente a mesma coisa. A palavra líder se origina de tiras de chumbo que os setters tipo manual usavam na prensa de impressão para espaçar linhas de texto uniformemente sete entre cada linha de blocos de madeira ou metal. Haveria uma tira de led. Então é por isso que usamos o termo “deixar”. E é também por isso que está programando. Usamos o termo altura da linha, que é um pouco mais moderno, então a agitação, a verdade ficou presa e basicamente refere-se ao espaçamento da linha ou altura da linha. No entanto, você quer se referir a ele. Então, como você determina quanto levar a usar? Há uma vaga fórmula matemática, que depende do tamanho do seu telefone. Então, se você estiver tentando descobrir a entrelinha para um parágrafo de texto em que o texto é de 16 pontos, por exemplo, você deseja que sua deixar seja no mínimo dois pontos maior do que o tamanho da fonte. Então, neste exemplo, isso significa que se sua cópia corporal é 16 pontos do que você está deixando, deve ser pelo menos 18 pontos. Você está espaçamento será muito baseado na fonte que você está usando, alguns apenas inatamente têm mais ou menos espaço embutido neles. Ah, alcance geral que eu gosto de usar é adicionar 2 a 4 pontos, dependendo do que parece certo, que significa que neste exemplo, você está deixando poderia estar em qualquer lugar de 18 pontos para 20 pontos. Assim, à medida que você contém os exemplos, deixar é muito importante para a forma como você lê, você pode ver a primeira opção. A liderança é muito apertada na segunda opção. No meio, a aprendizagem é extremamente espaçada e à direita. A liderança é apenas direita essencialmente, e o da direita é mais fácil de ler do que os outros dois, porque você pode facilmente ir de linha em linha e encontrar a sua próxima linha e não re ler a mesma linha ou ficar confuso de qualquer maneira. 11. Rastreamento 11: rastreamento é o nosso próximo tópico de conversa. Rastreamento refere-se ao espaço entre caracteres individuais dentro de um grupo mais amplo de caracteres. Eso alterar o rastreamento afeta sua densidade geral de caracteres do texto. Então, quando você define o rastreamento em um programa como Sketch Fig MMA, qualquer programa adobe, que seja, usando sua configuração, um espaçamento de caracteres que se aplica a todos os caracteres desse grupo. Então isso pode ser, em uma palavra, uma linha de texto, um parágrafo ou qualquer parte mais ampla do texto. Pode estar em todo um documento. Se você estiver familiarizado com a codificação, rastreamento é referido como espaçamento entre letras ou espaçamento de palavras em CSS, portanto, esses são sinônimos. Ajustar o rastreamento pode melhorar a re a capacidade de tipo, mas também pode ser usado na impressão projetada para fazer linhas de texto. Olhe. Mesmo assim, se eu estou projetando, digamos uma revista ou livro e meu texto está olhando, mesmo talvez eu tenha algumas linhas de texto que vão para a outra página, e isso não parece bom. Eu poderia rastrear linhas anteriores de texto para talvez um pouco mais apertadas para que eu pudesse encaixar essa linha de texto de volta com o resto do parágrafo, por exemplo, para que cada tipo de letra venha com uma quantidade diferente de espaçamento de letras embutido nele. Então, às vezes, você pode não precisar usar rastreá-lo. Todos os telefones. espaçamento entre letras pode ser suficiente, mas para alguns você pode ter que reduzir ou aumentar o rastreamento até que um texto não esteja muito apertado ou muito espaçado. Como você pode ver no exemplo, o da esquerda é muito apertado. As formas de carta são muito próximas no meio. Eles estão muito espaçados para o ponto em que o eu não posso sequer conectar uma letra para a próxima letra para colocar uma palavra juntos facilmente e, em seguida, na extrema direita. Este exemplo é bom. Há um pouco de espaço entre as letras, mas não muito que elas não pareçam mais relacionadas umas com as outras. 12. Kerning 12 Kerning: Nosso próximo tópico é Kern Ing, que é muito semelhante ao rastreamento, uma vez que se refere ao espaço entre letras. Mas ele se refere ao espaço entre caracteres individuais, e quando você altera esse espaçamento, ele também acontece em uma base individual, não em todos os lados, como acontece com o rastreamento. A maioria dos vínculos tem padrões, baseando-se em caracteres individuais para que o espaçamento pareça mais natural. Mas isso é algo que ainda é feito matematicamente por um computador. Os seres humanos visualizam o espaço opticamente, não matematicamente, então ainda cabe ao designer criar texto datilografado para que pareça uniformemente espaçado em vez ser na verdade igualmente espaçado. Virar não é algo que você faz com grandes corpos de texto. Eu nunca atualizaria um parágrafo inteiro. Eu só usaria rastreamento ou deixar em um grande corpo de texto. Kern ing é algo que geralmente é limitado a títulos e manchetes. Quando estamos girando todas as maiúsculas, você quer ter certeza de que você coloca muito mais espaço entre as letras. Uma vez que todas as formas de letra cap parecem mais próximas umas das outras do que as formas de letras minúsculas, girar é algo que também não é esperado no design digital, uma vez que seria muito difícil para os desenvolvedores para atuar corretamente, se em tudo. Não há nenhum comando CSS para Koerting desde espaçamento de letras em CSS realmente se refere a grupos de texto, que significa que ele está rastreando e ganhando batidas. Então, girar é algo que está aderindo principalmente ao mundo da impressão e do design gráfico tradicional . Assim, no exemplo, na tela, você pode ver no lado esquerdo o Kern ing é desigual, como o espaço entre o K e o E é muito diferente entre o E e o R, e ou no final e assim por diante e assim por diante. Esta base não é opticamente mesmo. Ah, e depois à direita, você pode ver que o espaçamento é mais ou menos opticamente, mesmo o que torna mais fácil de ler. Você não fica preso nas diferenças entre o espaçamento e você apenas lê o texto muito facilmente. 13. 13 Paragraphs: Há muitos detalhes, como ir para a configuração de fonte e vamos cobrir todos os mais comuns que você provavelmente encontrará. Se você está familiarizado com a tipografia em tudo, que eu tenho certeza que alguns deles virão como uma surpresa para você. Vamos começar com viúvas e órfãos. Designers têm um senso de humor mórbido quando se trata desses nomes. By the way, uma viúva é uma palavra de empréstimo que aparece na parte inferior dos parágrafos. Uma coluna ou página, Como você pode ver no exemplo Avigen Z. Algo sobre isso se sente um pouco estranho, e você quer evitá-lo, tanto quanto possível no design do aplicativo do tempo. É algo que você não pode controlar muito facilmente. O texto cairá com base em como as caixas de texto definidas pelo desenvolvedor, e cada situação nunca será contabilizada. Então não enfatize as coisas pequenas nessa situação. Mas no design de impressão, você pode corrigir manualmente isso ajustando o rastreamento da linha ou linhas acima da viúva. Ou você pode forçar uma palavra da linha anterior para que a viúva não esteja mais sozinha. Um órfão é um retardatário indesejado semelhante, mas descreve palavras que aparecem na parte superior da página. Como você pode ver no exemplo, a palavra ou grupo de palavras foi separado do resto da coluna e também cria uma maneira quebrada e estranha de ler. Mais uma vez, isso é algo que o designer consertaria manualmente rastreando as linhas de texto anteriores para talvez tentar encaixar essa palavra ou algumas palavras de volta em sua coluna anterior, ou trazer algumas linhas. Um texto do resto da coluna Os parágrafos continuam na outra página ou coluna devem ter pelo menos duas ou três linhas de texto nessa página para que eles estejam confortavelmente corretos. Então, nesta situação, há uma linha de texto na coluna, então eu pegaria as duas últimas linhas de texto da outra coluna à esquerda e as levaria para a coluna à direita para que não houvesse aquele retardatário desse lado ou algo que a maioria das pessoas não entendem tecnicamente certo. Vejo que as pessoas usam traços e incorretamente o tempo todo, então há três tipos de traços, hífens e traços e traços em. Hífens são os mais curtos dos três traços e os que são mais comumente usados, uma vez eles estão diretamente no seu teclado hífens ar usado em extremidades de linha ou em palavras hifenizadas como estado da arte. Você também pode ver os hífens usados neste exemplo há hífens no final de todas essas palavras, que são cortadas devido à caixa de texto com. Quando as palavras são cortadas e ficam hifenizadas e parágrafos, você tem que se certificar de que palavras suficientes são deixadas para trás e levadas para a próxima linha , a fim de garantir que a palavra pode ser reconhecida, ou pelo menos para que o leitor possa reconhecer que a palavra está sendo cortada. Então, por exemplo, finalmente, se você está avançando está finalmente deixando F I traço, e então agora Lee para a próxima linha é convencionalmente aceitável como uma hifenização de linha. E mas o traço final em Por que não é porque leva muito pouco da palavra à frente para a próxima linha final poderia ser uma palavra em si mesmo, e não necessariamente indica ao leitor que há mais para a palavra porque final é um completo palavra. Mas F I claramente não é uma palavra completa, e nem Nalley é, então o leitor iria pegar no fato de que essas palavras ou hifenizado e que algo está faltando. Você também quer se certificar de evitar mais de três linhas hifenizadas consecutivas em um parágrafo, porque ele quebra a cadência da leitura quando há muitos hífens seguidos. Então, como você pode ver nesses exemplos, há quatro hífens seguidos no lado esquerdo. Isso é demais. O da direita tem três em todo o parágrafo. Não tem três seguidas, então isso é tecnicamente mais aceitável do que o da esquerda. Vamos falar sobre os outros tipos de traços. Então, alternativamente, um traço en é mais largo que um hífen, e um traço en é ainda mais branco do que um traço en. O nome e traço refere-se ao traço sendo tão largo quanto a letra n na fonte net e o traço em ser é por que a letra termina nesse telefone? Um traço en é usado para representar um intervalo ou intervalo de números datas para o tempo, enquanto um final Ashkan substituir vírgulas, parênteses ou mundo de corrida de Coghlan que a maioria das pessoas não segue quando se trata de todos esses traços é que todos os traços realmente não deve ter espaço em torno deles. Como devem ter notado nos exemplos que mostrei até agora, não há espaços ao redor de nenhum deles. Então, se eu escrevesse uma data e fosse 28 de maio a 30 de maio, não haveria espaço ao redor daquele traço. Muitas vezes vejo espaços ao redor do painel, o que é tecnicamente incorreto. Certo, estabelecendo aberturas. Dois parágrafos também é algo que muitas pessoas não entendem completamente. O que quer que tenha aprendido na escola pode estar errado. Assim, na configuração de tipo clássico, um parágrafo em Dent e um espaço entre parágrafos marcam uma pausa, separando o parágrafo daquele que o precede. Então, em indiano e espaço funcionalmente significam a mesma coisa e nunca devem ser usados juntos. Se o parágrafo for precedido por um título de algum tipo, esse primeiro parágrafo não deve ter uma dívida. Uma vez que o início do parágrafo já é evidenciado pelo título agora que você sabe disso. Se você olhar para a maioria das revistas ou jornais, você verá que isso é realmente como a maioria das peças impressas ou tipos que, mesmo que você não estivesse fazendo isso antes, não importa se você escolher um índio ou uma quebra de linha para separar seu parágrafos. Depende de você, e depende da situação. Você só tem que escolher um em sites. As quebras de linha tornaram-se mais populares, mas é realmente o que funciona melhor para você. O alinhamento de texto nem sempre é um problema para a maioria das pessoas. Existem apenas algumas opções para você escolher. Como você provavelmente viu em seu processador de texto. Há um ótimo alinhado à esquerda, alinhado, centralizado e justificado apenas para dar um exemplo no caso de alguém não ter certeza do que estou falando, direito Alinhar Texto significa que a linha de texto começa tudo à direita de sua página ou caixa de texto, e o lado esquerdo do texto tem bordas irregulares, como você pode ver em todos esses exemplos. Então, quando a borda não é perfeitamente reta, como não é justificada, isso é referido como irregular. Assim, por exemplo, alinhado à esquerda, irregular, direita também é um termo que os designers às vezes usam justificar. Isso significa que não há bordas irregulares em seu texto, todas as linhas de texto para que ele se alinhe no lado direito e esquerdo, o que soa ótimo, mas na verdade não é tão fácil de retirar corretamente. Então, primeiro de tudo, sua última linha de texto pode não atingir o comprimento da caixa de texto do livro didático em seu texto justificar , então sua última linha de texto em um parágrafo justificado pode acabar sendo alinhada à direita, centrada ou à esquerda . Mas a principal questão com texto justificado é que a justificação cria rios, que são essas lacunas que você vê entre palavras e letras na tela. Estes rios tornam extremamente difícil para as pessoas lerem o texto e são um absolutamente não e tipografia. Isso não significa que você nunca pode justificar o texto, mas se você quiser justificar seu texto, você vai ter que colocar no trabalho atual e rastrear todo o corpo de texto para remover esses rios. É um pouco de trabalho, e se você não está aberto a fazê-lo, então eu aconselho você a simplesmente não justificar o seu têxtil e o detalhe final que muitas vezes passa despercebido é que existem diferentes tipos de aspas, citações de máquinas de escrever e citações tipográficas. As citações da máquina de escrever são as que estão no topo neste exemplo, e as aspas tipográficas são as que estão na parte inferior. Idiomas diferentes também usam diferentes tipos de cotação e têm regras diferentes em torno citações. Mas aqui vou me concentrar nas regras para o inglês. Na maioria dos telefones, as aspas padrão são aspas de máquina de escrever, que são essas aspas retas que você vê na tela. Eles são introduzidos para ocupar menos espaço no teclado de máquinas de escrever. Estes ar tecnicamente, não as cotações que você deseja usar, mas a maioria, se não todas, fontes também vêm com aspas tipográficas lá glifo conjunto. E se o seu software permite que você entre neste penhasco, você pode ativar uma máquina de escrever aspas em suas configurações gerais, a fim de torná-lo automaticamente disponível. uso de citações tipográficas dá ao seu texto mais refinamento, mas realmente não altera sua capacidade de obter seu ponto em qualquer coisa que você escolher usar. O mais importante é que você use o mesmo tipo de aspas em todo o seu design porque a única coisa que seria pior do que aspas de máquina de escrever seria inconsistente. Cotação 14. Comprimento de linha: para cada comprimento de linha que havia era considerado uma medida confortável para o olho humano ler. A medida de que estamos falando refere-se ao número de caracteres em uma linha de texto, que inclui não apenas letras, mas também espaços e pontuação. Então, para uma única coluna impressa ou em uma área de trabalho, , você quer ficar entre 45 a 75 caracteres em uma única linha de texto. Você não quer ir abaixo de 45 ou acima de 75 ou nós. A capacidade do leitor de ler torna-se dificultada, o que discutirá mais tarde. O número ideal de caracteres em uma linha foi realmente encontrado para ser 66. Essa é a medida em que os humanos lêem melhor. Mas eu não espero que ninguém tente se certificar de que todas as suas linhas de texto têm 66 caracteres nelas. Isso é quase impossível de fazer, e não é importante o suficiente para tentar fazê-lo. Se você quiser ser mais ideal sobre o seu personagem, contar com um objetivo mais realista para mirar seria entre 50 e 65 caracteres. Quando você está lendo linhas de texto em um dispositivo móvel como um telefone. A medida que você deve estar mirando para mudanças devido ao fato de que a tela é um tamanho muito menor e o texto também é ampliado para ser mais legível naquela tela pequena. Portanto, a medida que você deseja apontar no telefone é de 30 a 40 caracteres por linha. Se você é linha de texto é muito longo, em seguida, os olhos do leitor terá um tempo difícil se concentrar no texto. Isso ocorre porque a linha como torna difícil medir se a linha começa e termina. Também torna mais difícil continuar para a linha correta em grandes blocos de texto. Tenho certeza que alguns de vocês releram acidentalmente a mesma linha duas vezes, ou talvez pularam uma linha ao ler. Eu sei que já fiz isso. Isso é porque a medida para o que você estava lendo era muito longa. A culpa não é tua. Foi apenas digitação imprópria. Por outro lado, se a sua linha é muito curta que eu vou ter que viajar de volta, muitas vezes quebrando as linhas de ritmo leitores são muito curtas pode colocar estresse sobre o leitor, fazendo-os começar a próxima linha antes de terminar o atual e potencialmente faltando palavras importantes e não realmente entendendo o conteúdo 15. Dimensionamento de texto: dimensionamento tecnológico é uma questão muito grande para muitos dos meus alunos e pessoas que começam com tipografia em geral. Então eu vou te dar algumas regras muito fáceis de seguir. Eu vou dividir isso em regras separadas para Web no tipo de impressão porque eles são bem diferentes. Vamos começar com o dimensionamento técnico da Web. Então, para a cópia do corpo. Observe também o texto do parágrafo. Você quer manter seu texto entre 12 pontos e 17 pontos. Os tamanhos tecnológicos mais comuns nessa faixa são 14 pontos e 16 pontos, que eu acho que são usados esmagadoramente mawr do que outros tamanhos nessa faixa. Mas tecnicamente, qualquer coisa nessa faixa não é muito grande ou muito pequeno. Eles devem funcionar bem para pessoas que não têm visão perfeita. padrões de acessibilidade recomendam 16 pontos como tamanho da cópia do corpo, mas também depende de quem é o seu público. Se o seu site ou produto é para um público idoso, eu recomendaria 16 ou 17 pontos. Mas se não for esse o caso, você pode escolher. No entanto, você vê o ajuste para usar qualquer um dos tipos de letra e tamanhos de texto. Dentro desse intervalo, texto grande ou texto de título é considerado 18 pontos ou mais. Não há realmente um padrão ou um limite para o que seu texto pode ser. Como título, é muito dependente do design e do visual que você está procurando. Também depende de qual é o texto do parágrafo. Por exemplo, se você usar texto de parágrafo de 17 pontos, um cabeçalho de 18 pontos não oferecerá diferença suficiente entre os dois. Mas estatisticamente, o texto de cabeçalho mais comum é de 24 a 26 pontos. No entanto, como eu disse, isso é apenas uma estatística. Não deixe que isso o limite, e isso realmente depende do que você projetar para o dimensionamento da tecnologia de impressão. É um pouco diferente. O tamanho do Prince é realmente muito menor do que o tamanho da Web. Assim, para impressão, dependendo do tipo enfrentado, sua cópia corporal provavelmente cairia entre nove e 12 pontos de um tipo com uma altura X. Como muitos árabes de Sant parecem maiores e, portanto, podem ser usados em tamanhos menores. Então, por exemplo, se eu estivesse usando Helvetica, eu provavelmente faria o texto nove pontos talvez 10 pontos no máximo. Mas se fosse CASS sozinho, eu faria 11 ou 12 pontos porque as formas de letra parecem muito menores, especialmente em minúsculas como você pode ver no exemplo na tela, em alguns casos você pode ir um pouco menor para cópia do corpo como em cartões de visita. Por exemplo, texto pode ir um menor sete ou oito pontos em um cartão de visita e a impressão de texto do título também é comparativa, assim como a Web, então algumas legendas podem ter 16 pontos e títulos podem ser 20 pontos, mas isso realmente depende do intervalo de textos que você usou para sua cópia corporal e legendas. 16. 16 papéis e personalidades: neste vídeo, vamos discutir os diferentes papéis que digitam biógrafos em 10 tipos de letra para jogar, bem como as diferentes personalidades que eles podem ter com alguns exemplos. Quando estou falando de regras, quero dizer que algumas fontes são feitas com intenções de serem usadas de uma certa maneira. Por exemplo, algumas faces de texto foram destinadas a ser usadas apenas para texto de cabeçalho e não foram destinadas a ser usadas para cópia de corpo. Às vezes isso é muito claro, como já falamos com roteiros e telefones de exibição. Esses são muito difíceis de ler seu texto de parágrafo, mas às vezes é um pouco mais sutil em que eu vou trazer alguns exemplos de telefones que foram feitos para ser texto de cabeçalho. Um que faz mais sentido é o bebê nós. É um telefone muito ousado, e só está disponível em maiúsculas, então é meio óbvio por que isso não funcionaria bem. Para texto de parágrafo, vamos tentar um exemplo mais sutil. Futuro recurso acima é um san serif geométrico, que foi discutido anteriormente no curso, e como eu disse anteriormente, geométricos são geralmente limitados ao texto do cabeçalho a largura de cada um dos caracteres em Futura é longe muito diferente, tornando-o não tão ideal para ler sua cópia corporal como alguns outros telefones. Não significa que o futuro seria a sua escolha, mas não seria a melhor escolha para cópia corporal. Agora vou mostrar-vos um exemplo ainda mais sutil. Railway, o designer da Ferrovia, na verdade, afirma em sua descrição que ele pretendia fosse usado para títulos e uso de texto grande. Mas parece um tipo de letra bem comum. Não é demasiado geométrico. As cartas não têm inteligência louca e variada, é por isso que, se alguém usasse isso, sua cópia corporal, eu não ficaria surpreso ou chateado. Provavelmente funcionaria muito bem, Mas certos caracteres no telefone são ligeiramente incomuns, como o k itálico, o W e como os números caem na linha de base. Como você pode ver abaixo do título aqui, tudo isso em seu corpo não seria um grande negócio, mas esses pequenos detalhes, mas esses pequenos detalhes, ou o que significava que a ferrovia era destinado a ser texto de cabeçalho. Agora vamos entrar em personalidades de culpa. As possibilidades são infinitas com fontes que você pode escolher para se adequar à aparência do site ou produto da sua marca. Vamos passar por alguns exemplos, e vamos descrever suas personalidades ao longo do caminho. Para um primeiro exemplo, Serifos Modernos gostam de Massa ou Bertoni, têm uma personalidade muito elevada, sofisticada e luxuosa. Eles são perfeitos para uma marca que é muito cara ou vende produtos de luxo. Como você pode ver, Harper's Bazaar está escrito em, mas em Dido, e assim é Vogue, ou pelo menos alguma variação de Dido, e ambos são marcas muito elevadas. Castle On também é um surf em, mas tem um pouco de uma personalidade diferente. É muito clássico e sério. É algo que você usaria até parecer sério, corporativo confiável, algo em que talvez escrevesse um documento importante. Como você pode ver, um monte de livros são escritos em Castelo em nosso próximo exemplo é Most Era, que é um saque de areia muito amigável e casual. Você pode usá-lo em um blob ou algo onde você quer que sua marca pareça muito acessível no moderno, assim como você pode ver no site aqui. É um site muito moderno, muito mínimo, e Monserrat dá-lhe um pouco de personalidade divertida. Então, quando você está pensando em como escolher um telefone para o seu negócio ou para o negócio do seu cliente . Pense na personalidade do próprio negócio. O que significa o negócio? O que eles querem que as pessoas pensem deles? Que situação será usada em O que seu público está acostumado e o que eles são atraídos? Perguntando-se Todas essas perguntas irão ajudá-lo a escolher a personalidade da fonte que você deseja. E uma vez que você entenda o que é essa personalidade, não significa que haverá em Lee um tipo de letra que se encaixe na conta. Pode haver muitas fontes que combinam com essa personalidade, e isso é perfeitamente OK. Não há uma resposta certa. 17. 17 Hierarchy: hierarquia é um grande negócio na tipografia. Você pode definir seu texto perfeitamente e escolher telefones incríveis que ficam ótimos juntos. Mas se não houver hierarquia em seu layout do que tudo vai para baixo, hierarquia tipográfica pode ser usada. De muitas maneiras, isso realmente depende do que exatamente você está projetando, mas geralmente é recomendado que você tenha três níveis de hierarquia. Então isso significa um nível primário, como um cabeçalho, um nível secundário como um subcabeçalho e um nível terciário, que seria a sua cópia corporal. Nem sempre tem que funcionar exatamente como eu disse, mas isso é muito comum, mas isso é muito comum, combinação hierárquica. Você sempre pode procurar formatos de publicação tradicionais, como jornais e revistas, para obter bons exemplos de hierarquia visual. Vou mostrar-vos alguns exemplos aqui. Você pode ver que as fontes são combinadas de uma forma que separa visualmente os diferentes elementos textuais, e este tem muitos elementos textuais diferentes. Isto poderia ser alcançado de uma infinidade de maneiras. Um simples é o tamanho da fonte. Obviamente, tamanho caído é um claro, tendo um cabeçalho maior, subcabeça menor e cópia de corpo ainda menor cria hierarquia clara. Outras formas são o peso das fontes. Talvez um pedregulho tenha lutado pelo título, e o espaçamento entre cada seção do texto possa contribuir para a forma como devo navegar na página. Você pode ver nesses exemplos, que são impressos e digitais. A hierarquia é muito forte e tem sido alcançada de maneiras diferentes. O da esquerda está usando uma enorme variação no tamanho do texto. O exemplo no meio é usar o tamanho também, mas não no mesmo grau é o da esquerda. Ah, e também está usando ousadia, e o da direita está usando principalmente cor para criar hierarquia, bem como algumas diferenças de tamanho . Idealmente, você deseja que sua hierarquia reflita como deseja que o usuário leia o texto com. A maior ênfase deve ser a primeira coisa que você deseja que seu usuário leia. 18. 18 como comparar fontes: eles são várias coisas a considerar ao emparelhar tipos de letra, e vamos percorrer esta lista com exemplos. Um. Escolha tipos de letra complementares como falamos em um vídeo anterior. letra têm humores e personalidades distintas. Você quer ter certeza de que o humor de suas escolhas de tipo corresponde ao propósito de seu design . Por exemplo, um rosto arredondado e apertado pode ser apropriado para o convite de festa de aniversário de uma criança, mas não para o seu boletim de negócios. Como você pode ver aqui, aqui está um exemplo de tipo que combina com o humor do que eles estão projetando para o seu muito moderno. É um pouco robusto de certa forma, e você pode ver que os dois tipos de letra que eles usaram refletem que considerar o contexto onde seu design vai aparecer deve ajudá-lo a determinar os tipos de letra que funcionarão juntos para o seu projeto. Ambos devem ser relevantes para o contexto do seu design e devem ser datilografados de uma forma que faça sentido para a situação. Por exemplo, texto em um outdoor e texto em uma revista são duas situações muito diferentes, como você vê aqui texto em uma revista que escolhemos uma fonte Sarah em tamanhos variados. Um é muito pequeno porque, afinal, é um pequeno pedaço de papel. Neste exemplo, este é um outdoor muito grande lutou. Não há emparelhamento de fontes neste caso, mas temos uma fonte muito grande, texto muito mínimo porque eu estou dirigindo por este outdoor. Não escolho sentar-me e lê-lo como se fosse uma revista. Três. Limite o número de tipos de letra de uso. Na maioria dos casos, você deve limitar o número de fontes usadas em um projeto a um máximo de três. Este é o meu coração de regra rápida se você é profissional de temporada. Quando se trata de tipografia, há maneiras de fazer com que mais tipos de letra funcionem em conjunto. Mas para a maioria das pessoas, você deve limitar o número de tipos usados para cair entre um e três. A maioria dos exemplos de design não terá mais do que três tipos de letra neles. Como você pode ver aqui, temos um exemplo que usa muitos tipos de letra, e um usa apenas um tipo de letra, e eles o mantiveram simples, e é muito mais fácil de ler por causa disso. Outra opção, mas não necessariamente uma regra, é usar a violência da mesma família. Esta é sempre uma aposta segura desde que eles foram criados para trabalhar juntos. Não há como usar fontes dentro da mesma família. Não ficarão bem juntos no exemplo que estou mostrando na tela. Todo este site está usando Gilroy como sua luta. Tente procurar famílias que têm uma variedade de opções, que incluem diferentes estilos de pesos em casos para garantir que você tenha trabalho de variação suficiente para seus propósitos. Se você não se sentir super confiante ao emparelhar fontes diferentes, tente usar uma família de fazenda e use-a para se acostumar a usar hierarquia e diferentes tipos de contraste para criar um bom design. Depois de se sentir confortável que, em seguida, você pode mergulhar em emparelhamento telefones diferentes. Outra sugestão, mas não necessariamente uma regra, é misturar xerifes e servos. Este pode ser o seu próximo passo. Depois de se sentir confortável com o uso de telefones dentro da mesma família, Sarasin Sand Saref são muitas vezes misturados porque há claramente diferente e essa diferença clara realmente ajuda a criar hierarquia. Thies para estilos de fonte tendem a trabalhar bem em conjunto, particularmente em ciências contrastantes. Mas isso não é uma regra. Por exemplo, você poderia emparelhar um serif com outra Sarah, e não há nada de errado com isso. Só depende dos xaropes que você escolheu. Tenha em mente que esta sugestão não significa que você compare qualquer Sarah e qualquer Sand Saref e que eles automaticamente vão ficar bem juntos. Você terá que se certificar de que seus tipos de letra tenham um humor semelhante e fiquem bem juntos. Vamos entrar mais em detalhes sobre isso mais tarde. Você pode ver no exemplo na tela o serif no Saref da Areia tem algumas semelhanças eles, como se ambos fossem arredondados, e ambos têm uma altura X semelhante. Mas, caso contrário, eles são claramente contrastantes. Entrando na minha próxima regra, é criar contraste. Como eu disse, uma das principais razões para emparelhar um serif e sans serif trabalhar tão bem em conjunto é que há claramente contraste. A ideia de contraste reúne vários conceitos que você deve considerar incluindo hierarquia e como os tipos de letra se complementam. contraste pode ser alcançado de várias maneiras, como através de estilo, tamanho, peso, espaçamento e cor. A diferença ajuda a grandes regras distintas para cada tipo de letra, permitindo-lhes destacar-se como peças individuais de informação. Sete. Fique longe do conflito quando os pais enfrentam. Você quer contraste, mas não quer conflito. Só porque os telefones são diferentes, não significa que eles funcionem juntos automaticamente. letra que compartilham algumas qualidades são mais propensos a parecer harmoniosos juntos, mesmo que sua aparência geral seja diferente. Algumas qualidades você pode olhar. Quatro são semelhantes. Proporções parecem altura da tampa, altura X, curvatura semelhante como se ambos parecem muito arredondados, como no exemplo anterior que eu mostrei na tela, você poderia procurar se eles são ambos condensados ou estendidos e ver como isso faz algum trabalho em conjunto. Então, neste exemplo, esta não é uma grande combinação. Ambos são de Serra, o que poderia ser bom, mas neste caso, a escada de certos de uma forma semelhante e também diferente no caminho errado. Então suas diferenças é que um é condensado e outro é estendido, que pode não ser outro problema em outra combinação, mas nessa combinação, não está funcionando. Nossa regra final é evitar o emparelhamento de tipos de letra que são muito semelhantes. Escolher telefones que não têm contraste suficiente torna-se problemático. Ele pode fazer a informação não parecer separado é como deveria, ou talvez alguém vai notar algo está fora e assumiu que o designer cometeu um erro. Não há contraste suficiente significa que nenhuma hierarquia suficiente foi estabelecida em seu experimento, que pode dificultar a capacidade de leitura. Como você pode ver, aqui está um exemplo de tipos que não são muito semelhantes à direita, mas também não são os mais contrastantes em comparação com os outros tipos de faces que parecem muito semelhantes. Algo sobre o design à esquerda parece errado. Espero que essas dicas ajudem você com o emparelhamento de telefones. Em nosso próximo vídeo, vamos rever alguns exemplos de emparelhamentos telefônicos gratuitos para você começar e discutir por que eles funcionam. 19. 19 Pairings: Bem-vindo ao vídeo informativo final deste curso. Você teve muita informação jogada em você durante todo o curso. Então agora vou rever alguns exemplos de emparelhamento de falhas e explicar como exatamente eles trabalham juntos. Eu vou estar focando principalmente em fontes do Google desde a sua livre, boa qualidade e facilmente acessível para todos. Então vamos direto ao assunto. Nosso primeiro exemplo será um serif e sans serif. Lembre-se, uma das minhas sugestões no vídeo anterior foi combinar Sarasin San Sarah, uma vez que suas diferenças oferecem contraste claro e ajudar a criar hierarquia em seu design. Então, aqui está o primeiro exemplo. O título que gosta aqui é Lotto, e o texto do parágrafo é Merryweather. Uma razão pela qual estes funcionam tão bem juntos é que a sua altura da tampa dois X altura razão é quase idêntica. Normalmente, digamos Sarah, os telefones têm uma Sansa menor , X maior, suas fontes. Mas Merryweather é uma falha muito moderna e é feita para telas, isso tem uma grande altura X que também acontece para combinar tarde deve X altura, que é perfeito. Eles também são bastante abertos em suas letras arredondadas e têm uma abertura semelhante às suas letras. O que quero dizer com abertura é que estou me referindo ao quão abertas as letras como S ou C estão nas áreas onde há espaço negativo. Você também não pode dizer neste exemplo. Mas eles são tallix estão inclinados exatamente no mesmo ângulo também. A diferença aqui que os faz contrastar uns aos outros. Apenas o suficiente é obviamente a Sarah se, claro, mas também que Merryweather é ligeiramente condensado comparado ao Lado. Meu próximo par apresenta Sands aberto no título e Laura para o texto do parágrafo. Este emparelhamento é um pouco mais contrastante do que o último, modo que a altura da tampa para excitar relação nestes dois telefones é semelhante, mas não um semelhante é o último exemplo. O personagem dentro do espaçamento em ambos os telefones Leste é quase idêntico, embora o forte contraste vem do estilo gráfico Kala de Laura e da abertura muito aberta , em seguida, Sands aberto tem, que Laura não tem. Este próximo conceito não é tão fácil de encontrar, mas não é completamente inédito. O título que temos aqui é quatre suave, e o texto do parágrafo é Quadra Gento Sands. Então estes são dois tipos de letra separados feitos pelo mesmo tipógrafo e foram claramente feitos para trabalhar juntos. Quadra Gento Sands parece bastante semelhante à sua parcela de contrapartida. Ele, claro, é claro, tem o Sara removido, mas caso contrário eles têm exatamente a mesma altura do boné, altura X e com para seus personagens. A versão San Serif é apenas mais uniforme, e é traços, e o Saref tem porções mais grossas e finas para seus traços, como a maioria das tarifas fazem. Mas, caso contrário, eles são extremamente semelhantes. Vamos passar dos combos serif e sans serif para algo um pouco mais difícil. Como se emparelha com as fontes de San Serif? Como você sabe se eles são muito parecidos ou se eles estão em conflito um com o outro? No exemplo da tela? Agora, estou usando Fear, um Sands para o título e rap monstro para o texto do parágrafo. Se você olhar para eles, você pode ver que algo sobre eles parece diferente um do outro, mas não tão diferente que eles estão lutando entre si. Então o medo A é um grande condensado. Onde está Melissa é um pouco estendido e tem caracteres mais largos na fonte média em comparação com o medo de ser condensado. Esta diferença torna-se reforçada feroz. Vera também tem uma abertura mais aberta, enquanto Melissa tem uma abertura bastante fechada. Caso contrário, ambos os tipos de letra têm bastante uniformes, traços e não tão drasticamente diferentes catlutes e ex-alturas. Outra coisa que não é super aparente é que ambas as fontes, remetentes e dissidentes têm o mesmo comprimento, que é meio difícil de dizer aqui, já que estão em dois tamanhos diferentes. Mas eles são quase idênticos. Nosso próximo par San Serif e Sans Serif é Poppins no título e areias abertas em seu corpo. Então Poppins tem um pouco de personalidades para um san serve ir. É muito arredondado em geométrico. Eu não diria aberto. Sands é um condensado combatido, mas compare um ble com Poppins. É. Poppins também tem alguns tons espessados para alguns de seus personagens que são um pouco mais exagerados do que areias abertas. Eles também têm aberturas extremamente diferentes. Como eu disse anteriormente, Sands aberto, como o nome indica, é muito aberto, e Poppins tem uma abertura muito fechada. Então eu tenho muitas diferenças aqui. O que está fazendo esses dois não idiotas. Ambos têm uma excitação muito grande, e sua altura da tampa para excitar relações combinam quase perfeitamente. O fato de Poppins ter um pouco grosso e fino, que é difícil de ver nesta versão ousada. Mas quando você acende Poppins, você vê isso mais claramente. Meio que o torna um pouco mais parecido com um emparelhamento serif e sans serif. Mesmo que ambos recebam tarifas, nosso agrupamento final será serif em serif tipografias serif. Isso vai seguir uma análise semelhante aos fones de ouvido Sansa, mas eu queria mostrar alguns exemplos de qualquer maneira para referência. Então Bree Serif é o cabeçalho neste exemplo, e o texto do parágrafo é Laura. Claramente Brie é muito mais ousada. Tem laje como se de Sarah e mais uniformes que Laura. Laura é mais Kala gráfico e tem um monte de picaretas e afinas. Laura também tem mais um remetentes e dissidentes, o que pode não ser super óbvio à primeira vista devido às suas diferenças de tamanho. momento, no entanto, ambas as fontes têm uma tampa, altura e excite muito semelhantes , bem como abertura. Essas proporções é foi ancorando visualmente as duas fontes juntas. Nosso último exemplo é para mais Serifis interior Header. Temos exibição Playfair, e em nosso texto de parágrafo, temos Alice. Ambas as fontes são muito curvas, especialmente nas enguias de barbatana nos terminais dos caracteres. Eles têm quase uma aparência feminina para eles. Uma outra grande semelhança que eles têm são suas aberturas. Então você pode ver quando você olha para um E ou um R que ambos estão abertos no mesmo grau. Essas coisas são realmente o que está ancorando essas duas cai juntas porque quando você as analisa , ou profundamente você vê o quanto elas se contrastam. Eles são Capito. Excite ratio é muito diferente, com Playfair display ter uma marcha maior. Excite jogar tarifas também muito mais condensado, enquanto Alice não é particularmente condensado ou estendido. Eu diria que é bastante mediano com eles são remetentes e dissidentes também não coincidem. Alice tem muito mais tempo um remetente comparado com sua altura X. E, claro, desde sua serifis, ambos têm áreas grossas e finas de seus traços. Mas os traços da Playfair são tão contrastantes que está indo para o território de um serif moderno . Onde está Alice é mais uniforme em comparação 20. 20 Conclusão: Em nossa conclusão, vou tirar um minuto para recapitular o curso. Analisamos alguns vocabulário relacionado à tipografia básica, bem como a história da tipografia . Como o início da tipografia é uma arte. Durante a criação da prensa de impressão, todo o caminho até as diferentes fases do design de tipografia. Até os dias modernos, nós examinamos extensivamente a anatomia de um tipo de letra e discutimos diferentes elementos de um tipo como espaçamento estilo de espera. digitação era uma área muito importante que passamos por cima e algo que eu realmente queria que você se concentrasse no futuro. configuração de fonte é algo sobre o qual você tem tanto controle, então certifique-se de assumir esse controle quando estiver projetando. E, finalmente, fomos aprofundados em como emparelhar fontes junto com exemplos. tipografia é uma daquelas coisas que passa despercebida na maior parte do tempo, mas é incrivelmente importante se você quiser que seu design seja bom. As pessoas podem não perceber conscientemente que algo está errado com a fita, mas elas viverão as conseqüências desses erros quando o que estão tentando ler não é tão legível, pode ser como discutimos anteriormente, sem saber onde começar a ler, ler a mesma linha duas vezes, pular linhas e sentir-se estressado. Leitura de parede não é algo que você quer que as pessoas experimentem. Desejo-lhe sorte com a sua jornada em tipografia e design. E quero agradecer-te por fazeres o meu curso. Espero que tenha aprendido muito.