Web Design : Le guide complet sur l’animation
Alors que ses balbutiements remontent au paléolithique, l’animation a aujourd’hui investi notre quotidien à l’ère du...
Alors que ses balbutiements remontent au paléolithique, l’animation a aujourd’hui investi notre quotidien à l’ère du...
Le facteur clé de succès est la qualité du contenu proposé. Même si l’expression est souvent utilisée à...
Vous voulez tester vos connaissances en CSS et vous comparer aux autres développeurs ? C’est ce que propose CSSBattle, une plateforme ludique...
Twitter est, comme tous les réseaux sociaux, une plateforme centralisée. Cela pourrait changer sous la houlette de Jack Dorsey. Il vient...
Découvrez le métier de trader média à travers le témoignage de Guillaume Mateos, ancien étudiant de...
Kantar a identifié 12 tendances et prédictions dans l’industrie du numérique et des médias pour l’année 2020....
Notre sélection d’offres d’emploi de la semaine met à l’honneur les product owners, mais aussi les chefs de projet techniques...
La Loi de finances 2020 prévoit d’apporter quelques changements au régime de la micro-entreprise. Parmi les plus gros aménagements,...
Créer et suivre les liens web peut être un défi, surtout si vous ne comprenez pas la différence entre les chemins absolus et...
Le portfolio, c’est la carte de visite du graphiste ou de designer. Si vous débutez dans le métier, le vôtre est potentiellement...
Alors que ses balbutiements remontent au paléolithique, l’animation a aujourd’hui investi notre quotidien à l’ère du digital et des...
Alors que ses balbutiements remontent au paléolithique, l’animation a aujourd’hui investi notre quotidien à l’ère du digital et des écrans qui cherchent à capter notre attention. Bien sûr, elle est toujours présente dans les dessins animés, les films en 3D ainsi que dans les jeux vidéos.
Mais à l’heure du motion design et d’une attention qui devient de plus en plus difficile à capturer chez les usagers, il est bon de faire un retour sur l’histoire de cette pratique et de jeter un œil à ses différentes utilisations aujourd’hui pour la mettre au service de vos besoins.
Les plus anciennes tentatives de recréer le mouvement en dessin remonte aux peintures rupestres paléolithiques où les animaux sont souvent reproduits avec plusieurs jambes en positions superposées. Il a été supposé que ces images simulaient le mouvement à la lumière tremblante des flammes d’une torche illuminant par saccades certaines parties du mur tour à tour.
Des fouilles archéologiques ont par ailleurs exhumé de petits disques troués en leur centre, dont les dessins sur leurs faces ont été admis comme les premiers thaumatropes, créant l’illusion de motion quand ils sont en rotation.
Enfin, entre le dernier millénaire avant notre ère et 900 en Asie sont également apparus les ombres chinoises, qui n’ont atteint l’Europe qu’au 17ème siècle. Des exemples parmi tant d’autres qui prouvent que la recherche du mouvement remonte à des temps immémoriaux.
Après l’invention au cours du 19ème siècle du thaumatrope et d’objets tels que le Phénakisticope, du flip book (ou folioscope) ou du Praxinoscope inventé par le Français Charles-Émile Reynaud, c’est ce dernier qui va le premier projeter son « Théâtre optique » avec notamment la saynète Pauvre Pierrot que vous avez peut-être eu la chance de visionner.
Ce sont d’autres français, les frères lumières, qui inventeront le Cinématographe en 1895. C’est quelques années plus tard que les « dessins animés » au sens le plus littéral du terme, apparaissent. Ces très courts films étaient en noir et blanc aux alentours de 1898 mais en couleur aux alentours de 1900.
C’est Émile Cohl, un français (encore un ! ) qui sera le premier à utiliser des techniques d’animation traditionnelles telles qu’on les connaît aujourd’hui avec Fantasmagorie, en 1908. Chaque image du film a été dessinée sur papier puis transposés sur un négatif de film, ce qui donne à l’image une impression de tableau noir à la craie.
En 1919, Félix le chat est inventé par Otto Messmer de Pat Sullivan Studios. Ce sera le premier cartoon a être commercialisé. En 1924-1928 le son fait son apparition, Et au début des années 30 Mickey entre sur le devant de la scène pour avoir la renommée qu’on lui connaît aujourd’hui.
Souvent réalisées en motion design, ces courtes vidéos peuvent s’appliquer pour tous types de situations : présentations d’un produit, formation professionnelle, pédagogie, vulgarisation scientifique…
Seul hic de cette pratique : originale un temps, elle a tellement été sollicitée qu’elle en paraît aujourd’hui quelque peu banale.
Connaissez-vous beaucoup de gens qui aiment attendre ? Moi non plus.
Une animation sur votre page de chargement peut vous aider à faire patienter les impatients tout en les divertissant pour calmer leur frustration.
Une occasion de plus de montrer la personnalité de votre entreprise et de retenir vos visiteurs en les faisant sourire, rêvasser ou pourquoi pas les émouvoir ?
Rien n’est plus énervant qu’une fenêtre qui vous saute à la figure sans prévenir.
Les animations de transition (glissement, rétrécissement, dégradés…) vous aideront à pallier à cet écueil tout en favorisant l’immersion de votre utilisateur.
N’avez-vous pas envie de continuer à scroller sur un site où les éléments apparaissent au fur et à mesure de manière gracieuse et élégante ? Retranscrivez cette expérience pour vos visiteurs.
Parfois, de petites choses toutes bêtes permettent d’améliorer l’expérience utilisateur tout en vous faisant gagner de l’argent.
Prenez le système de pourboire de l’application Deliveroo : à chaque euro ajouté, un petit emoticône sourit de plus en plus et rayonne littéralement de joie. Ça peut paraître accessoire, mais je laisse toujours un pourboire grâce à ce petit détail.
Mais vous n’avez pas toujours besoin d’un objectif pour réaliser une animation. Après tout, n’étaient-elles pas à l’origine destinées à nous divertir ?
Créer une courte vidéo pour les réseaux sociaux peut booster vos interactions, générer des partages et donc améliorer votre image de marque.
Vous pourrez expérimenter cela pendant les fêtes à venir, surtout qu’un simple post sur les réseaux passerait sûrement inaperçu dans la masse de messages qu’il y a à venir.
Si les puristes vous diront qu’il ne faut jamais changer son logo, les experts en branding attestent que les animations font exception.
Plus efficaces que les logos fixes, les logos animés sont à essayer si vous en avez l’occasion. Inspire-vous avec notre sélection d’animation en CSS pour votre site web.
Besoin d’animations pour votre entreprise ? Faites appel à un graphiste sur graphiste.com !
Abonnez-vous pour recevoir notre sélection des meilleurs articles directement dans votre boîte mail.
Nous ne partagerons pas votre adresse e-mail.