Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

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

Le , par FirePrawn

0PARTAGES

8  1 
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 ?

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de Neko
Membre chevronné https://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.
7  0 
Avatar de diallomad
Membre averti https://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.
2  0 
Avatar de raimbow
Nouveau membre du Club https://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.
1  0 
Avatar de hatifnatte
Nouveau membre du Club https://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.
1  1 
Avatar de leminipouce
Membre éprouvé https://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...
0  0