Return to Video

Lecture 7.2: Typography (10:47)

  • 0:01 - 0:06
    Vamos dar uma olhada nos elementos de design visual: letras.
  • 0:06 - 0:10
    Esta é a letra R, composta em Gill Sans
  • 0:10 - 0:14
    Gill Sans foi desenhado por Eric Gill e lançado em 1928.
  • 0:14 - 0:17
    Há um par de coisas que eu gostaria de ressaltar sobre esta letra aqui:
  • 0:17 - 0:23
    Uma delas é que ela tem a característica de peso perceptual consistente durante todo;
  • 0:23 - 0:28
    no entanto, a espessura real da letra varia consideravelmente em diferentes partes.
  • 0:28 - 0:31
    Então, se você olhar para alguns pontos da letra, como o fundo,
  • 0:33 - 0:38
    você pode ver que eles são muito mais espessa do que em outros pontos da letra.
  • 0:41 - 0:47
    E o que você vê nesses elementos é exatamente o que você verá ao longo de toda design gráfico,
  • 0:47 - 0:50
    o que é que nós estamos indo para algo que se sente perceptualmente equilibrada -
  • 0:50 - 0:57
    ou pode ter uniformidade perceptual - quando a realidade pode ser bem diferente.
  • 0:57 - 1:03
    Esta letra foi também a minha primeira tarefa muito como um estudante de design gráfico na Rhode Island School of Design:
  • 1:03 - 1:09
    Tivemos que desenhar essa letra, um pé alto, em tinta preta, em um fundo branco.
  • 1:09 - 1:12
    Pode parecer um exercício bobo,
  • 1:12 - 1:17
    mas é uma ótima maneira de compreender intimamente as curvas e traços da forma da letra,
  • 1:17 - 1:20
    e também é muito bom em ambos os olhos o seu treinamento e formação de mão;
  • 1:20 - 1:25
    Talvez seja também um ritual que eu acabei de post-hoc racionalizado.
  • 1:25 - 1:32
    De qualquer forma, se movendo, vamos olhar para as diferentes partes de um tipo.
  • 1:32 - 1:38
    Um termo que você pode estar familiarizado com a utilização do seu computador é o tamanho do ponto ou o tamanho da fonte.
  • 1:38 - 1:40
    E o que é notável nisso
  • 1:40 - 1:46
    parece um número que deve ser definido em pedra e consistente em todos os tipos de letra,
    mas não é verdade.
  • 1:46 - 1:48
    mas isso realmente não é
  • 1:48 - 1:53
    A maioria de nossa terminologia de caracteres tipográficos vem de quando eles foram em chumbo,
  • 1:53 - 2:00
    eo tamanho do ponto de uma fonte realmente significa apenas a altura do bloco de chumbo que o tipo foi definido,
  • 2:00 - 2:07
    que tem uma relação com o tamanho de letra real, mas não é totalmente consistente.
  • 2:10 - 2:13
    Por exemplo, você pode ver, para o tamanho do mesmo ponto,
  • 2:13 - 2:16
    aqui está uma letra S em Gill Sans, e uma letra S em Calibri,
  • 2:16 - 2:22
    e você pode ver que o S Calibri é inferior do que o Gill Sans S.
  • 2:27 - 2:29
    Nosso segunda palavra é lider.
  • 2:29 - 2:33
    Se tivermos blocos sólidos de tipo chumbo que formam as letras,
  • 2:33 - 2:39
    o espaçamento que obtemos entre as linhas foi conseguido colocando as tiras delgadas de chumbo entre as linhas,
  • 2:39 - 2:42
    e que foi chamado de lider.
  • 2:42 - 2:47
    É costume ter 20% de seu tamanho da fonte como seu líder;
  • 2:47 - 2:51
    e assim, se no seu processador de texto que você definiu 10 pontos, tipo
  • 2:51 - 2:59
    ele normalmente irá automaticamente adicionar um extra de 2 pontos de espaçamento para colocar 12 pontos entre cada linha.
  • 2:59 - 3:05
    A altura das letras minúsculas é chamado de x-altura, a partir da "x".
  • 3:05 - 3:10
    Alguns corpos têm uma maior altura-x, como Lucida Bright ou Geórgia;
  • 3:10 - 3:14
    typefaces outros têm uma altura-x menor, como Baskerville.
  • 3:14 - 3:16
    E isso é importante para design - especialmente online -
  • 3:16 - 3:23
    porque tipos que têm uma maior altura-x vai ser mais fácil de ler em tamanhos menores
  • 3:23 - 3:28
    e em dispositivos de baixa resolução, como a maioria das telas.
  • 3:28 - 3:31
    Por outro lado, as letras com uma baixa altura-x, como Baskerville,
  • 3:31 - 3:37
    são usados quando você está tentando dar elegância, ou uma "Bella Park" sentir alguma coisa.
  • 3:37 - 3:40
    E brotando e caindo da altura-x
  • 3:40 - 3:45
    são os ascendentes - como a haste superior da h e o ponto do i -,
  • 3:45 - 3:50
    e seus descendentes - como o g y, p,.
  • 3:50 - 3:55
    Em geral, um tipo que tem uma baixa altura de x tendem a ter longas ascendentes e descendentes,
  • 3:55 - 4:01
    e um tipo de letra que tem uma altura x altura tendem a ter mais ascendentes e descendentes esmagados.
  • 4:06 - 4:08
    Tipos também podem variar no seu peso.
  • 4:08 - 4:15
    Então, aqui tem um exemplo de luz a esquerda, regular ou romana no meio, e em negrito à direita
  • 4:15 - 4:19
    Às vezes, você vai ver como pesos entre Demibold ou seminegrito,
  • 4:19 - 4:23
    e, mesmo para o mais à direita de negrito, você verá preto.
  • 4:23 - 4:25
    O número seis na lista são serifas.
  • 4:25 - 4:33
    Serifas são os doohiggies no final de cartas que lhes dão esse olhar cinzelado.
  • 4:33 - 4:35
    [Há] uma dupla mais que são bônus:
  • 4:35 - 4:39
    Algumas faces (tipos de letra) também incluem small caps - que com certeza são exatamente o que parecem,
  • 4:39 - 4:42
    versões menores de capital [s] e números.
  • 4:42 - 4:45
    Estes podem ser usados como cabeçalhos, ou podem também ser utilizados
  • 4:45 - 4:50
    para colocar siglas e textos de capital de dentro de um bloco de texto do corpo.
  • 4:52 - 4:54
    E uma coisa que você pode não saber é -
  • 4:54 - 5:00
    como letras vêm em letras maiúsculas e minúsculas, números fazem também.
  • 5:00 - 5:01
    Estes números, definidos em Neutraface,
  • 5:01 - 5:06
    dar um exemplo de algo que tem apenas pequenas ascendentes e descendentes;
  • 5:06 - 5:09
    em alguns casos, estes podem ser mais dramático.
  • 5:09 - 5:11
    Números minúsculos são úteis
  • 5:11 - 5:17
    quando você quer números para encaixar com um grande bloco de texto e não se destacam.
  • 5:17 - 5:20
    Uma das perguntas mais comuns que se pergunta sobre o design gráfico é:
  • 5:20 - 5:22
    "Que tipo de letra devo usar?"
  • 5:22 - 5:24
    E um monte de pessoas já ouviu falar de uma história
  • 5:24 - 5:28
    ondetipos serifados são geralmente recomendados para o corpo do texto
  • 5:28 - 5:32
    e tipos de fontes sem serifa são recomendados para cabeçalhos.
  • 5:32 - 5:37
    E isso é, no geral, não é um mau conselho.
  • 5:37 - 5:42
    Não é uma afirmação muitas vezes repetida de que a razão que esta é uma boa heurística
  • 5:42 - 5:47
    é porque fontes serifadas, com aquelas doohiggies no final,
  • 5:47 - 5:52
    dar a seus olhos algo para prender e, conseqüentemente, são mais fáceis de ler.
  • 5:52 - 5:55
    É uma hipótese interessante.
  • 5:55 - 5:58
    Então eu olhei para isso um pouco para todos vocês,
  • 5:58 - 6:00
    e há alguns desafios na tentativa de descobrir isso.
  • 6:00 - 6:07
    Para começar, as diferenças individuais nos leitores diminuem quaisquer efeitos de manipulação do tipo de letra -
  • 6:07 - 6:10
    como, algumas pessoas lêem muito mais rápido do que outros,
  • 6:10 - 6:16
    e por isso é difícil de medir as diferenças na capacidade de leitura de caracteres tipográficos.
  • 6:16 - 6:19
    Além disso, a leitura exige familiaridade:
  • 6:19 - 6:23
    Não é como se nós nascemos sabendo o que é uma letra R parece, precisamos praticar.
  • 6:23 - 6:28
    E assim se você aprender com um estilo da letra R, você provavelmente vai ser mais rápido do que com um;
  • 6:28 - 6:33
    e se você aprender com outro estilo da letra R, você vai ser mais rápido com isso.
  • 6:34 - 6:38
    Se mesmo quando temos passado todos esses desafios,
  • 6:38 - 6:41
    pode ser um pouco difícil descobrir exatamente como você deve medir isso.
  • 6:43 - 6:48
    Bem, eu não posso ir tão longe a ponto de dizer que a hipótese serif é definitivamente falso;
  • 6:48 - 6:53
    o que eu posso dizer é que há uma grande quantidade de evidências para apoiar que ele realmente é real.
  • 6:53 - 6:57
    E Alex Poole faz um ótimo trabalho de descrever isso em seu site:
  • 6:58 - 7:03
    Ele escreve que "O que inicialmente parecia uma questão pura dicotômica de serif contra sans serif
  • 7:03 - 7:07
    resultou em um corpo de pesquisa consistente em reivindicações fracos e contra-reivindicações,
  • 7:07 - 7:11
    e estudo após estudo com os resultados de "nenhuma diferença".
  • 7:11 - 7:16
    É o caso que mais de cem anos de pesquisa foi marcada por repetidas [] falhas metodológicas,
  • 7:16 - 7:21
    ou são simplesmente serifas "arenque vermelho" tipográfico? "
  • 7:21 - 7:26
    Parece que o tipo-misto é como você entrar em uma frase - superior e inferior misturados -
  • 7:26 - 7:30
    é mais rápido para ler do que todas as capitulares, presumivelmente porque
  • 7:30 - 7:34
    você tem maior variação vertical com os ascendentes e descendentes em letras minúsculas,
  • 7:34 - 7:40
    e que dão mais informações aos seus olhos uma vez que está lendo.
  • 7:40 - 7:45
    Além disso, em geral, as fontes proporcionais parecem ser mais rápidos do que fontes monoespaçada, como uma máquina de escrever.
  • 7:45 - 7:52
    Então, fonte máquina [s] - mais lento para ler - [mas] esse material só importa se você tem que ler muito.
  • 7:53 - 8:00
    Mas o resumo mais simples é que, na prática, equivale a legibilidade simplesmente o que você está acostumado.
  • 8:00 - 8:05
    O que essas palavras dizem? A metade inferior é obscurecida.
  • 8:05 - 8:09
    Como muitos de vocês adivinharam: "Eu sou um donut de geléia".
  • 8:09 - 8:13
    Que tal esse aqui? Aqui, a metade superior é obscurecida.
  • 8:13 - 8:15
    Parece um pouco mais difícil?
  • 8:15 - 8:19
    "JFK falou em Berlim."
  • 8:19 - 8:25
    Acontece que a informação mais parece ser codificada na metade superior dos textos que na metade inferior.
  • 8:25 - 8:27
    E o que isto quer dizer?
  • 8:27 - 8:32
    [I] aposto que muitos de vocês viram como "o gato",
  • 8:32 - 8:36
    e menos pessoas ", TAE CHT".
  • 8:36 - 8:42
    E isso porque a expectativa desempenha um papel muito importante no que lemos.
  • 8:42 - 8:44
    E se você é realmente perspicaz,
  • 8:44 - 8:53
    você pode ter percebido que essas duas letras do meio são, na verdade, exatamente a mesma letra,
  • 8:53 - 8:57
    de modo que a única diferença é o que você está esperando para ver em cada caso.
  • 8:57 - 9:01
    Sua probabilidade prévia influencia a sua interpretação.
  • 9:01 - 9:07
    Então, se você juntar tudo isso e voltar à nossa pergunta original do "Qual fonte devo usar",
  • 9:07 - 9:09
    a resposta é "depende".
  • 9:09 - 9:12
    Se você está colocando abaixo um bloco longo do texto,
  • 9:12 - 9:16
    é melhor usar um tipo de letra que muitas pessoas vão estar familiarizado com;
  • 9:16 - 9:21
    e se você está trabalhando online, use algo que tem um relativamente alto x altura.
  • 9:21 - 9:25
    Por outro lado, se você está fazendo um logotipo ou um simbolo,
  • 9:25 - 9:29
    ou algo que é curto e destinado a ser dramático,
  • 9:29 - 9:33
    então você provavelmente vai querer usar algo um pouco funk como o seu tipo de letra -
  • 9:33 - 9:37
    algo que vai chamar a atenção e ser único, memorável.
  • 9:38 - 9:43
    E tipos de letras - como tudo na vida - [construir] reputação acima.
  • 9:43 - 9:47
    Assim, ao longo do tempo, certos tipos de letra podem significar certas coisas.
  • 9:47 - 9:51
    E aqui está um grande exemplo de Hoefler e Frere-Jones, escrevendo em seu blog.
  • 9:51 - 9:56
    Eles falam sobre como Baskerville parece que é de uma revista literária
  • 9:56 - 10:03
    e Optima parece lembrar-nos de produtos de higiene baratos de 1950.
  • 10:03 - 10:08
    Aqui estão dois exercícios simples que você pode usar para melhorar o seu olho de digitação:
  • 10:08 - 10:14
    A primeira é: Olhe ao seu redor para todas as diferentes formas que o mesmo tipo de letra fica implementado;
  • 10:14 - 10:17
    que lhe dará um senso de seu alcance.
  • 10:17 - 10:26
    E o segundo é: Veja como o mesmo texto, com tipos diferentes, realmente muda o seu significado.
  • 10:27 - 10:30
    Nesta classe temos um monte de terreno para cobrir rapidamente,
  • 10:30 - 10:33
    e assim, infelizmente, não podemos passar muito tempo em tipografia;
  • 10:33 - 10:36
    mas é um assunto fascinante, e se você quiser saber mais sobre isso,
  • 10:36 - 10:42
    há muitos livros ótimos e os recursos de design on-line, e eles estão crescendo rapidamente.
  • 10:42 - 10:48
    Aqui estão apenas alguns que eu acho que são particularmente bons.
Title:
Lecture 7.2: Typography (10:47)
Video Language:
English
Vilma da Silva Vilarinho edited Portuguese, Brazilian subtitles for Lecture 7.2: Typography (10:47)
Vilma da Silva Vilarinho added a translation

Portuguese, Brazilian subtitles

Revisions