Jump to content
Sign in to follow this  
ecatomb

Deux versions d'une page web

Recommended Posts

Bonjour,

Que pensez-vous de ces deux versions d'une page html ?
Je n'ai pas pu conserver la même police que celle utilisée à droite sur la version de gauche : c'est comme si c'était un peu flou ...

Laquelle préférez-vous et pourquoi ?
C'est pour savoir sur quelle base partir 😉

Merci

Capture d’écran 2018-11-04 à 01.55.48.png

Share this post


Link to post
Share on other sites

La gauche pour 2 raisons : 1/je suis en thème foncé sur toutes les applis que je peux avoir dans ces coloris. 2/la police me semble plus lisible que sur la page claire (de droite) : à gauche on dirait du Arial, à droite du Times (à cause des pleins et déliés)

Share this post


Link to post
Share on other sites

C'était justement le but de cette version. Je me suis un peu basé sur la version du site de NI pour les idées de police car c'était bien plus lisible en blanc. Celle de droite est la police du navigateur par défaut 😉

Merci pour ce retour, je vais donc continuer sur cette base.

Share this post


Link to post
Share on other sites

Perso, je ne mettrait pas d'effet sur le titre, ça contraste trop avec le reste du texte, sans apporter de gain évident de lisibilité.

Share this post


Link to post
Share on other sites

Salut,

En fait, c'est dommage parce que tu présentes deux choses pas comparables du tout.

AMHA, il aurait fallu 4 screenshots, deux en noirs avec deux polices différentes, deux en blanc avec deux polices différentes.

Parce que là, forcément, les otaku du thème sombre répondent instinctivement sombre !

Alors que non :

- les mots se détachent mieux à droite car la police est plus resserrée, donc on distingue mieux les mots au premier coup d'oeil. A gauche, la police est trop étalée, chaque mot prend plus de place, donc on déchiffre moins de mots dans un même temps donné.

- la police de droite différencie un poil mieux les lettres hautes (ex: p f l), car il est très important de pouvoir distinguer les lettres basses et hautes pour déchiffrer rapidement chaque mot.

Faites un test en fait : prononcez chaque ligne des 2 textes à la suite dans votre tête. Normalement, vous allez voir que vous lisez plus rapidement celui de droite. Mais je le répète, il faudrait faire le test avec le même fond !

Ce qui gène par contre dans la police de droite est qu'elle est plus anguleuse, donc on a l'impression d'accrocher sur les mots.

De façon assez étonnante, Wikipedia n'utilise pas une police avec une "cap height" élevée bien qu'il présente le critère :

https://en.wikipedia.org/wiki/Typeface

PS : La police du forum NXI est meilleure que ta police de gauche :)

Edited by digital-jedi
  • Like 1

Share this post


Link to post
Share on other sites

L'autre point pour rejoindre @digital-jedi, c'est le fait que la police de gauche prend plus de place :DD.

Alors c'est vrai ce n'est rien, mais lorsque ton site est un ensemble de zones, tous ces petits débordements peuvent devenir vite problématique lorsqu'on veut faire rentrer le texte dans la maquette.

 

Sinon :siffle:j'aime bien la police Lato (<- lien Google Fonts)

Edited by foetus

Share this post


Link to post
Share on other sites

Il faut que je fasse des tests ce soir et que je prenne les capture sur le smartphone. Cela est bien plus net que sur l'ordi 😉

Share this post


Link to post
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
Sign in to follow this  

×
×
  • Create New...