Typographie cinétique: un guide d'introduction
La typographie cinétique semble être partout de nos jours. Des publicités télévisées aux pages de destination de sites Web, le type mobile est un outil visuel populaire. Cette popularité pourrait provenir d'un certain nombre de raisons, mais un facteur évident est qu'elle attire votre attention. Les gens ont tendance à être attirés par les mots et veulent les lire.
La typographie cinétique associe cela à des animations simples pour créer des mots qui bougent sur l'écran, attirant votre attention et stimulant les sens. Jetons donc un coup d'œil à la typographie cinétique et à la manière de l'intégrer dans certains de vos projets de conception. (Remarque: les exemples de cet article incluent une animation; cliquez sur les images pour des liens vers les sources originales pour les voir en action.)
Qu'est-ce que la typographie cinétique?
La typographie cinétique fait référence à la création d'un type en mouvement. Il s'agit d'une technique d'animation qui permet d'étendre, de rétrécir, de voler, de se déplacer au ralenti, de grandir et de changer 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 de l'utilisation accrue de la technique dans la conception de sites Web. Autrefois utilisée uniquement dans la vidéo et la télévision, la typographie cinétique gagne en popularité comme effet de fond sur les sites Web et dans les vidéos sur le Web. (Tout cela est possible grâce à un haut débit plus élevé et plus commun et à des vitesses de navigation Internet et Web 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. Il peut aider à créer un visuel unique là où il n'en existe pas. Cela peut être une option abordable pour ceux qui ont des budgets limités. Cela peut ajouter de l'intérêt lorsque votre conception a besoin d'un coup de pouce.
Origines de la typographie cinétique
Alors que la typographie cinétique peut être considérée comme une tendance émergente pour la conception Web aujourd'hui, elle existe depuis un certain temps. Il a d'abord été utilisé sur grand écran.
Des chercheurs du Human Computer Interaction Institute et de la School of Design de l'Université Carnegie Mellon ont retracé la première utilisation de la typographie cinétique au film d'Alfred Hitchcock de 1959 «North by Northwest» de 1959. Dans les génériques d'ouverture, le type est utilisé dans un format mobile. Un an plus tard, l'effet a de nouveau été utilisé dans «Psycho». «Ce travail découle en partie du désir de voir le générique d'ouverture préparer le terrain pour le film en créant une ambiance, plutôt que de simplement transmettre les informations du générique», ont écrit les chercheurs.
À partir de ce moment, la typographie cinétique est devenue plus courante au cinéma et plus tard à la télévision. Il a été utilisé dans les crédits, pendant les spectacles et pour les publicités. Une utilisation notable de la typographie cinétique dans la publicité a eu lieu en 2009 lorsque Pepsi a lancé une campagne «Refresh Everything» (maintenant appelée «Pepsi Pulse») avec un nouveau logo. Le nouveau design - avec un logo à la place de la lettre «o» - est apparu partout de la télévision à Internet en utilisant un type mobile.
Plus récemment, il est devenu une technique largement utilisée dans la conception de sites Web (et pour certaines applications mobiles également) et est assez courant dans les vidéos en ligne. Il est utilisé pour tout, de la publicité et la promotion à l'art en passant par les clips vidéo et un outil de narration pour les 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 Je n'ai pas d'art maintenant. Il doit être utilisé - comme tout autre outil - dans un but précis et avec un certain objectif en tête.
Il existe des utilisations dans lesquelles la typographie cinétique s'est avérée particulièrement efficace. Ces utilisations concernent principalement le ton. L'ajout d'un type mobile à quelque chose qui serait autrement de nature statique peut aider à y parvenir. Les meilleures utilisations de la typographie cinétique comprennent:
- Création de contenu émotionnel
- Création de personnages
- Capter l'attention
La façon dont le type se déplace contribue également à ces utilisations, selon la recherche. Par exemple: «L'intensité sonore peut être imitée en modifiant la taille du texte, ainsi que son poids, et parfois le contraste ou la couleur. Pour les volumes élevés, des mouvements imitant les vibrations peuvent être utilisés. » Dans la création de personnages, le type peut être défini pour se déplacer d'une manière qui imite le mouvement humain et peut en outre être animé pour «se fixer» à des objets ou des formes de manière à créer des relations spatiales ou à créer des associations dans une direction spécifique.
Applications de typographie cinétique
Maintenant que vous commencez à vous passionner pour l'idée de la typographie cinétique, 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 y a peu d'utilisations de ce concept dans les projets imprimés. Il est important de penser à votre public et au temps qu'il pourrait consacrer à une animation. Rester court est recommandé pour les applications Web et mobiles, tandis que dans le film ou la publicité, vous pouvez avoir un peu plus de temps avec chaque utilisateur.
Quoi qu'il en soit, il est important de créer quelque chose d'intéressant, de facile à lire et à comprendre et qui crée une connexion émotionnelle. Les utilisations pratiques courantes de la typographie cinétique comprennent des utilisations pédagogiques, telles que les vidéos et programmes populaires «Schoolhouse Rock» qui ont été diffusés de 1973 à 2009; promotionnel ou publicitaire; et des vidéos musicales.
Lors de la planification de la typographie cinétique, il existe certains modèles courants de mouvement et de comportement.
- Ralenti ou accéléré
- É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 mouvement si subtil avant un mouvement aigu
- Suivre les actions qui se produisent après que quelque chose d'autre s'est produit
- Action secondaire lorsque le texte se déplace à cause de quelque chose qui arrive à un autre élément du cadre
Ressources et tutoriels
Assembler le type animé peut être aussi simple que de créer un gif ou aussi compliqué que de produire un clip vidéo. Mais il y a beaucoup de bons tutoriels - et super faciles à suivre - disponibles si vous voulez vraiment apprendre les techniques de typographie cinétique.
Tout d'abord, nous vous recommandons de regarder ce qui existe et le nombre illimité d'options disponibles pour créer un type mobile. (Consultez la typographie cinétique sur Tumblr pour des exemples amusants.) Et puis commencez à jouer avec des 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 à des projets plus importants.
De plus, il existe des outils pour vous aider à créer rapidement des animations de texte simples.
- Moteur de typographie cinétique
- Tutoriel sur la typographie cinétique par Jesse Rosten
- Tutoriel de typographie cinétique par Crooked Gremlins
- Techniques de typographie cinétique avec After Effects
- Cours de typographie cinétique Udemy
- Adobe TV: didacticiels vidéo Learn Edge Animate
- Conseils d'animation de type MotionWorks
Conclusion
L'utilisation de la typographie cinétique peut être un outil amusant. Le type mobile peut 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. (Imaginez, les concepteurs utilisent la technique sous une forme ou une autre depuis plus de 50 ans.)
Travaillez-vous actuellement sur des projets utilisant la typographie cinétique? Comment évoluent-ils? Partagez vos pensées (et les liens du projet) avec nous dans les commentaires. Nous aimerions voir sur quoi vous travaillez.
