Les espaces autour du texte en gras doivent-ils également être mis en gras?


18

Dans l'image suivante, le texte du haut comporte des espaces réguliers autour du mot en gras bar, tandis que le texte du bas comprend les espaces dans le style en gras:

espaces gras

J'ai ajouté des lignes de marqueur verticales rouges pour qu'il soit plus facile de voir que les mots ne s'alignent pas parfaitement. Pour certaines polices, cela ne semble pas faire de différence, mais pour d'autres (comme Avenir), cela importe.

Y a-t-il une règle générale que je devrais préférer? Si je mets un mot en gras , dois-je également mettre en gras les deux espaces qui l'entourent?

(et si cela n'élargit pas trop la question, qu'en est-il du texte en italique au lieu du texte en gras )?


Votre représentation est-elle de HTML / CSS? Je suis presque sûr que html / css lui donne la même largeur exacte pour vos deux annotations. Fondamentalement, il n'y a pas d'espace gras en html / css à ma connaissance, mais je ne suis en aucun cas un concepteur de sites Web (CC: @ZachSaucier)
Ryan

Cette question n'est pas spécifique au Web. Je viens d'ajouter l'équivalent HTML du texte pour essayer de préciser que les espaces étaient inclus dans le style gras; Je suis ouvert à de meilleures façons de le clarifier.
Cornstalks

4
@Cornstalks honnêtement, je voudrais modifier et supprimer le balisage de la question, je pense que cela distrait les gens du point :)
Cai

1
En fait, je ne pense pas que le HTML aurait dû être supprimé. Je pense que d'autres balises auraient dû être ajoutées. Ou toute la question reformulée. Voir ma réponse qui, je l'espère, est cohérente
Ryan

3
Si cela était demandé pour souligner, plutôt que pour mettre en gras, tout le monde serait d'accord sur ce qu'il faut faire ... Dans ce cas, cependant, vous voudrez peut-être considérer ceci: que se passe-t-il si la police en gras a (de manière significative) des espaces plus larges par conception? Un seul mot semblerait toujours correct, mais l'espace en deux mots à l' intérieur du texte normal serait étrange - puis je remplacerais probablement l'espace par un non gras et réserverais l'espace "gras" pour des phrases entières en gras uniquement.
usr2564301

Réponses:


11

Non, les espaces ne doivent pas être en gras car ce serait une mauvaise sémantique. Un mot ou une série de mots peuvent être en gras, mais pas les espaces autour d'un mot.

Ceci est distinct de toute pensée de conception visuelle et indépendant de toute mise en œuvre. La sémantique vient de l'écrivain. Ce n'est pas au concepteur. Le concepteur dispose d'outils de conception visuelle pour effectuer sa conception visuelle. Encore une fois, dans toute mise en œuvre.

Dans votre exemple, l'écrivain a écrit:

foo **bar** baz

… Montré ici dans Markdown, mais il s'applique dans n'importe quel environnement d'écriture .

Un écrivain n'aurait aucune raison de mettre en gras les espaces, car il n'y a aucune raison sémantique de mettre en gras les espaces. Le texte en gras vient de l'esprit des écrivains. Ils mettent en gras un mot (ou une série de mots) et non des espaces en gras.

Ainsi, le HTML - l'exemple est en HTML parce que votre exemple est en HTML, mais cela s'applique à toute implémentation - du Markdown ci-dessus est:

foo <b>bar</b> baz

… Et c'est après cela que le design visuel commence.

Si, pour une raison quelconque, vous vouliez un espace supplémentaire autour du texte en gras - et que vous travaillez en HTML comme votre exemple l'indique - vous utilisez CSS ou JavaScript pour modifier le DOM, vous ne détruisez pas la sémantique du HTML. Si vous travaillez dans InDesign ou Illustrator ou tout autre environnement de conception visuelle, la même chose s'applique.

Si vous regardez un exemple utilisant une écriture réelle, il est plus clair:

Danger ne pas manger le contenu du paquet.

… C'est le mot «Danger» qui est en gras. Rien d'autre.


2
Le PO pose des questions sur cette situation en termes de conception visuelle , donc votre réponse sur la préférence de balisage n'est pas pertinente
Zach Saucier

2
Je couvre la conception visuelle - vous ajoutez les espaces supplémentaires si vous les souhaitez via les règles CSS, vous ne les ajoutez pas dans le HTML. Comme vous n'ajoutez pas d'espacement des mots en plaçant plusieurs espaces insécables dans le code HTML. Si la question était "est-ce que j'ajoute l'espacement des mots en insérant plusieurs espaces insécables?", La réponse serait structurée de la même manière - le HTML reste sémantique, la conception visuelle se fait avec des règles CSS.
Simon White

3
Zach a raison de dire que le balisage n'a rien à voir avec la question. Le balisage est juste utilisé pour illustrer ce que signifie l'OP. Je suis d'accord que ce serait sémantiquement un mauvais balisage mais ce n'est pas pertinent.
Cai

1
Je pense que vous voyez peut-être le mot «sémantique» et pensez que c'est un terme spécifique au HTML. Ce n'est pas. Elle s'applique à toute écriture. Les exemples que j'utilise sont faits en HTML car c'est l'exemple utilisé par le questionneur. Mais cela s'applique à toute mise en œuvre. Si vous travaillez dans InDesign, vous avez toujours un manuscrit d'un écrivain, vous modifiez toujours l'espacement avec les outils d'espacement de conception visuelle dans InDesign plutôt que le singeing avec la sémantique du texte.
Simon White

1
En dehors de HTML ou de toute autre programmation, je ne pense pas que la sémantique - la façon dont vous en parlez - importe presque autant. J'ajoute souvent des sauts de paragraphe ou des espaces supplémentaires, etc. lorsque je travaille sur papier. Ce n'est pas sémantiquement correct, mais c'est beaucoup plus rapide et plus facile si vous manquez de temps, et cela n'affecte vraiment rien.
Cai

6

Honnêtement, je ne pense pas que cela compte vraiment. Toute différence d'espacement sera négligeable et non perceptible. Cependant, c'est quelque chose que je fais normalement.

Toute différence d'espacement dépendra de la police. S'il y a une différence, le concepteur de polices a délibérément décidé de faire cette différence, alors utilisez-la. Une police en gras est par définition plus large que son homologue de poids normal, donc tout espacement, qui a probablement été soigneusement calculé pour s'adapter à la police, devra naturellement être également plus large. L'espace supplémentaire augmentera (en théorie) la lisibilité et l'équilibre du texte.

Une chose à garder à l'esprit est d'être cohérent. Si vous utilisez un espace en gras d'un côté, utilisez-le également de l'autre. Ne pas le faire pourrait laisser le texte déséquilibré. Dans de nombreux programmes, si vous double-cliquez pour sélectionner un mot, il sélectionnera le mot et l'espace de fin, donc si vous double-cliquez et changez la police en gras, vous vous retrouverez avec un espace normal avant et un espace gras après.

D'autres ont fait valoir qu'il était sémantiquement incorrect. Cela est vrai si vous travaillez avec du code source ou un balisage qui doit être tout aussi correct que la sortie visuelle, mais c'est à côté du point.

En résumé - Il est peu probable que quiconque s'en rende compte, mais si vous y prêtez attention - utilisez la police comme prévu par son concepteur, utilisez des espaces en gras et utilisez-les de manière cohérente.


"Toute différence d'espacement sera négligeable" - mais là où il y a une différence, pourrait-elle suffire à modifier d'autres fonctionnalités, comme le retour à la ligne?
MrWhite

5
"… Si vous vous en souciez - utilisez la police comme prévu par son concepteur, utilisez des espaces en gras" Bien sûr, le concepteur a choisi d'agrandir les espaces en gras - mais c'est pour les espaces en texte en gras, c'est-à-dire entre deux mots en gras. Nous n'avons aucune idée de l'espacement que le concepteur aurait pu choisir pour les espaces entre un mot gras et un mot non gras.
Peter LeFanu Lumsdaine

5

En fait, cela compte et c'est une bonne question. J'ai eu de l'expérience avec certains appareils lorsque l'espace vide n'est pas forcé car une entité avec &#160;elle rendrait le contenu de manière incorrecte si l'espace existait dans quelque chose comme une balise span.

Par exemple, foo bars'affiche comme foobarcodé comme suit:

<span class="bold">foo </span>bar

Certaines applications, par exemple InDesign, sur HTML et CSS l'exportent comme:

<span class="bold">This is Friday</span>

Dans l'ensemble, cela peut être du ressort du concepteur, mais il doit être adopté dans le flux de travail pour la parité. Je vous encourage à tester comment il sera traité sur le produit fini car il peut jouer un rôle dans votre développement. Donc, pour répondre à votre question, lorsque je développe en utilisant HTML, je n'inclus pas les espaces de fin ou de début dans mes balises span, car j'ai eu de l'expérience avec leur ignorance par le moteur de rendu de quelques appareils.

Si vous choisissez d'inclure l'espacement à la fin ou au début à l'intérieur de vos balises, je vous encourage à coder comme tel:

<span class="bold">foo&#160;</span>bar

Du point de vue du développement, vous devez prendre en compte l'analyse du comportement et la convivialité. Par exemple, si vous développez un dictionnaire et prévoyez d'analyser certains éléments qui pourraient être incorporés dans une section particulière si vous incluez un espacement de début et de fin dans quelque chose comme des balises span ou dans un élément, cela pourrait avoir des résultats drastiques sur la fin.

Après downvote

Vous pouvez voter contre si vous pensez que c'était approprié, mais le fait demeure que cela ne peut pas être cité comme préférence. Plusieurs appareils sur le marché ignorent la façon dont l'espacement est effectué, et le but de ma réponse était de mentionner que l'avenue dont le contenu serait consulté devrait être un facteur dans la décision et comment il est créé. Personnellement, lorsque je développe du contenu, je prends en considération la façon dont il est affiché dans une application, imprimé ou sur un site, et le PO devrait également en tenir compte.

Après qu'on m'ait dit que ce n'est pas pour le Web, cela revient toujours au support sur lequel va produire un problème. Sinon, faites-le de toute façon, mais adoptez la parité. Si c'est le cas, faites-le de manière à ce qu'il ressorte correctement.


1
Dois-je au moins avoir une explication sur pourquoi le downvote?
DᴀʀᴛʜVᴀᴅᴇʀ

Je suppose que c'est en se concentrant sur le côté de la mise en œuvre
Zach Saucier

1
Le côté implantation doit toujours être un facteur dans le produit final car il peut dépendre de la façon dont il est développé.
DᴀʀᴛʜVᴀᴅᴇʀ

1
D'accord! Bien que je ne pense pas que ce soit l'objet de cette question
Zach Saucier

1
S'il y a une différence d'espacement entre régulier et gras, c'est que le concepteur de polices a consciemment pris la décision de faire cette différence, alors utilisez-le. Si vous ne pouvez pas parce que vous devez penser à la sémantique de balisage des limitations techniques, c'est un problème distinct. Question importante, mais différente.
Cai

4

Cela dépend du concepteur, mais finalement très peu d'importance dans la plupart des cas.

En termes de conception, cela fait très peu de différence que les espaces en tête ou en fin des sections en gras (ou en italique) soient en gras ou non. Le seul effet qu'il a est l'espacement entre les mots (je crois que la terminologie de conception est toujours l' espacement des lettres mais j'aime l'appeler l' espacement des mots ). La quantité d'espace affecte la "fréquence" (voir cet article ) de l'impression. Cependant, dans la plupart des cas, cette différence causée uniquement dans l'espace en tête ou en fin des sections en gras ou en italique est si négligeable qu'elle peut être ignorée en toute sécurité.

Le fait qu'un espace en gras occupe ou non plus d'espace qu'un espace en gras dépend de la police utilisée. Certaines polices les rendent toutes de la même taille, d'autres élargissent un peu les espaces en gras. Vous devrez tester pour voir ce que fait la police que vous utilisez (si vous vous souciez).

Le seul cas où je peux penser que cela pourrait vraiment être important est dans le cas de très grandes tailles de police, telles que celles des en-têtes. Dans ce cas, la différence peut être plus importante en raison de l'échelle plus grande. Cependant, avec de gros textes comme ceux-ci, les concepteurs doivent quand même regarder par-dessus et peuvent effectuer les ajustements nécessaires.

Je recommande d'aller avec tout ce qui est plus facile mais surtout de rester cohérent . Tendance à ajouter plus d'espace (en les incluant en gras).

Cela étant dit, si vous utilisez un langage de balisage comme HTML, il est plus sémantiquement approprié d'ajouter cette salle supplémentaire en tête ou en fin d'une section en gras en utilisant un langage de style comme CSS au lieu d'inclure l'espace à l'intérieur de la balise qui est mis en gras.


Si quelqu'un me donnait du HTML avec des espaces en gras autour de chaque série de texte en gras, je considérerais cela comme un bug et le ferais le corriger.
Simon White

2
@SimonWhite La question concerne le design visuel, pas le balisage
Zach Saucier

Vous ne faites pas de conception visuelle en HTML. C'est à ça que sert CSS. La question comprend des exemples de balisage qui sont des exemples de mauvais balisage.
Simon White

2
@SimonWhite Il ne pose aucune question sur HTML ou CSS. Il pose des questions sur les espaces audacieux en termes de design qui est le but de ce site
Zach Saucier

Son exemple d'implémentation est en HTML. C'est ainsi que le HTML a été introduit. Si l'exemple était dans Illustrator, nous pourrions parler en ces termes. Cependant, la réponse est toujours la même: vous ne mettez pas d'espaces en gras parce qu'il n'y a rien de sémantique dans l'écriture comme un espace en gras . Les écrivains ne les écrivent pas. Si vous souhaitez modifier l'espacement des mots - dans n'importe quelle implémentation - vous ne parcourez pas le texte et n'ajoutez pas d'espaces supplémentaires entre chaque mot, vous utilisez vos outils de conception visuelle pour augmenter l'espacement des mots. Il en va de même pour l'espacement autour du texte en gras, que ce soit HTML, InDesign, Illustrator ou toute autre implémentation.
Simon White

3

D'accord, je pense que je comprends maintenant et c'est une question intéressante mais compliquée, c'est pourquoi les réponses sont partout. J'espère que dans ma sagesse infinie (lire: esprit privé de sommeil) je peux clarifier

Markup, HTML, LaTeX --- ceux-ci sont importants, mais maintenant comment vous y pensez actuellement

Par exemple, nous aurions, comme vous l'avez utilisé dans votre exemple initial:

  • HTML: The <b>cat</b> died last night!
  • Balisage: The **cat** died last night!
  • BBCode: The [b]cat[/b] died last night!

Ou vous pourriez avoir:

  • HTML: The<b> cat </b> died last night!
  • Balisage: The** cat **died last night!
  • BBCode: The[b] cat [/b]died last night!

Maintenant, vous dites que vous ne posez pas de questions sur la conception HTML. Mais c'est là que c'est un peu déroutant donc je vais essayer de l'expliquer. Le gras est une fonction de la sémantique (comme Simon essaie aussi de l'expliquer). Quel que soit le système que vous utilisez, quelque chose doit le dire en gras.

Ce que vous voulez vraiment demander: faut-il augmenter l'espace lors de l'utilisation d'une police plus forte?


Alors, faut-il augmenter l'espace lors de l'utilisation d'une police plus épaisse?

Cela dépend du designer. Développez un tas de lettres dans une application de votre choix et arrangez-les comme bon vous semble. Il n'y a pas de règle stricte à ce sujet.

Vous voyez, il n'y a pas d' espaces en gras car il n'y a aucun espace ici, il n'y a que des lettres jetées sur une page:

entrez la description de l'image ici

entrez la description de l'image ici

Un peu plus près, un peu plus loin, pareil ... tout dépend du designer.


1

La largeur de chaque glyphe (y compris l'espace) est définie par le concepteur de polices à l'intérieur de la police. Dans le cas d'Avenir, le concepteur a choisi d'augmenter la largeur de l'espace pour préserver l'espacement relatif entre deux mots lorsque le poids augmente, mais le concepteur n'a certainement pas conçu la police avec des poids mixtes dans une phrase à l'esprit.

Il n'y a donc pas de bonne réponse; l'espace est la largeur qu'il faut pour regarder à droite entre des mots de même poids de police. Vous devrez utiliser votre propre jugement sur ce qu'il faut faire dans votre cas spécifique, car le typographe ne l'a pas fait pour vous. La seule chose que vous devez absolument faire est d'utiliser des espaces en gras entre les mots en gras.

Il peut être approprié d'imaginer utiliser deux polices de caractères totalement différentes, chacune avec un espacement très différent; vous pouvez y voir qu'il n'y a pas vraiment de bonne réponse claire sur les mesures de police à utiliser entre les deux mots.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.