Les rubriques (actu, forums, tutos) de Développez
Réseaux sociaux
8   1


 Discussion forum

Utiliser la détection de visage pour faire de la responsive typography
Une nouvelle technique pour rendre la police dynamique

Le , par FirePrawn, Expert Confirmé Sénior
Le responsive design est de plus en plus à la mode et pour cause : adapter le contenu à la taille de l'écran utilisé pour le visualiser est une très bonne chose.
Allant de pair avec le responsive design la responsive typography se popularise de plus en plus.
Cette technique consiste à adapter également la police utilisée en fonction de l'utilisateur comme par exemple en modifiant la taille de cette dernière selon l'appareil utilisé pour visualiser le contenu.

Aujourd'hui une nouvelle dimension apparait : adapter la taille du texte en fonction de la distance de l'écran à laquelle se trouve le lecteur.
C'est Marko Dugonjić qui est à l'origine de cette nouvelle technique.
Grâce à une webcam il est capable de détecter un visage et de calculer à quelle distance se trouve l'utilisateur de son écran. En fonction de cette distance, il applique un ratio sur la taille de la police utilisée !

Bien évidemment ce n'est pas une science exacte. Il est relativement complexe d'analyser cette distance notamment à cause des différentes morphologies possibles.
De plus les yeux de l'utilisateur jouent un rôle très important (le regard n'est pas forcément droit) et c'est un paramètre très difficile à prendre à compte.

Néanmoins cette technique reste très intéressante. Marko Dugonjić a mis à disposition une démonstration qui fonctionne avec plusieurs modes, dont un« real time » qui ajuste en temps réel la taille de la police en fonction de cette fameuse distance utilisateur-écran.

Source : thenextweb.com

Et vous ?

Que pensez-vous de cette technique ?
Vous êtes-vous initié à la responsive typography ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de raimbow raimbow - Nouveau Membre du Club http://www.developpez.com
le 12/02/2013 à 15:48
L'idée est loin d'être bête mais :

-> Faut autoriser le site web à accéder à l'image de la webcam (Sauf si c'est implémenter directement par les navigateurs)

-> Je me demande si la distance moyenne varie autant que ça d'un moment à l'autre pour un utilisateur donnée. J'ai personnellement l'impression de tenir mon téléphone toujours à peu près à la même distance. Pareil pour la distance entre mes yeux et mon PC.
Avatar de hatifnatte hatifnatte - Membre à l'essai http://www.developpez.com
le 12/02/2013 à 17:39
Ce sera utilisable le jour ou les webcams pourront déterminer la correction des lunettes ou des lentilles portées par l'utilisateur.
Avatar de Neko Neko - Membre Expert http://www.developpez.com
le 13/02/2013 à 11:22
Quand je m'approche de l'écran c'est que j'ai du mal à voir ( fatigue ou texte trop petit ).
Si vous me baissez la taille des polices quand je m'approche on va pas être copain.
Avatar de diallomad diallomad - Membre éclairé http://www.developpez.com
le 13/02/2013 à 11:22
Citation Envoyé par FirePrawn  Voir le message
Que pensez-vous de cette technique ?

Elle est intéressante mais je doute fort que les internautes donnent leur accord en ce qui concerne les captures d'image pour avoir une lecture plus souple.
Avatar de leminipouce leminipouce - Membre Expert http://www.developpez.com
le 14/02/2013 à 16:48
Citation Envoyé par raimbow  Voir le message
-> Faut autoriser le site web à accéder à l'image de la webcam (Sauf si c'est implémenter directement par les navigateurs)

Question faille de sécurité, on va commencer à ouvrir de nouvelles brèches !

Citation Envoyé par Neko  Voir le message
Quand je m'approche de l'écran c'est que j'ai du mal à voir ( fatigue ou texte trop petit ).
Si vous me baissez la taille des polices quand je m'approche on va pas être copain.

Complètement d'accord. Ente moins voisin complètement myope et celui qui a 13/10 à chaque oeil, je suis pas sûr que les 2 se tiennent à la même distance de leur écran. Je crains qu'au moins un des 2 ne puisse plus lire...


Offres d'emploi IT
Assistant administrateurs systèmes gnu/linux h/f
Alternance
1000mercis - Ile de France - Paris (75000)
Ingénieur de production systèmes répartis et site central (h/f)
Alternance
Natixis Intégrée stage - Ile de France - Val-de-Marne
Développeur java (h/f)
Mission
CDS SOFT - Ile de France - La Défense (92)

Voir plus d'offres Voir la carte des offres IT
Responsable bénévole de la rubrique CSS : Didier Mouronval -