[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:01.09,0:00:05.63,Default,,0000,0000,0000,,Vamos dar uma olhada nos elementos de design visual: letras. Dialogue: 0,0:00:05.63,0:00:09.70,Default,,0000,0000,0000,,Esta é a letra R, composta em Gill Sans Dialogue: 0,0:00:09.70,0:00:13.88,Default,,0000,0000,0000,,Gill Sans foi desenhado por Eric Gill e lançado em 1928. Dialogue: 0,0:00:13.88,0:00:17.24,Default,,0000,0000,0000,,Há um par de coisas que eu gostaria de ressaltar sobre esta letra aqui: Dialogue: 0,0:00:17.24,0:00:23.02,Default,,0000,0000,0000,,Uma delas é que ela tem a característica de peso perceptual consistente durante todo; Dialogue: 0,0:00:23.02,0:00:28.02,Default,,0000,0000,0000,,no entanto, a espessura real da letra varia consideravelmente em diferentes partes. Dialogue: 0,0:00:28.02,0:00:31.36,Default,,0000,0000,0000,,Então, se você olhar para alguns pontos da letra, como o fundo, Dialogue: 0,0:00:33.08,0:00:38.00,Default,,0000,0000,0000,,você pode ver que eles são muito mais espessa do que em outros pontos da letra. Dialogue: 0,0:00:41.03,0:00:47.05,Default,,0000,0000,0000,,E o que você vê nesses elementos é exatamente o que você verá ao longo de toda design gráfico, Dialogue: 0,0:00:47.05,0:00:50.48,Default,,0000,0000,0000,,o que é que nós estamos indo para algo que se sente perceptualmente equilibrada - Dialogue: 0,0:00:50.48,0:00:56.52,Default,,0000,0000,0000,,ou pode ter uniformidade perceptual - quando a realidade pode ser bem diferente. Dialogue: 0,0:00:56.52,0:01:03.07,Default,,0000,0000,0000,,Esta letra foi também a minha primeira tarefa muito como um estudante de design gráfico na Rhode Island School of Design: Dialogue: 0,0:01:03.07,0:01:09.10,Default,,0000,0000,0000,,Tivemos que desenhar essa letra, um pé alto, em tinta preta, em um fundo branco. Dialogue: 0,0:01:09.10,0:01:11.53,Default,,0000,0000,0000,,Pode parecer um exercício bobo, Dialogue: 0,0:01:11.53,0:01:16.80,Default,,0000,0000,0000,,mas é uma ótima maneira de compreender intimamente as curvas e traços da forma da letra, Dialogue: 0,0:01:16.80,0:01:20.04,Default,,0000,0000,0000,,e também é muito bom em ambos os olhos o seu treinamento e formação de mão; Dialogue: 0,0:01:20.04,0:01:25.06,Default,,0000,0000,0000,,Talvez seja também um ritual que eu acabei de post-hoc racionalizado. Dialogue: 0,0:01:25.06,0:01:32.00,Default,,0000,0000,0000,,De qualquer forma, se movendo, vamos olhar para as diferentes partes de um tipo. Dialogue: 0,0:01:32.00,0:01:38.01,Default,,0000,0000,0000,,Um termo que você pode estar familiarizado com a utilização do seu computador é o tamanho do ponto ou o tamanho da fonte. Dialogue: 0,0:01:38.01,0:01:40.06,Default,,0000,0000,0000,,E o que é notável nisso Dialogue: 0,0:01:40.06,0:01:46.03,Default,,0000,0000,0000,,parece um número que deve ser definido em pedra e consistente em todos os tipos de letra,\Nmas não é verdade. Dialogue: 0,0:01:46.03,0:01:48.00,Default,,0000,0000,0000,,mas isso realmente não é Dialogue: 0,0:01:48.00,0:01:53.00,Default,,0000,0000,0000,,A maioria de nossa terminologia de caracteres tipográficos vem de quando eles foram em chumbo, Dialogue: 0,0:01:53.00,0:02:00.00,Default,,0000,0000,0000,,eo tamanho do ponto de uma fonte realmente significa apenas a altura do bloco de chumbo que o tipo foi definido, Dialogue: 0,0:02:00.00,0:02:07.03,Default,,0000,0000,0000,,que tem uma relação com o tamanho de letra real, mas não é totalmente consistente. Dialogue: 0,0:02:10.02,0:02:12.62,Default,,0000,0000,0000,,Por exemplo, você pode ver, para o tamanho do mesmo ponto, Dialogue: 0,0:02:12.62,0:02:16.02,Default,,0000,0000,0000,,aqui está uma letra S em Gill Sans, e uma letra S em Calibri, Dialogue: 0,0:02:16.02,0:02:22.39,Default,,0000,0000,0000,,e você pode ver que o S Calibri é inferior do que o Gill Sans S. Dialogue: 0,0:02:26.76,0:02:29.00,Default,,0000,0000,0000,,Nosso segunda palavra é lider. Dialogue: 0,0:02:29.00,0:02:32.52,Default,,0000,0000,0000,,Se tivermos blocos sólidos de tipo chumbo que formam as letras, Dialogue: 0,0:02:32.52,0:02:39.02,Default,,0000,0000,0000,,o espaçamento que obtemos entre as linhas foi conseguido colocando as tiras delgadas de chumbo entre as linhas, Dialogue: 0,0:02:39.02,0:02:42.02,Default,,0000,0000,0000,,e que foi chamado de lider. Dialogue: 0,0:02:42.02,0:02:47.02,Default,,0000,0000,0000,,É costume ter 20% de seu tamanho da fonte como seu líder; Dialogue: 0,0:02:47.02,0:02:51.02,Default,,0000,0000,0000,,e assim, se no seu processador de texto que você definiu 10 pontos, tipo Dialogue: 0,0:02:51.02,0:02:59.04,Default,,0000,0000,0000,,ele normalmente irá automaticamente adicionar um extra de 2 pontos de espaçamento para colocar 12 pontos entre cada linha. Dialogue: 0,0:02:59.04,0:03:05.04,Default,,0000,0000,0000,,A altura das letras minúsculas é chamado de x-altura, a partir da "x". Dialogue: 0,0:03:05.04,0:03:10.03,Default,,0000,0000,0000,,Alguns corpos têm uma maior altura-x, como Lucida Bright ou Geórgia; Dialogue: 0,0:03:10.03,0:03:13.69,Default,,0000,0000,0000,,typefaces outros têm uma altura-x menor, como Baskerville. Dialogue: 0,0:03:13.69,0:03:16.08,Default,,0000,0000,0000,,E isso é importante para design - especialmente online - Dialogue: 0,0:03:16.08,0:03:23.07,Default,,0000,0000,0000,,porque tipos que têm uma maior altura-x vai ser mais fácil de ler em tamanhos menores Dialogue: 0,0:03:23.07,0:03:27.56,Default,,0000,0000,0000,,e em dispositivos de baixa resolução, como a maioria das telas. Dialogue: 0,0:03:27.56,0:03:31.08,Default,,0000,0000,0000,,Por outro lado, as letras com uma baixa altura-x, como Baskerville, Dialogue: 0,0:03:31.08,0:03:37.05,Default,,0000,0000,0000,,são usados quando você está tentando dar elegância, ou uma "Bella Park" sentir alguma coisa. Dialogue: 0,0:03:37.05,0:03:39.78,Default,,0000,0000,0000,,E brotando e caindo da altura-x Dialogue: 0,0:03:39.78,0:03:44.96,Default,,0000,0000,0000,,são os ascendentes - como a haste superior da h e o ponto do i -, Dialogue: 0,0:03:44.96,0:03:49.56,Default,,0000,0000,0000,,e seus descendentes - como o g y, p,. Dialogue: 0,0:03:49.56,0:03:55.21,Default,,0000,0000,0000,,Em geral, um tipo que tem uma baixa altura de x tendem a ter longas ascendentes e descendentes, Dialogue: 0,0:03:55.21,0:04:01.34,Default,,0000,0000,0000,,e um tipo de letra que tem uma altura x altura tendem a ter mais ascendentes e descendentes esmagados. Dialogue: 0,0:04:05.75,0:04:08.08,Default,,0000,0000,0000,,Tipos também podem variar no seu peso. Dialogue: 0,0:04:08.08,0:04:15.46,Default,,0000,0000,0000,,Então, aqui tem um exemplo de luz a esquerda, regular ou romana no meio, e em negrito à direita Dialogue: 0,0:04:15.46,0:04:19.09,Default,,0000,0000,0000,,Às vezes, você vai ver como pesos entre Demibold ou seminegrito, Dialogue: 0,0:04:19.09,0:04:23.08,Default,,0000,0000,0000,,e, mesmo para o mais à direita de negrito, você verá preto. Dialogue: 0,0:04:23.08,0:04:25.09,Default,,0000,0000,0000,,O número seis na lista são serifas. Dialogue: 0,0:04:25.09,0:04:33.07,Default,,0000,0000,0000,,Serifas são os doohiggies no final de cartas que lhes dão esse olhar cinzelado. Dialogue: 0,0:04:33.07,0:04:35.04,Default,,0000,0000,0000,,[Há] uma dupla mais que são bônus: Dialogue: 0,0:04:35.04,0:04:39.09,Default,,0000,0000,0000,,Algumas faces (tipos de letra) também incluem small caps - que com certeza são exatamente o que parecem, Dialogue: 0,0:04:39.09,0:04:41.76,Default,,0000,0000,0000,,versões menores de capital [s] e números. Dialogue: 0,0:04:41.76,0:04:44.73,Default,,0000,0000,0000,,Estes podem ser usados como cabeçalhos, ou podem também ser utilizados Dialogue: 0,0:04:44.73,0:04:50.03,Default,,0000,0000,0000,,para colocar siglas e textos de capital de dentro de um bloco de texto do corpo. Dialogue: 0,0:04:51.59,0:04:53.54,Default,,0000,0000,0000,,E uma coisa que você pode não saber é - Dialogue: 0,0:04:53.54,0:04:59.68,Default,,0000,0000,0000,,como letras vêm em letras maiúsculas e minúsculas, números fazem também. Dialogue: 0,0:04:59.68,0:05:01.09,Default,,0000,0000,0000,,Estes números, definidos em Neutraface, Dialogue: 0,0:05:01.09,0:05:06.03,Default,,0000,0000,0000,,dar um exemplo de algo que tem apenas pequenas ascendentes e descendentes; Dialogue: 0,0:05:06.03,0:05:09.46,Default,,0000,0000,0000,,em alguns casos, estes podem ser mais dramático. Dialogue: 0,0:05:09.46,0:05:11.04,Default,,0000,0000,0000,,Números minúsculos são úteis Dialogue: 0,0:05:11.04,0:05:17.00,Default,,0000,0000,0000,,quando você quer números para encaixar com um grande bloco de texto e não se destacam. Dialogue: 0,0:05:17.00,0:05:20.05,Default,,0000,0000,0000,,Uma das perguntas mais comuns que se pergunta sobre o design gráfico é: Dialogue: 0,0:05:20.05,0:05:22.06,Default,,0000,0000,0000,,"Que tipo de letra devo usar?" Dialogue: 0,0:05:22.06,0:05:24.06,Default,,0000,0000,0000,,E um monte de pessoas já ouviu falar de uma história Dialogue: 0,0:05:24.06,0:05:28.08,Default,,0000,0000,0000,,ondetipos serifados são geralmente recomendados para o corpo do texto Dialogue: 0,0:05:28.08,0:05:32.08,Default,,0000,0000,0000,,e tipos de fontes sem serifa são recomendados para cabeçalhos. Dialogue: 0,0:05:32.08,0:05:36.96,Default,,0000,0000,0000,,E isso é, no geral, não é um mau conselho. Dialogue: 0,0:05:36.96,0:05:41.64,Default,,0000,0000,0000,,Não é uma afirmação muitas vezes repetida de que a razão que esta é uma boa heurística Dialogue: 0,0:05:41.64,0:05:47.00,Default,,0000,0000,0000,,é porque fontes serifadas, com aquelas doohiggies no final, Dialogue: 0,0:05:47.00,0:05:52.05,Default,,0000,0000,0000,,dar a seus olhos algo para prender e, conseqüentemente, são mais fáceis de ler. Dialogue: 0,0:05:52.05,0:05:55.05,Default,,0000,0000,0000,,É uma hipótese interessante. Dialogue: 0,0:05:55.05,0:05:58.01,Default,,0000,0000,0000,,Então eu olhei para isso um pouco para todos vocês, Dialogue: 0,0:05:58.01,0:06:00.08,Default,,0000,0000,0000,,e há alguns desafios na tentativa de descobrir isso. Dialogue: 0,0:06:00.08,0:06:07.09,Default,,0000,0000,0000,,Para começar, as diferenças individuais nos leitores diminuem quaisquer efeitos de manipulação do tipo de letra - Dialogue: 0,0:06:07.09,0:06:09.71,Default,,0000,0000,0000,,como, algumas pessoas lêem muito mais rápido do que outros, Dialogue: 0,0:06:09.71,0:06:16.03,Default,,0000,0000,0000,,e por isso é difícil de medir as diferenças na capacidade de leitura de caracteres tipográficos. Dialogue: 0,0:06:16.03,0:06:19.08,Default,,0000,0000,0000,,Além disso, a leitura exige familiaridade: Dialogue: 0,0:06:19.08,0:06:23.08,Default,,0000,0000,0000,,Não é como se nós nascemos sabendo o que é uma letra R parece, precisamos praticar. Dialogue: 0,0:06:23.08,0:06:28.04,Default,,0000,0000,0000,,E assim se você aprender com um estilo da letra R, você provavelmente vai ser mais rápido do que com um; Dialogue: 0,0:06:28.04,0:06:33.02,Default,,0000,0000,0000,,e se você aprender com outro estilo da letra R, você vai ser mais rápido com isso. Dialogue: 0,0:06:34.09,0:06:37.52,Default,,0000,0000,0000,,Se mesmo quando temos passado todos esses desafios, Dialogue: 0,0:06:37.52,0:06:41.03,Default,,0000,0000,0000,,pode ser um pouco difícil descobrir exatamente como você deve medir isso. Dialogue: 0,0:06:42.79,0:06:48.02,Default,,0000,0000,0000,,Bem, eu não posso ir tão longe a ponto de dizer que a hipótese serif é definitivamente falso; Dialogue: 0,0:06:48.02,0:06:53.03,Default,,0000,0000,0000,,o que eu posso dizer é que há uma grande quantidade de evidências para apoiar que ele realmente é real. Dialogue: 0,0:06:53.03,0:06:56.68,Default,,0000,0000,0000,,E Alex Poole faz um ótimo trabalho de descrever isso em seu site: Dialogue: 0,0:06:57.76,0:07:03.05,Default,,0000,0000,0000,,Ele escreve que "O que inicialmente parecia uma questão pura dicotômica de serif contra sans serif Dialogue: 0,0:07:03.05,0:07:07.07,Default,,0000,0000,0000,,resultou em um corpo de pesquisa consistente em reivindicações fracos e contra-reivindicações, Dialogue: 0,0:07:07.07,0:07:10.65,Default,,0000,0000,0000,,e estudo após estudo com os resultados de "nenhuma diferença". Dialogue: 0,0:07:10.65,0:07:16.05,Default,,0000,0000,0000,,É o caso que mais de cem anos de pesquisa foi marcada por repetidas [] falhas metodológicas, Dialogue: 0,0:07:16.05,0:07:21.04,Default,,0000,0000,0000,,ou são simplesmente serifas "arenque vermelho" tipográfico? " Dialogue: 0,0:07:21.04,0:07:26.04,Default,,0000,0000,0000,,Parece que o tipo-misto é como você entrar em uma frase - superior e inferior misturados - Dialogue: 0,0:07:26.04,0:07:29.77,Default,,0000,0000,0000,,é mais rápido para ler do que todas as capitulares, presumivelmente porque Dialogue: 0,0:07:29.77,0:07:34.26,Default,,0000,0000,0000,,você tem maior variação vertical com os ascendentes e descendentes em letras minúsculas, Dialogue: 0,0:07:34.26,0:07:39.65,Default,,0000,0000,0000,,e que dão mais informações aos seus olhos uma vez que está lendo. Dialogue: 0,0:07:39.65,0:07:45.08,Default,,0000,0000,0000,,Além disso, em geral, as fontes proporcionais parecem ser mais rápidos do que fontes monoespaçada, como uma máquina de escrever. Dialogue: 0,0:07:45.08,0:07:52.04,Default,,0000,0000,0000,,Então, fonte máquina [s] - mais lento para ler - [mas] esse material só importa se você tem que ler muito. Dialogue: 0,0:07:52.65,0:07:59.62,Default,,0000,0000,0000,,Mas o resumo mais simples é que, na prática, equivale a legibilidade simplesmente o que você está acostumado. Dialogue: 0,0:08:00.16,0:08:04.67,Default,,0000,0000,0000,,O que essas palavras dizem? A metade inferior é obscurecida. Dialogue: 0,0:08:04.67,0:08:08.100,Default,,0000,0000,0000,,Como muitos de vocês adivinharam: "Eu sou um donut de geléia". Dialogue: 0,0:08:09.01,0:08:13.47,Default,,0000,0000,0000,,Que tal esse aqui? Aqui, a metade superior é obscurecida. Dialogue: 0,0:08:13.47,0:08:15.41,Default,,0000,0000,0000,,Parece um pouco mais difícil? Dialogue: 0,0:08:15.41,0:08:19.03,Default,,0000,0000,0000,,"JFK falou em Berlim." Dialogue: 0,0:08:19.03,0:08:24.72,Default,,0000,0000,0000,,Acontece que a informação mais parece ser codificada na metade superior dos textos que na metade inferior. Dialogue: 0,0:08:25.19,0:08:27.45,Default,,0000,0000,0000,,E o que isto quer dizer? Dialogue: 0,0:08:27.45,0:08:31.61,Default,,0000,0000,0000,,[I] aposto que muitos de vocês viram como "o gato", Dialogue: 0,0:08:31.61,0:08:36.04,Default,,0000,0000,0000,,e menos pessoas ", TAE CHT". Dialogue: 0,0:08:36.04,0:08:42.29,Default,,0000,0000,0000,,E isso porque a expectativa desempenha um papel muito importante no que lemos. Dialogue: 0,0:08:42.29,0:08:44.03,Default,,0000,0000,0000,,E se você é realmente perspicaz, Dialogue: 0,0:08:44.03,0:08:52.63,Default,,0000,0000,0000,,você pode ter percebido que essas duas letras do meio são, na verdade, exatamente a mesma letra, Dialogue: 0,0:08:52.63,0:08:57.05,Default,,0000,0000,0000,,de modo que a única diferença é o que você está esperando para ver em cada caso. Dialogue: 0,0:08:57.05,0:09:01.06,Default,,0000,0000,0000,,Sua probabilidade prévia influencia a sua interpretação. Dialogue: 0,0:09:01.06,0:09:07.02,Default,,0000,0000,0000,,Então, se você juntar tudo isso e voltar à nossa pergunta original do "Qual fonte devo usar", Dialogue: 0,0:09:07.02,0:09:09.08,Default,,0000,0000,0000,,a resposta é "depende". Dialogue: 0,0:09:09.08,0:09:12.16,Default,,0000,0000,0000,,Se você está colocando abaixo um bloco longo do texto, Dialogue: 0,0:09:12.16,0:09:16.35,Default,,0000,0000,0000,,é melhor usar um tipo de letra que muitas pessoas vão estar familiarizado com; Dialogue: 0,0:09:16.37,0:09:21.46,Default,,0000,0000,0000,,e se você está trabalhando online, use algo que tem um relativamente alto x altura. Dialogue: 0,0:09:21.46,0:09:25.08,Default,,0000,0000,0000,,Por outro lado, se você está fazendo um logotipo ou um simbolo, Dialogue: 0,0:09:25.08,0:09:29.05,Default,,0000,0000,0000,,ou algo que é curto e destinado a ser dramático, Dialogue: 0,0:09:29.05,0:09:33.00,Default,,0000,0000,0000,,então você provavelmente vai querer usar algo um pouco funk como o seu tipo de letra - Dialogue: 0,0:09:33.00,0:09:36.65,Default,,0000,0000,0000,,algo que vai chamar a atenção e ser único, memorável. Dialogue: 0,0:09:37.79,0:09:42.62,Default,,0000,0000,0000,,E tipos de letras - como tudo na vida - [construir] reputação acima. Dialogue: 0,0:09:42.62,0:09:46.69,Default,,0000,0000,0000,,Assim, ao longo do tempo, certos tipos de letra podem significar certas coisas. Dialogue: 0,0:09:46.69,0:09:50.91,Default,,0000,0000,0000,,E aqui está um grande exemplo de Hoefler e Frere-Jones, escrevendo em seu blog. Dialogue: 0,0:09:50.91,0:09:56.03,Default,,0000,0000,0000,,Eles falam sobre como Baskerville parece que é de uma revista literária Dialogue: 0,0:09:56.03,0:10:03.07,Default,,0000,0000,0000,,e Optima parece lembrar-nos de produtos de higiene baratos de 1950. Dialogue: 0,0:10:03.07,0:10:08.01,Default,,0000,0000,0000,,Aqui estão dois exercícios simples que você pode usar para melhorar o seu olho de digitação: Dialogue: 0,0:10:08.01,0:10:14.05,Default,,0000,0000,0000,,A primeira é: Olhe ao seu redor para todas as diferentes formas que o mesmo tipo de letra fica implementado; Dialogue: 0,0:10:14.05,0:10:17.04,Default,,0000,0000,0000,,que lhe dará um senso de seu alcance. Dialogue: 0,0:10:17.04,0:10:25.62,Default,,0000,0000,0000,,E o segundo é: Veja como o mesmo texto, com tipos diferentes, realmente muda o seu significado. Dialogue: 0,0:10:27.16,0:10:30.03,Default,,0000,0000,0000,,Nesta classe temos um monte de terreno para cobrir rapidamente, Dialogue: 0,0:10:30.03,0:10:33.07,Default,,0000,0000,0000,,e assim, infelizmente, não podemos passar muito tempo em tipografia; Dialogue: 0,0:10:33.07,0:10:36.06,Default,,0000,0000,0000,,mas é um assunto fascinante, e se você quiser saber mais sobre isso, Dialogue: 0,0:10:36.06,0:10:42.04,Default,,0000,0000,0000,,há muitos livros ótimos e os recursos de design on-line, e eles estão crescendo rapidamente. Dialogue: 0,0:10:42.04,0:10:48.00,Default,,0000,0000,0000,,Aqui estão apenas alguns que eu acho que são particularmente bons.