La typographie cinétique semble être partout ces jours-ci. Des publicités télévisées aux pages de renvoi de sites Web, les caractères mobiles sont un outil visuel populaire. Cette popularité peut provenir de plusieurs raisons, mais un facteur évident est qu'elle attire votre attention. Les gens ont tendance à être attirés par les mots et à vouloir les lire.
La typographie cinétique associe à cela quelques animations simples pour créer des mots qui bougent sur l'écran, attirer votre attention et faire appel aux sens. Examinons maintenant la typographie cinétique et comment l'intégrer à certains de vos projets de conception. (Remarque: les exemples de cet article incluent une animation. Cliquez sur les images pour les liens vers les sources d'origine pour les voir en action.)
Qu'est-ce que la typographie cinétique?
La typographie cinétique fait référence à la création de type en mouvement. C'est une technique d'animation utilisée pour élargir, réduire, faire voler, déplacer au ralenti, agrandir et modifier le lettrage de nombreuses façons pour l'utilisateur. L'effet peut être simple et court avec seulement de petits changements ou assez élaboré et long.
L'utilisation de la typographie cinétique a presque explosé récemment en raison d'une utilisation accrue de la technique dans la conception Web. Autrefois quelque chose qui n’était utilisé que dans la vidéo et la télévision, la typographie cinétique gagne en popularité en tant qu’effet de fond sur les sites Web et les vidéos sur le Web. (Tout cela est possible grâce au haut débit plus répandu et aux vitesses de navigation sur Internet et sur Internet accrues.)
La technique utilisée pour un certain nombre de raisons, mais peut mettre l'accent sur certains contenus. Cela peut aider à transmettre le ton et l’émotion. Cela peut aider à créer un visuel unique là où aucun n’existe. Ce peut être une option abordable pour ceux qui ont des budgets limités. Cela peut ajouter un intérêt lorsque votre conception a besoin d'un coup de pouce.
Les origines de la typographie cinétique
La typographie cinétique peut être qualifiée de tendance émergente pour la conception de sites Web, mais elle existe depuis assez longtemps. Il a d'abord été utilisé sur grand écran.
Des chercheurs du Human Computer Interaction Institute et de la School of Design de la Carnegie Mellon University ont retracé la première utilisation de la typographie cinétique dans le film 1959 d'Alfred Hitchcock intitulé «North by Northwest». Dans les crédits d'ouverture, le type est utilisé dans un format amovible. Un an plus tard, l'effet a été utilisé à nouveau dans? Psycho.? "Ce travail découle en partie de la volonté de faire en sorte que le générique d’ouverture prépare le terrain pour le film en créant une ambiance, plutôt que de simplement transmettre les informations du générique," les chercheurs ont écrit.
À partir de ce moment, la typographie cinétique est devenue plus courante dans les films et plus tard à la télévision. Il a été utilisé dans les crédits, lors de spectacles et pour des publicités. Une utilisation notable de la typographie cinétique dans la publicité a été introduite en 2009 lorsque Pepsi a lancé un programme «Refresh Everything». campagne (maintenant appelée? Pepsi Pulse?) avec un nouveau logo. Le nouveau design - comportant un logo à la place de la lettre «o» - est apparu partout, de la télévision à Internet, en utilisant des caractères mobiles.
Plus récemment, cette technique est devenue une technique largement utilisée dans la conception de sites Web (et également pour certaines applications mobiles) et est assez courante dans les vidéos en ligne. Il est utilisé pour tout, de la publicité et de la promotion à l'art en passant par les vidéos musicales, en passant par un outil de narration destiné aux journalistes.
Quand faut-il utiliser la typographie cinétique?
La typographie cinétique est un outil amusant pour votre kit, mais ce n'est pas une solution facile au problème du je-ne-ai-tout-art-maintenant-quoi. Comme tout autre outil, il devrait être utilisé dans un but précis et avec un objectif en tête.
Il existe des utilisations pour lesquelles la typographie cinétique s’est révélée particulièrement efficace. Ces utilisations concernent le plus le ton. L'ajout de caractères mobiles à quelque chose qui serait normalement statique peut aider à atteindre cet objectif. Les meilleures utilisations de la typographie cinétique comprennent:
- Créer du contenu émotionnel
- Création de personnages
- Capturer l'attention
La manière dont le type de mouvement contribue également à ces utilisations, selon les recherches. Par exemple: «Vous pouvez imiter la sonorité en modifiant la taille du texte, ainsi que son poids, ainsi que parfois le contraste ou la couleur. Pour des volumes élevés, des mouvements imitant les vibrations peuvent être utilisés. Lors de la création de caractères, le type peut être configuré pour se déplacer de manière à imiter le mouvement humain et peut également être animé pour "attacher". aux objets ou aux formes de manière à créer des relations spatiales ou des associations à une direction spécifique.
Applications de typographie cinétique
Maintenant que l'idée de la typographie cinétique vous passionne, comment pouvez-vous l'utiliser dans des applications pratiques? Quels médiums fonctionnent le mieux?
Premièrement, le type mobile est un format vidéo et en ligne. Sauf si vous créez un flipbook, il existe peu d'utilisations de ce concept dans les projets imprimés. Il est important de penser à votre public et au temps qu’ils pourraient consacrer à une animation. Pour les applications Web et mobiles, il est recommandé de rester concis, tandis que dans le cinéma ou la publicité, vous aurez peut-être un peu plus de temps avec chaque utilisateur.
Quoi qu'il en soit, il est important de créer quelque chose d'intéressant, facile à lire et à comprendre et qui crée un lien affectif. Les utilisations pratiques courantes de la typographie cinétique comprennent des utilisations éducatives, telles que le populaire? Schoolhouse Rock? des vidéos et des émissions diffusées de 1973 à 2009; promotionnel ou publicitaire; et des vidéos de musique.
Lors de la planification de la typographie cinétique, certains schémas de mouvement et de comportement sont courants.
- Ralenti ou rapide
- Étirement ou rétrécissement
- Mouvement en arcs ou en vagues lorsque le texte se déplace le long de chemins courbes
- Action anticipée, un tel mouvement subtil avant un mouvement vif
- Suivez les actions qui se produisent après que quelque chose d'autre se soit passé
- Action secondaire lorsque le texte est déplacé à cause de quelque chose qui arrive à un autre élément du cadre
Ressources et tutoriels
Rassembler des caractères animés peut être aussi simple que créer un gif ou aussi compliqué que produire un clip vidéo. Mais il existe de nombreux tutoriels de qualité - et très faciles à suivre - si vous voulez vraiment apprendre les techniques de typographie cinétique.
Premièrement, nous vous recommandons de regarder ce qui existe et le nombre illimité d’options disponibles pour créer un type déplaçable. (Consultez la typographie cinétique sur Tumblr pour quelques exemples amusants.) Et commencez à jouer avec les gifs. Si vous êtes à l'aise avec les outils d'animation d'Adobe Photoshop, vous pouvez créer quelque chose de simple en quelques minutes. Après cela, vous voudrez peut-être passer à de plus grands projets.
En outre, certains outils vous permettent de créer rapidement des animations de texte simples.
- Moteur de typographie cinétique
- Didacticiel de typographie cinétique par Jesse Rosten
- Didacticiel de typographie cinétique par Crooked Gremlins
- Techniques de typographie cinétique avec After Effects
- Cours de typographie cinétique Udemy
- Adobe TV: tutoriels vidéo sur Edge Animate
- Conseils d'animation de type MotionWorks
Conclusion
L'utilisation de la typographie cinétique peut être un outil amusant. Les types mobiles peuvent ajouter un impact, une connexion émotionnelle et un intérêt visuel aux projets numériques et vidéo. Bien que les techniques puissent prendre un certain temps à maîtriser, c'est quelque chose qui est susceptible de rester. (Il suffit de penser que les concepteurs utilisent cette technique depuis plus de 50 ans.)
Travaillez-vous actuellement sur des projets utilisant la typographie cinétique? Comment se forment-ils? Partagez vos pensées (et liens de projet) avec nous dans les commentaires. Nous aimerions voir ce que vous travaillez.