Transcrições
1. Conteúdo do curso: Olá e bem-vindo ao meu vídeo sobre tipografia. Nesta aula, vamos começar com a aprendizagem de termos tipográficos chave e suas definições. E passaremos para oito, rosa
tipográfica para levar tanto sua tipografia quanto suas habilidades de design para o próximo nível. Vai terminar a aula com um projeto onde você pode colocar em prática todos os bits que você aprendeu ao longo do vídeo. Então vamos começar com a definição da topografia. Topografia é a arte de tornar a linguagem escrita legível, legível e atraente. Qual é a diferença entre legível e legível? Eu posso ouvir você perguntar, bem, curiosamente, legibilidade é definida como sendo clara o suficiente para ler. Ouça-me. Por exemplo, o tipo à esquerda é muito mais legível do que o tipo à direita. E quanto a legível, onde todos esses parágrafos são legíveis, eles não estão lendo da maneira pretendida. Ao organizar o texto, eles são muito mais legíveis.
2. Rastreamento e kerning: Através do rastreamento no kerning referido ao espaçamento entre caracteres. Mas há algumas diferenças que vou explicar. Kerning é especificamente o espaçamento entre um par de caracteres. Por exemplo, este a e V não têm Kerning. E você pode ver que o topo do VA se alinha com a base do a. Mas quando você adiciona kerning, o topo do VA agora se sobrepõe à base do a. E com kerning, você pode empurrar caracteres mais distantes ou trazer eles mais próximos juntos. Por exemplo, aqui está onda sem Kerning e, em seguida, acene com kerning. Há uma grande diferença. Então Kerning foi adicionado entre o W e o a, o e
o v, e o V e o a, onde kerning é ajustado e especificamente adequado para um par de caracteres. Trucking é uma distância constante definida entre todos os caracteres em um bloco maior de texto. Muitas vezes, o rastreamento é usado em vez de coning em blocos maiores de texto, pois levaria muito tempo para contar cada par de caracteres individualmente. Para lembrar a diferença entre Rastreamento e kerning iRemember token para caracteres são gentis.
3. Líder: Leitura é a quantidade de espaço da linha de base para a linha de base. O empréstimo é uma parte vital da topografia porque afeta
diretamente a legibilidade do seu trabalho. Por exemplo, este parágrafo é agrupado e não há muito Ledi, mas apenas adicionar um pouco de empréstimo aumenta a legibilidade imensamente. Na verdade, há uma fórmula simples que uso sempre para calcular o meu casamento. É o tamanho da fonte mais o tamanho da fonte dividido por quatro. E funciona como mágica. Você se sente como um gênio matemático lavador lá dentro.
4. Rago: Brags da idade desigual do texto. Por exemplo, neste primeiro parágrafo, o pano do lado direito é liso e listrado. Neste segundo parágrafo, no entanto, o pano é Jaggard, é ziguezague é simplesmente horrível. Fazer o seu pano direito pode aumentar a sua legibilidade e o apelo do seu texto. E não há nada pior como designer, o fato de notar um rack ruim. Estas são as três principais maneiras de corrigir as minhas próprias. Primeiro de tudo, eu uso hífens. Eu posso dividir a palavra em, e isso muitas vezes irá corrigir o problema. Em segundo lugar, vou ajustar minha coluna. E em terceiro lugar, posso ajustar meu texto, minha cópia para incluir uma palavra mais curta ou mais longa pode fazer o pano parecer mais atraente.
5. Viúvas e Orphans: Sim, eu não estou brincando. Viúvas e órfãos são termos tipográficos. Uma viúva é uma linha muito curta na última linha de um parágrafo. E um órfão é uma linha muito curta na primeira linha de uma nova coluna ou página. Viúvas e órfãos, ou um problema de tipografia porque eles perturbam a legibilidade de um pedaço de texto. Neste artigo, existem alguns exemplos de viúvas e órfãos. A linha muito curta no final do primeiro parágrafo é uma viúva. E a única palavra na segunda coluna é uma, muitas vezes, parece muito solitária, não é? Estas palavras parecem desarticuladas do resto de seu texto é se houve um pensamento posterior. Corrigir suas viúvas e órfãos é o mesmo processo que corrigir seus trapos. Você pode hifenizar uma largura de coluna gestual onde você pode ajustar sua cópia.
6. Alinhamento esquerdo: Esta é uma dica simples, mas uma das mais eficazes. Não é coincidência que todos os jornais, livros e artigos do site sejam escritos com texto alinhado à esquerda. No mundo ocidental, lemos de cima para baixo, da esquerda para a direita. Tornou-se parte da nossa natureza ao terminar
de ler uma linha para voltar ao lado esquerdo do parágrafo. Com texto alinhado à direita. Voltamos para o lado esquerdo do parágrafo e nossos olhos têm uma luta subconsciente para tentar encontrar a próxima palavra para continuar a leitura. Em última análise, o alinhamento esquerdo aumenta a legibilidade da nossa topografia. E isso é fundamental para enviar nossa mensagem para o leitor.
7. Peso da fonte: Ao usar vários font-weight, você sempre deve tentar e pular aguardar. Por exemplo, usando luz e negrito como aguardam o emparelhamento. Você deve fazer isso porque ele adiciona contraste, que é um elemento-chave no design. Ele também introduz hierarquia. Esta é a maneira pela qual o espectador é conduzido ao redor da página. Por exemplo, se houver texto do mesmo tamanho, é mais provável
que o visualizador leia o texto em negrito antes. É como a contraparte. Ignorar o peso também mostra sua intenção. Se você estiver usando negrito, regular ou irregular e leve, estes são muito semelhantes e às vezes o leitor pode vê-los como um erro. Se você está pulando o Aguarde e está usando texto em negrito e leve, então a diferença é muito mais óbvia. E mostra intenção.
8. Tamanho da fonte: Ao usar diferentes tamanhos de fonte, usamos números redondos ao aumentar ou diminuir a escala. Por exemplo, esse texto é 82, w que é 164. E w novamente, 328. Assim como nossas luzes de fonte, fazemos isso para a hierarquia de contraste. E para mostrar intenção. Quando esses dois tamanhos de fonte são apenas ligeiramente diferentes, ele pode ser interpretado pelo leitor como um erro. Ao aderir a números redondos, tendo duplicação, triplicação ou quadruplicação, torna as intenções dos projetos claras.
9. Grids e layout: Quando eu aprendi pela primeira vez sobre o sistema de grade e as grades de design em geral, eu fiquei impressionado. Era como uma fórmula para um layout perfeito todas as vezes. Aqui está um exemplo do que o uso da grade pode fazer pelo seu design. Pegue este modelo de texto apenas colocando o mesmo conteúdo em uma grade. Torna-se organizado. É fácil no olho, e certamente melhora a legibilidade. Um conceito semelhante ao sistema de grade é alinhar seu conteúdo ao eixo. Por exemplo. Estes são os meus slides de título que criei para estes vídeos. Você pode ver que vários elementos se alinham de uma forma ou de outra. Isso ajuda a alcançar um efeito geral de todos os elementos trabalhando juntos como parte do experimento. Depois de terminar esses vídeos,
definitivamente, vá olhar para grades de design porque mudou a maneira como eu penso sobre layout e apresentar meu trabalho.
10. Uma fonte: Esta é outra dica simples, mas definitivamente não uma para negligenciar. Use uma fonte. Uma fonte aumenta a legibilidade do design, legibilidade e consistência. emparelhamentos de fontes, misturando dois fundos que se complementam podem ser eficazes quando bem feitos. Mas, para começar, recomendo dominar uma fonte.
11. Espaço em branco: Espaço em branco ou espaço negativo, é a parte de um experimento que é deixado em branco. Ajuda a separar elementos gráficos. Quando usado de forma eficaz, o espaço em branco pode enfatizar os principais aspectos do seu design. Pode aumentar a legibilidade e a apelação. Espaço em branco é sala de respiração visual e
torna mais fácil para o espectador para digerir informações. Aqui está um exemplo de espaço em branco usado bem.
12. Proximidade de uma proximidade: Proximidade indica relação. Isso significa que dois elementos que estão próximos um do outro são vistos como relacionados. Por exemplo, aqui estão dois blocos de círculos separados por cor. E aqui estão os mesmos dois quarteirões com um par de círculos trocados. Agora agruparemos a posição ou a proximidade em vez da cor. Outro exemplo muito comum disso está nos resultados da pesquisa do Google. Sabemos quais informações se relacionam com qual site, porque se eficaz, agrupamento.
13. Quebrando as regras: Todas essas dicas e truques são boas regras e quem ajudou a criar topografia
legível, legível e atraente. Mas você teria ouvido o ditado regras são feitas para ser quebrado, e isso se aplica à Tipografia Dois, quebrando um conjunto padrão de linhas, você pode ajudá-lo a projetar se destacar do resto. Aqui estão alguns exemplos de quebra de regras na topografia. Uma vez que você começar a dominar as estradas e quebrá-las, você vai encontrar-se em um ciclo entre os dois usando rosa, quebrando regras, usando regras, e assim por diante e assim por diante.
14. O projeto: Então, antes de mergulharmos no projeto, vamos recapitular o que aprendemos hoje. Então começamos olhando para rastreamento e kerning. Olhamos para deixar trapos, viúvas e órfãos. Em seguida, passamos para as regras douradas da topografia, como alinhar à esquerda, peso da fonte, tamanho da fonte, grades e layouts. E nós também olhamos para usar uma fonte, o uso de espaços em branco, proximidade, e eventualmente quebrar as regras. E isso é muito em pouco menos de 15 minutos. Obrigado por ficar comigo, mas ainda não terminamos. Da próxima vez para o projeto, nos inimigos do projeto abaixo, adicionei algumas de minhas próprias fotos e alguns exemplos de texto. Sinta-se livre para usar estes ou alguns dos seus. Experimente criar alguns layouts tipográficos, misturar texto e imagens, e seja paciente. Pode levar algumas tentativas para conseguir algo com o qual você está feliz. Aqui está algo que eu coloquei juntos ao fazer isso são considerados todos os elementos que passamos por hoje. E se você quiser usar este gráfico legal que eu fiz para fora de sua zona de conforto e sinta-se livre. Você pode baixar isso com as imagens em texto de amostra também. Sinta-se livre para trabalhar a partir do meu próprio design ou você pode inventar algo completamente novo. Apenas lembre-se de assistir as aulas do Patrick se você ficar preso ou se algo não parecer certo e definitivamente compartilhar seus projetos comigo depois, eu adoraria dizer o que todos inventaram. Obrigado por ter vindo e desejo-lhe tudo de melhor em sua jornada para se tornar um grande mestre de topografia.
Joe Blackham
