i-design

Lettres et typographie à ressort interactif

Du test à l'outil amusant, en passant par des créations originales qui peuvent inspirer, quelques sites qui mettent en jeu la typographie.

Jeu d'écritures typographiques

Un texte tapé apparaît plein écran après un choix entre quatre polices. La magic et l'hypno proposent un effet animé. Le message peut être envoyé.

Écran d'un texte.

Site : Big Ass Message par Bjorn Johansson.

Même idée, mais avec un effet de texte enflammé.

Écran d'un texte.

Site : Animated Fonts.

L'animation et la musique enrichissent le principe. Le choix d'une police, d'un rythme et d'une couleur compose la mise en musique et en mouvement des lettres du texte. Une galerie conserve les créations. L'inspiration de certains visiteurs vaut le détour.

Écrans du site.

Site : Font de Music.

Les lettres tapées s'agencent au hasard. Avec "entrée", elles s'animent. Un renouvellement sans fin qui peut donner des sources d'inspiration à des jeux visuels de lettres.

4 écrans avec le mot sandrine.

Site : Lettree par Ricard Marxer Piñón.

Test de connaissances typographiques

Un jeu de cibles pour éliminer la ou les mauvaises polices dans un temps limité. Trois erreurs possibles avant de retomber au premier niveau et des meilleurs scores à atteindre histoire de décourager.

Deux écrans du jeu.

Site : Font Game.

Ce deuxième test impose de choisir la bonne police sur les deux présentées. L'affichage du pourcentage de bonnes réponses obtenues permet de mesurer l'état de son ignorance ou de sa connaissance.

Écran du jeu.

Site : TypeWar.

Une balance pour mesurer le poids des lettres selon la typographie et la fonte choisie. L'exercice vire à la métaphysique avec le test de mots qui n'ont pas le même poids...

Écran de l'interface.

Site : Weight de t.y.p.o.r.g.a.n.i.s.m.

Test de personnalité typographique

Un test pour dévoiler la police correspondant à votre personnalité, avec quatre questions posées par un psy sans visage, qui attend les réponses avant de conclure sur votre état typographique. Ironique.

Une question et l'attente du psy. Un des possibles résultats en vignette..

Site : Pentagram - What type are you?.

Lettres animées

Couleurs et formes géométriques se jouent de la souris pour chacune des lettres de cet alphabet interactif.

Écran de l'interface.

Site : Letterscapes par Peter Chq.

Une animation de lettres pour illustrer les différents types de fontes : interpolation 3D des fontes de la police Action type à partir de la rotation de chacune des lettres.

Écrans avec la lettre E.

Site : Action Type par Marcus Schaefer.

Bel effet de survol pour valider la créativité annoncée par le slogan, avec une délicate interactivité sonore en prime.

Écran des effets.

Site : Good Innovation.

Jeu de caractères ASCII

Un générateur de texte en caractères informatiques ASCII, avec choix de polices et paramétrage. Des effets inattendus.

Écran de l'interface.

Site : ASCII-O-Matic par Joerg Seyfferth.

Un générateur d'images en ASCII à partir du téléchargement d'une photographie. Effet garanti.

Écran de l'interface.

Site : ASCII-O-Matic de t.y.p.o.r.g.a.n.i.s.m.

Lettres à suspens

La reconstitution d'un texte par l'activation des lettres qui le composent : deux cercles de lettres qui survolées inscrivent peu à peu le texte intégral en son centre et une pile de lettres dont le survol déclenche un lancé de phrases composant un rouage d'artifices. Ou comment donner du piment à la découverte d'un texte.

Écrans des mises en scène.

Site : Dehors i Dedans par Steph Thirion.

Une animation visuelle et sonore des lettres tapées sur le clavier reproduit à l'écran. La lecture des messages laissés par les visiteurs retient l'attention : le temps de la rédaction (vitesse de frappe, hésitation entre les mots) intégré dans la sauvegarde crée un suspens artistique sur le devenir du texte. Ou comment conduire à la lecture.

Un message animé.

Site : Book of Typo-Beat par Mono*Crafs.

Share |  | Publié le 24.05.11

Commentaires

    

Les 5 derniers articles

© 2008 - 2012, Sandrine Muller | DotClear | Creative Commons License |  ⥣