Deux versions d'une page web

[ecatomb]

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

[Aloyse57]

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)

[ecatomb]

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.

[Charles.w]

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é.

[digital-jedi]

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 :)

[foetus]

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

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 j'aime bien la police Lato (<- lien Google Fonts)

[ecatomb]

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 😉