Kinetic Typography significa "texto em movimento" e designa uma técnica de animação que mistura movimento com texto para exprimir ou evocar determinadas ideias ou emoções.

É uma técnica em clara expansão com elevada utilidade em variadíssimas áreas: créditos de filmes, publicidade, etc.

Clique aqui para ver exemplos.



Ilustração literal da linguagem

O significado é o elemento valorizado.

Ação combinada entre o significado das palavras e a forma. Significado das palavras é reforçado pela animação e formas.

Pegar numa palavra e adicionar uma componente visual relacionada, ilustrar.

As letras Puppets (marionetes/fantoches) presas por cordas.

Embelezamento rítmico da linguagem

O ritmo é o elemento valorizado.

O texto é um parceiro de dança, é a visualização da batida, música ou discurso da banda sonora.

O texto é disposto e animado de acordo com o tempo, com o ritmo.

A frase surge acompanhando a letra e batida da música.

Personificação da linguagem

Personalidade é a característica valorizada. A seleção ou concepção das fontes e a animação pretende personificar, diferenciar vozes no texto.

As diferenças (de poder, status, estado emocional, etc.) são traduzidas na forma tipográfica.

Personificação do texto significa atribuir características específicas, diferenciar as personalidades dos falantes (nos diálogos).

Diferenças das letras representam 2 personagens e uma é claramente mais forte que a outra.

Ruptura polimorfa da linguagem

A instabilidade e a fragilidade da linguagem é o elemento valorizado neste processo contínuo de mudança.

Tipografia selvagem, sem regras, freeform, tudo é vaĺido para expandir as fronteiras da criatividade.

O texto mudam com grande amplitude e liberdade de forma, cor, posicionamento, etc.

Fronteiras turvas

Estas abordagens não são estanques, cruzam-­se, implicam-­se, misturam-­se. Nenhum dos exemplos é "puramente" de uma abordagem. Todos incluem elementos das várias abordagens.

Estas abordagens servem para compreender a criatividade e preocupações subjacentes ao trabalho dos artistas. Servem para ajudar a pensar e planear os seus projectos.



Escolher a fonte correcta

Procure ver as formas básicas. Mais próximo das formas básicas significa mais útil e legível.

Utilize uma Família de Fontes para poder ter mais flexibilidade e opções.

Assegure-­se que existem todos os caracteres (especiais, números, etc.) de que necessita.

Distribuição e alinhamento básico

Alinhamento depende do local onde as letras estão na composição.

O centro da composição não é o centro visual.

Espaço entre as letras

Na maioria dos casos, a distância entre as letras é a mesma mas o espaço real é determinado pela forma dos caracteres. Tente criar um espaço real igual entre as letras.

Alguns caracteres ocupam mais espaço em altura. A dimensão visual é diferente de dimensão real.

Não utilizar!

Embora seja possível, evite utilizar fontes com Serif e Sans Serif na mesma composição. Na maioria dos casos (em suporte não impresso) é preferível Sans Serif.

Não utilizar mais do que 2 famílias de fontes na mesma composição.

Não misture alinhamentos.

Evite fontes “distorcidas”. Utilizar fontes standard é boa opção.

Legibilidade

Equilíbrio entre boas formas e texto legível.

Excesso de reflexos quebra legibilidade.

Dimensão do tipo determina a “thickness”.

5 things to know about typography



CRAP significa Contraste, Repetição, Alinhamento e Proximidade. São quatro princípios básicos de design que também se aplicam ou são úteis para criar Kinetic Typography.

Contraste

Contraste permite enfatizar ou destacar elementos­ chave.

Desempenha um papel crucial na organização da informação orientando para onde o leitor deve olhar primeiro ou destacando o elemento mais importante.

O contraste é criado quando dois elementos são opostos, quando estão claramente diferenciados e não são "ligeiramente diferentes". Podem ser cores, fontes, linhas, etc.

Repetição

Repita estilos e soluções para criar coesão.

Se uns elementos relacionados entre si têm um determinado estilo, continue essa tendência para criar consistência e reforçar a associação.

Os elementos repetidos podem ser tão simples como uma cor, formas, tipos ou mesmo uma textura.

Alinhamento

Todos os elemento de uma composição devem estar visualmente ligados, nada deve estar fora do lugar.

Alinhar elementos que não estão próximos entre si, ajuda a criar uma ligação entre os mesmos.

É um dos princípios básicos e mais importantes. Permite criar ordem e organização entre os elementos, elimina a confusão e o ruído/sujidade originado pelo posicionamento aleatório.

Proximidade

A proximidade cria relações entre significados.

Os elementos relacionados devem ser agrupados, elementos distintos devem ter espaço suficiente para comunicar que são diferentes.