Tipografia cinética: um guia introdutório
A tipografia cinética parece estar em toda parte nos dias de hoje. De comerciais de televisão a páginas de destino de sites, o tipo móvel é uma ferramenta visual popular. Essa popularidade pode vir de várias razões, mas um fator óbvio é que chama sua atenção. As pessoas tendem a ser atraídas por palavras e querem lê-las.
A tipografia cinética junta isso com algumas animações simples para criar palavras que se movem na tela, chamando sua atenção e envolvendo os sentidos. Então, vamos dar uma olhada na tipografia cinética e como você pode integrá-la em alguns de seus projetos de design. (Nota: Os exemplos neste artigo incluem animação; clique nas imagens dos links para as fontes originais para vê-las em ação.)
O que é tipografia cinética?
Tipografia cinética refere-se à criação do tipo móvel. É uma técnica de animação usada para fazer com que as letras se expandam, encolhem, voem, se movam em câmera lenta, cresçam e mudem de várias maneiras para o usuário. O efeito pode ser simples e curto, com apenas pequenas alterações ou bastante elaborado e demorado.
O uso da tipografia cinética quase explodiu recentemente por causa de mais uso da técnica em web design. Antes algo que era usado apenas em vídeo e televisão, a tipografia cinética ganha popularidade como efeito de segundo plano em sites e vídeos baseados na web. (Tudo isso é possível graças à banda larga mais alta e mais comum e ao aumento da velocidade de navegação na Internet e na Web.)
A técnica usada por vários motivos, mas pode adicionar ênfase a determinado conteúdo. Pode ajudar a transmitir tom e emoção. Pode ajudar a criar um visual único onde não existe. Pode ser uma opção acessível para aqueles com orçamentos limitados. Isso pode aumentar o interesse quando seu design precisa de um impulso.
Origens da tipografia cinética
Embora a tipografia cinética possa ser rotulada como uma tendência emergente para o design web hoje em dia, ela existe há algum tempo. Foi usado pela primeira vez na tela grande.
Pesquisadores do Human Computer Interaction Institute e da School of Design da Carnegie Mellon University rastrearam o primeiro uso da tipografia cinética no filme de 1959 de Alfred Hitchcock, em 1959, “North by Northwest”. Nos créditos de abertura, o tipo é usado em um formato móvel. Um ano depois, o efeito foi usado novamente em "Psycho". "Este trabalho decorreu em parte do desejo de ter os créditos iniciais preparando o cenário para o filme estabelecendo um clima, em vez de simplesmente transmitir as informações dos créditos", escreveram os pesquisadores.
A partir desse ponto, a tipografia cinética tornou-se mais comum no cinema e mais tarde na televisão. Tem sido usado em créditos, durante shows e para anúncios. Um uso notável da tipografia cinética na publicidade ocorreu em 2009, quando a Pepsi lançou uma campanha "Refresh Everything" (agora chamada "Pepsi Pulse") com um novo logotipo. O novo design - com um logotipo no lugar da letra 'o' - apareceu em todos os lugares, da televisão ao online, usando o tipo móvel.
Mais recentemente, tornou-se uma técnica amplamente usada no design de sites (e também para alguns aplicativos móveis) e é bastante comum em vídeos online. É usado para tudo, desde propaganda e promoção, arte, videoclipes e uma ferramenta de contar histórias para jornalistas.
Quando você deve usar a tipografia cinética?
A tipografia cinética é uma ferramenta divertida para o seu kit, mas não é uma solução fácil para o problema "eu não tenho arte, então agora o que". Deve ser usado - como qualquer outra ferramenta - para uma finalidade específica e com um certo objetivo em mente.
Existem usos em que a tipografia cinética provou ser particularmente eficaz. Esses usos estão mais relacionados ao tom. Adicionar tipo móvel a algo que de outra forma seria estático por natureza pode ajudar a conseguir isso. Os melhores usos para tipografia cinética incluem:
- Criando conteúdo emocional
- Criando personagens
- Capturando a atenção
A maneira como o tipo se move também contribui para esses usos, de acordo com a pesquisa. Por exemplo: “A intensidade do som pode ser alterada alterando o tamanho do texto, o peso e, ocasionalmente, o contraste ou a cor. Para volumes altos, movimentos que imitam a vibração podem ser usados. ” Na criação de personagens, o tipo pode ser definido para se mover de uma maneira que imite o movimento humano e ainda pode ser animado para "anexar" objetos ou formas de maneira a criar relações espaciais ou associações a uma direção específica.
Aplicações de tipografia cinética
Agora que você está começando a ficar empolgado com a idéia da tipografia cinética, como pode usá-la em aplicações práticas? Quais mídias funcionam melhor?
Primeiro, o tipo móvel é um formato de vídeo e online. A menos que você esteja criando um flipbook, há poucos usos para esse conceito em projetos impressos. É importante pensar sobre o seu público e a quantidade de tempo que eles podem gastar com uma animação. É recomendável mantê-lo curto para aplicativos da Web e dispositivos móveis, enquanto em filmes ou publicidade você pode ter um pouco mais de tempo com cada usuário.
De qualquer forma, é importante criar algo que seja interessante, fácil de ler e entender e que crie uma conexão emocional. Os usos práticos comuns para tipografia cinética incluem usos educacionais, como os populares vídeos “Schoolhouse Rock” e programação que foram ao ar entre 1973 e 2009; promocional ou publicitário; e vídeos de música.
Ao planejar a tipografia cinética, existem alguns padrões comuns de movimento e comportamento.
- Câmera lenta ou câmera rápida
- Alongamento ou encolhimento
- Movimento em arcos ou ondas conforme o texto se move ao longo de caminhos curvos
- Ação prevista, um movimento tão sutil antes de um movimento agudo
- Siga as ações que acontecem depois que algo mais acontece
- Ação secundária quando o texto se move devido a algo que acontece com outro elemento no quadro
Recursos e Tutoriais
Reunir tipos animados pode ser tão simples quanto criar um gif ou tão complicado quanto produzir um videoclipe. Mas há muitos bons - e super fáceis de seguir - tutoriais disponíveis, se você realmente quiser aprender técnicas de tipografia cinética.
Primeiro, uma recomendação para analisar o que existe e o número ilimitado de opções disponíveis para a criação de tipos móveis. (Confira a tipografia cinética no Tumblr para alguns exemplos divertidos.) E depois comece a brincar com gifs. Se você se sentir confortável com as ferramentas de animação do Adobe Photoshop, poderá criar algo simples em minutos. Depois disso, convém passar para projetos maiores.
Além disso, existem algumas ferramentas para ajudá-lo a criar animações de texto simples com pressa.
- Mecanismo de tipografia cinética
- Tutorial de tipografia cinética de Jesse Rosten
- Tutorial de tipografia cinética de Crooked Gremlins
- Técnicas de tipografia cinética com efeitos secundários
- Curso de Tipografia Cinética da Udemy
- Adobe TV: Aprenda os tutoriais em vídeo do Edge Animate
- Dicas de animação do tipo MotionWorks
Conclusão
Usar tipografia cinética pode ser uma ferramenta divertida. O tipo móvel pode adicionar impacto, conexão emocional e interesse visual a projetos digitais e de vídeo. Embora as técnicas possam levar algum tempo para dominar, é algo que provavelmente está por aí. (Apenas pense, os designers usam a técnica de alguma forma há mais de 50 anos.)
Você está trabalhando em projetos usando tipografia cinética? Como eles estão se moldando? Compartilhe seus pensamentos (e links do projeto) conosco nos comentários. Gostaríamos muito de ver no que você está trabalhando.
