La nouvelle version de Presse-citron est presque terminée et mes camarades de Steaw, l’agence qui la développe, règlent les derniers points de détail graphiques (enfin, détails, façon de parler, en design le diable se cache dans les détails).
C’est là que j’ai besoin de votre avis, car je suis confronté à un petit dilemme, assez courant en webdesign quand il s’agit de faire le choix d’une typo : j’hésite entre 4 versions de la même police de caractère (Georgia) pour les titres des billets, à savoir droit, italique, droit gras et italique gras. J’ai une petite préférence pour droit (gras ou pas) mais je ne suis pas du tout sûr de mon goût.
Si vous pouvez me donner votre avis dans les commentaires ça me permettrait peut-être de dégager une tendance et de boucler la question. Je sais qu’il est difficile de se prononcer sans voir l’ensemble de la page mais bon jetez votre première impression sans trop réfléchir, on fera le tri 🙂
Si ça se trouve vous allez me dire d’oublier Georgia et de rester en Arial !
📍 Pour ne manquer aucune actualité de Presse-citron, suivez-nous sur Google Actualités et WhatsApp.
Personnellement, je préfère la première proposition.
Proposition 1 🙂
J’aime bien la 3
Proposition 2 🙂
Proposition 1 J’aime bien
Moi aussi, droit, pas gras.
De toutes façons, tous tes lecteurs passent par leur agrégateur RSS 😉
Pareil, la première
La 1ère pour moi aussi.
Bonjour,
Une préférence pour la proposition N°1.
J’aime bien italique ou droit gras. J’aime quand le titre est BIEN distinct du reste du billet.
Après Italique est peut être plus “fatiguant” mais plus “percutant”! Et l’inverse pour le droit, plus “smooth” mais qui attire du coup moins l’oeil.
Surtout pas de gras (et pas d’italique) !
De la sobriété avant tout, je dirai donc droit tout simplement.
La taille et la couleur différentes mettent à elles-seules le titre en valeur.
Georgia c’est top, plus rond plus féminin. Sinon pas de gras et pas d’italique à part si tu publies des verbatims. C’est mon avis… Good job.
En toute sincérité, il vaut mieux éviter l’italique pour la lisibilité.
Et perso, je préfère le non-gras.
Par contre, il existe des typos bcp plus sympas : jetez un oeil à http://typekit.com/
Proposition 2 🙂
Moi j’aime beaucoup la 3ème proposition
Tapez “1”
le premiere itou
1ere aussi
la premiere itou
La première ou la dernière
première proposition! 🙂
Sobre : droit tout simplement, sans italique, ni gras
1 ou 2, avec une légère préférence pour la 1
Proposition 1
La première sans hésitation.
Je préfère la 1ère proposition à savoir droit normal.
Perso je préfère la 3ème proposition.
Non gras car c’est plus agréable à la lecture et en italique car cela se détache du reste.
La première, droit non gras, comme les autres.
Perso je préfère la n°1, puis la n°2 🙂
Hello,
Idem, préférence pour la première (romain normal), voire éventuellement la troisième (italique normal) : tout sauf gras quoi…
Ciao,
La proposition 3 sans hésiter
première sans hésitation
La deuxième proposition est la meilleure
La première, pour sûr.
L’italique et le web, pour moi, ça n’a jamais été un bon couple. Question de goût, mais peut-être aussi de lisibilité (quoi que sur les polices de grandes tailles, ça n’a plus trop d’importance…)
Moi je vote 4 !! l’italique adoucit le gras mais marque quand même la différence. Bon courage pour le choix
La 3eme je dirai
La 1re ainsi que la 3
Graphiste de métier sensible à la lecture typographique autant que de contenu, sur les 4 propositions faites je n’en retiendrai qu’une… La une !
Le mieux est l’ennemi du bien.
Le titre semble déjà se démarquer largement du reste entre la typo, la taille et la couleur. Pas besoin donc d’en rajouter : typo normale, pas de gras, pas d’italique.
Première proposition : droit non gras. Epuré et propre; la couleur et la taille permet de bien identifier qu’il s’agit du titre
La première est bien sur l’image, mais en prod il y a des risques de mauvaise lisibilité quand tu n’as pas d’anti-aliasing.
Sinon rien ne justifie l’usage de l’italique, et ça te permet de le garder pour mettre des parties du titre en italique.
Voilà mes quelques rapides remarques de graphiste 🙂
J’aime aussi les 2 premières, avec une petite préférence pour la première.
Plus sobre, plus légère, elle connote plus une ouverture au dialogue que les caractères gras qui traduisent pour moi une idée imposée dans l’article qui va suivre, une certitude prouvée, irréfutable. Et ce n’est pas ce qu’on recherche chez Presse Citron.
Cela reste un avis personnel avant tout 🙂
proposition 1 🙂
la première pour moi
La 3 eme en italique est vraiment bien
1.
Proposition 1
Proposition 1, moins agressif et segmentation assez claire.
proposition 1
la première
La 1, simple et efficace.
1
Définitivement la “Proposition 1” et de très loin.
Pour une question de lisibilité.
Pour moi, la numéro 3 avec le texte [rédacteur invité] en droit, non italique.
Moi j’aime bien les deux premières, avec une préférence pour le gras (la 2 donc)… mais l’italique, pas terrible en titre !
Proposition 2
La 1) pour moi
et en second… ben la 2.
🙂
Reste en Arial ! 🙂
Prop 1, le gras est superflu vu la taille de la typo, l’italique donne du cachet mais rend moins lisible
définitivement la N°1
Le 2 me va bien 😉
Le rendu des polices est différent selon les systèmes d’exploitation et les navigateurs. Attention à ce point 😉
Proposition 1
Pour ma part, ce sera la proposition 1.
Les caractères en italique perdent en lisibilité.
Le titre dans la proposition 2 contraste trop par rapport au texte.
Surtout pas d’italique
Droit sans gras pour moi 😉
Droit sans hésitation et en normal car avec le gras on ne voit plus que ça, c’est trop marqué par rapport au texte de l’article.
J’aime beaucoup la 3e proposition !
Pour moi la première version est parfaite, à la limite la troisième est sympa.
La 1 monsieur, sans aucun doute!
La couleur, la taille et la police suffisent largement : pas de gras ni d’italique ; proposition 1
L’italique est vraiment peu lisible. La 1 sans hésitation!
la 1!
Pareil j’aime bien la 3 🙂
Sans hésiter la première !!!
#1
1 ère aussi
La 1. L’italique rappelle trop tes ‘rapido’
proposition 1 et 3 😉
2 ou 3
La 1 mon colonel !
Je suis fort étonné qu’une agence de webdesign te propose une police à empatement pour du texte de titre :/ Généralement, elles sont utilisées pour le texte de lecture car plus lisible dans un petit corps. Et, au contraire, les polices sans empatement sont plus adaptées pour des gros titres :/
J’aurais plutôt tapé dans le l’Helvetica, du Gill Sans ou même une Fuitiger. Bon après le problème est qu’elle ne sont pas directement incluse chez tout le monde, mais pourquoi ne pas passer un service comme Typekit ?
Mais bon, dans les quatre propositions, si je devais vraiment choisir, je dirai la 2e proposition 🙂
Surtout pas italique, et plutôt gras (bien que plus je la regarde, plus la version toute simple me plait…)
Proposition 2 pour le moment.
Et au fait, vu l’agence retenue, j’ai encore plus hâte de voir le résultat !
t’aurais du faire un poll
POur moi la 4
1
la une : bien plus lisible et moins fatigante.
Proposition 1 ça semble pas mal du tout !!
Clairement la 1 😉
Proposition 3 !
Simplicité, lisibilité, efficacité N°1
La 1ére 😉
Oublions le côté subjectif et parlons objectivement, c’est à dire ergonomie et hiérarchisation de l’info :
– L’italique est déconseillé car il nuit à la lecture. C’est un style dont nous n’avons pas l’habitude et est donc naturellement plus difficile à lire.
– Le bold permet de mettre en évidence le titre qui doit être mis en avant (doit ressortir du reste du texte) car il est lu en 1er. Du moins, l’internaute scanne la page et repère les informations principales (titres) avant de rentrer dans le détail (contenu de l’article). On doit l’aider à ce “scan de la page”…
Donc au résultat, je dirais n°2. (le 1 est bien aussi car le taille de typo du titre est plus grosse que celle du contenu. Mais le gras aide plus naturellement à une mis en évidence d’un texte que la taille)
Proposition 1
Fatiguant l’italique lorsque cela revient souvent,
num 1
@Eric,
Une police de caractère avec des pieds est moins lisible que sans pied.
dans le choix : La 1
la version 1 et rien d’autre !
j’aime bien la 5, celle qu’on ne voit pas, c’est forcément celle qui sera choisie 🙂 et ça nous fera une surprise
Moi je pencherai pour la première !
proposition 1 parce quee c’est plus fin et plus classe le texte est plus lisible et si le titre est long ca ne posera pas de problème.
voili voilou
La première
Sans hésiter la 1ère proposition 😉
dans l’ordre: 1-4-3-2
Si tu fais des stats, ce serait sympa de les publier..
Bonne impélemntation !
proposition 1
La deuxième pour moi…
A voté !
:]
Proposition 2
droit (1ère) 🙂
La n°2 !
la première 😉
Proposition 1
Pour moi c’est sans équivoque la n°:2
Le 1 est bien mais pas assez visible.
Heureux de savoir que la nouvelle version arrive bientôt en tout cas 🙂
Heu je dirais la une parce que plus légère…Mais c’est vraiment par dépit.
Par contre au lieu de compter à la mimine les réponses, si tu es sur WP, tu peux essayer ca : http://wordpress.org/extend/plugins/upm-polls/
Bon courage 🙂
Perso, je resterai sur de l’Arial en gras 🙂
Donc aucun des 4 :p
moi je propose de jouer en 4-3-3.
et maintenant Eric tu me fais un chèque de 500000 Euros pour la rpime. Merci !
je préfère la troisième.
Propale 1
La 1ère sans hésiter !
Et bon courage
Proposition 1.
1
Perso, je préfère la première proposition…
La taille et la couleur du texte font assez ressortir le titre du reste de la page.
Bon choix…
J’en connais un qui doit commencer à regretter de ne pas avoir mit un sondage en place (formulaire) … 😉
Sinon la 1°
Numéro 1 est number one pour moi.
Impatient de voir ce que ça donnera…
Proposition 1. 😉
pour moi, ce sera la une.
(c’est vrai que tu aurais gagné du temps en plaçant un petit sondage ;-))
Geaorgia 1
Sinon, très proche mais plus subtile, je te conseille vivement Utopia.
la 1 pour moi y’a pas photo
La 1ère 🙂
La 1 bien évidement.
L’italique c’est pas beau ^^, oui oui.
La 1 ou la deux, droit en tout cas, après gras ou pas, à toi de voir 😉
Mais personnellement, je trouve l’italique assez fatiguant à lire !
La 2 !!
Merci de nous faire participer au future de presse-citron.
Proposition 1.
La proposition 2 est la plus agréable à lire et celle qui met le mieux en avant le titre 😉
droit, normal ou gras.
La 3 mon général…
La 3 sans hésiter (plus agréable)
la proposition 1
j’aime la 1
A voté !
A mes yeux, le premier (droit, non-gras) est le mieux 🙂
Les deux qui sont en gras paraissent presque “flous” et je trouve l’italique assez peu approprié pour un titre (en général, je l’utilise plus pour les remarques ou les ajouts, par exemple).
la 2… a priori la 1 ne sera pas assez contrastée dans la page
Petits rappels ergonomiques pour le web : pas de police avec empattement, pas d’ association italique gras !
J espère ne pas avoir cassé l’ambiance ! Merci en tout cas de nous faire participer
J adore votre blog
La 1 ou la 2 en fonction de la lisibilité!
Italique non gras en ce qui me concerne =)
Proposition n°1 😉
La proposition 2, définitivement (même si elle n’a pas l’air d’être majoritaire).
Très clairement : Proposition 1
Moi je dit 3 : un penchant féminisant juste ce qu’il faut : de plus, cela donne un aspect cool, plutôt agréable à l’oeil du visiteur
Eric, faut pas écouter ces quelques 130 ploucs qui n’ont aucun goût ni aucune expertise en la matière.
La version 3 est la meilleure.
P2
La première, sans hésiter !
#1 : aucune hésitation
Pourquoi prendre une serif ? (je hais les serif … )
Ne connaissant rien à toutes les théories sur la typo, je laisse parler mon goût et mon intuition lyonnais: la 1ère proposition !
Est-ce qu’il faut encore donner son choix ? Au vu du nombre de post et de résultat le premier choix sort du lot.
Je vote N°1 :p
(Sans avoir lu les commentaires ci-dessus)
Je préfère largement la proposition 1 : fine et élégante.
Arial, Century Gothique!! J’aime pas trop les empattements…
Salut !!
J’ai retrouvé ça :
https://www.presse-citron.net/htc-frappe-un-grand-coup-avec-l-umpc-htc-shift
L’IPAD EST UNE COPIE
La première !
Propo 1 également.
Les polices Serif sont adaptées à de la lecture sur du papier. Sur un écran, une police sans sérif est conseillée pour un meilleur confort. Cependant, pour un titre qui se veut assez court, c’est un bon moyen de le faire ressortir et la lecture ne sera pas gênante car taille de caractères plus grande et longueur du titre assez courte.
Hâte de voir cette nouvelle version en tout cas !
La première évidemment 🙂
droit sans gras si la couleur est bleu cela suffira a faire ressortir le titre
pour moi l italique est a employé pour une chose secondaire donc inadéquat pour un titre
La 1ère !
La proposition 3
La 3 eme sans hésiter, beaucoup plus aérée et épurée … plus confortable pour la lecture … Parole de designer.
la proposition 1 !
pas de chichi !
L’italique, c’est le mal !!
Premiere proposition d’après moi
La une, bon courage pour le décompte et merci pour le contenu de Presse Citron (un peu moins d’Ipad et d’Iphone enfin non car finalement je n’en ai pas et je trouve que tu en parles de façon bien plus modérés que chez les intégristes et du coup cela permet de ne pas zapper et d’en savoir un peu plus sur ces joujoux que l’on ne voit pas en campagne).
La 1ere est top
Oublie Georgia, reste en Arial 😉
la 1, avec du shadow en css3 (et pas commencer de titre avec des trucs entre crochets par pitié)
la 3 pour moi, y’a pas photo depuis un MacBook et un iPad !
La proposition 2
Nettement la 1
la proposition 2 pour moi
La 1, la 2 à la rigueur, mais pas d’italique
La 1 également
Et si tu faisais la première ligne en normal et la seconde en gras (italique ou pas). C’est ce que j’ai choisi pour le blog Elaee finalement. Ca change un peu non ?
la 3
J’aime bien la 1 et la 3 🙂
Proposition 1!
Wow, le sujet vous passionne ! Merci pour toutes ces réponses, la grande majorité des avis rejoint ma préférence, la 1. Ouf 🙂
la 3
Numéro 1 sans hésitation, en terme de lisibilité il n’y a pas photo.
Et bonne chance pour éplucher les 5.000 réponses 😀 T’aurais du faire un Doodle !
1a 1 aussi comme la majorité ! 😉
vu le “succès” de ton “sondage”, tu aurais du faire un vote par SMS surtaxé , non ?? 😉
Pourquoi un article a du succès et pas un autre ? grand mystère du web….
Oula, j’arrive à la bourre apparemment, je vote 1 aussi: sobriété, discrétion, élégance 🙂
Oula y’a du monde à répondre, tu aurais du mettre un sondage 🙂 Je n’aime pas du tout l’italique ! Pas de doute pour moi, droit gras est le mieux. Bon choix, j’ai hâte de voir le nouveau design 😉
J’utilise souvent la typo Georgia dans mes design Web. Sans aucun doute pour un titre, je préfère la version non grasse et italique ( peu solocité ici en commentaire). Cela donne beaucoup de poid et de dynamisme au titre. Un exemple ici: http://www.ycnonline.com/
Ps: je vous ai envoyer un email via le formulaire de contact mais je n’ai jamais reçu de réponse? Comment faire pour vous contacter?
Benjamin.
Proposition 2 !
la 1
Titre = gras
Après, pas super fan de Georgia…
En tout cas, très bon choix d’agence !
Honnêtement je préfèrerais Comic Sans MS taille 48.
Vert bouteille.
Version 1
Surtout pas d’italique
@Benjamin (commentaire #188) : j’ai environ 300 mails en retard à traiter juste dans ma boîte “Contacts Presse-citron”, le vôtre est sûrement dedans.
Sinon envoyez-le moi à bloobox [at] gmail [point] com
c’est marrant, j’ai aussi opté pour du Georgia (bold) pour les balises H1 et H2 de mon site…
Dans ton cas, je préfère non-bold, donc proposition 1.
j’ai hâte de voir la nouvelle version !!
Proposition 4 ! 😛
Proposition 1 pas de gras, pas d’italique
Bon courage …
Oublie Georgia,
verdana pour les titres !
Difficile de dire sans voir l’ensemble du design, mais déjà on peut bannir l’italique gras !
proposition 1 ou 2 mais plutôt la 1, même si en réalité je m’en fiche un peu (je te lis via netvibes)
doigts gras… non… droit gras
Et bien, presque 200 commentaires, c’est incroyable, non ? Et pour un article qui ne parle pas de l’iPhone, ni de politique 🙂
Comme quoi le web 2.0, c’est vraiment le collaboratif !
Donc pour moi, je pencherai pour la proposition 1 : sans gras, ni italique
Pas facile de trancher sans voir le reste du design, c’est comme de choisir un enjoliveur sans voir la voiture !
Choix 1 pour moi aussi. Je crois que ca fait l’unanimité.
La 1 sans hésitation.
proposition 1 aussi.
La première proposition : c’est propre, aéré et la taille de la typo démarque suffisamment bien le fait que c’est un titre.
Ca n’aggraisse* pas (pardon).
la 3
Proposition 3 🙂
n°1 sans hésiter ! (mais c’est plus par défaut)
La proposition 4 (je suis toute seule???)
Tu es bien barré maintenant pour traiter les réponses. Polldaddy fonctionne bien sinon 🙂
La 1… bien plus agréable pour moi.
C’est prévu quand la mise à jour officielle ? 🙂
La première (ce qui semble être le choix de la majorité)
Georgia est une super typo ! Pour des soucis de lisibilité, l’écriture en romain (c’est-à-dire “droit”) est à mon sens, la meilleure.
A vous de voir !
Pat.
Proposition 1 sans hésiter !
Proposition 1 aussi !
La 2, titre droit et en GRAS c’est bcp beaucoup mieux…
la 1
MAIS je pense que ça ne pas vraiment de sens de choisir l’une ou l’autre sans avoir vu le reste du design.
Et bien moi j’aime bien le gras et l’italique.
Les 2 premières sont correctes, avec une préférence pour la proposition 2. En effet la lecture rapide “en diagonale” en est plus facile que des typo italique ou trop ronde. Le bold permet un accroche visuelle
Proposition 2 🙂
Il est p-e temps de passer à des typos moins conventionnelles, et de s’éloigner des trop vues Arial/Verdana/Georgia/Times, surtout pour les titres.
Je vous suggère de faire des recherches du côté de @font-face
Proposition 3 pour moi.
Proposition 1, chic et sobre
La Proposition 1 sans hésitation 🙂
La proposition numéro 1. Les autres me paraissent inappropriées.
La 2 sans hésitation 😉
Proposition 1 pour moi aussi
la 2
Je préfère la 1.
Tu aurais dû faire un doodle, ca t’aurait éviter de faire le tri manuel
La première
La 1
Quel plébiscite ce sondage. Je penche moi aussi pour la première proposition, c’est plus sobre.
Pas simple le choix de la typo. Les 4 copies d’écran sont des extraits et il est intéressant de juger sur une colonne complète avec succession d’ouverture de billets…
Comme le choix de départ est de conserver les typos universelles du web (j’ai le même souci), les versions 2 et 4 qui détachent en gras les articles me semblent les plus adaptées.
Étrangement, la version 4 (gras italique) a ma préférence.
En même temps, j’ai l’impression que le corps du billet est justifié et donc sujet à de nombreuses cheminées (mais j’analyse peut être fort mal les extraits affichés) et c’est dommageable à mes yeux.
Bon courage pour ce lifting délicat.
La 1
Je vote pour la 2.
ha ça oui, pour une question de caractère, c’est vraiment du caractère !!!
vous avez déjà vu un client web très caractériel ? moi oui ! et aujourd’hui ! du jamais vu en 15 ans de carrière, pour un peu il était à deux doigts de me fiche à la porte :/
Arial, ou au pire la proposition 1.
La 1, pensez aux personnes qui ont des problèmes de lecture (sic) souvent oublié des webmestres malheureusement 😉
la première est la plus cool
A bientôt
Pour moi c’est la 4 🙂
la 1ère me semble beaucoup plus adaptée !
La seconde pour moi !
Proposition 1 ‘ plus lisible
Je préfère la proposition 1
La 2e sans hésitation !
Question de goûts et le caractère gras attirera plus le regard 🙂
Proposition 2 >>> Droit gras
1 ou 3 mais pas en gras s’il te plait 😉
Pa ordre de préférence, la proposition 3 puis la 1.
1 sans hésiter
sans nul doute, la proposition 1 !
bon courage pour la dernière ligne droite !
La première version sans hésiter
La proposition 1. Même si ça dépend du contexte graphique de la template entière.
La proposition 1. Epaté par le nombre de coms, il est temps qu’elle sorte cette refonte 😉
Je vous dis mon avis ( je suis web designer ) personnellement la proposition 1 est la plus convivial avec le style du design du site et bonne chance
Comme la plupart, je vote pour le 1er 🙂