Accepter la composition des barres obliques d'espacement?

Dans la conception de l'interface utilisateur, il faut souvent travailler dans les confins d'un espace limité et / ou simplement essayer de réduire les descriptions trop excessives et autres.

Souvent, cela se traduit par une utilisation fréquente des barres obliques. Ce / ce genre de chose.

On m'a demandé dans le passé d'ajouter des espaces de chaque côté d'une barre oblique pour lui donner une certaine marge de manœuvre et même si au début cela semblait faux, j'ai également grandi pour la préférer en option.

Un exemple:

Download/Print PDF

contre.

Download / Print PDF

Quelques questions:

Préférez-vous l'un plutôt que l'autre (et pourquoi?)
La barre oblique espacée est-elle acceptable? Suis-je en train de commettre un faux pas typographique?

Idéalement, on crénerait / espace de lettres la barre oblique et n'utiliserait pas des espaces entiers, mais dans le contexte du développement Web, il est probable que rarement les gens de contenu et / ou les développeurs passent du temps sur ce détail, alors je propose l'option espacée. Il offre également l'avantage supplémentaire d'être plus susceptible de s'enrouler correctement si nécessaire.

typesetting DA01
la source

Réponses:

Comme cela va souvent avec ces choses, la réponse sera subjective. Voici cependant quelques réflexions:

Je pense que j'ai tendance à me passer d'un espace à moins que je ne m'inquiète des choses qui coulent sur plusieurs lignes.

Le contexte pourrait peut-être vous aider à décider. Peut-être que «Télécharger / Imprimer le PDF» a une connotation de «Télécharger le PDF et imprimer le PDF» tandis que «Télécharger / Imprimer le PDF» dit «Télécharger et imprimer le PDF».

Si possible, vous pourriez peut-être essayer  d'utiliser un espace fin pour trouver un meilleur équilibre:

Télécharger / imprimer le PDF (espace)
Télécharger / imprimer le PDF (espace fin)
Télécharger / imprimer le PDF (pas d'espace)

L'espace capillaire (  ) devrait également être dans le mélange, mais ne semblait pas différent lorsque je l'ai essayé ici. Il existe également quelques autres options d'espace dans Unicode , mais je ne pense pas que d'autres soient pertinentes pour cette discussion.

Brendan
la source

Bon point sur la légère variation de la signification potentielle. C'est subtil, et parfois pas si important, mais bon à savoir. J'aime le Thinspace. Hélas, il a été difficile pour la police de convaincre les auteurs et les développeurs de contenu d'adhérer à ce genre de détails, alors j'essaie de garder la «règle» aussi simple que possible.

DA01

J'ai toujours vu une barre oblique rendue par "ou", mais j'ai l'impression que les gens utilisent les espaces comme vous l'avez dit pour regrouper les associations.

Iain Hallam

Augh! Non non Non Non Non. Sans espaces. Le crénage est la bonne réponse. L'ajout d'espaces introduit la possibilité d'erreur, de mauvaises ruptures et d'interprétation erronée. Lorsque deux éléments qui doivent être connectés sont séparés par des espaces artificiels, vous rompez les connexions requises. Si cela vous dérange visuellement, modifiez la barre oblique en "et" (Télécharger et imprimer) et terminez.

Je suis à la fois typographe et éditeur / correcteur d'épreuves, il n'y a donc aucun cas où j'autoriserais des espaces autour des barres obliques. Déjà.

Lauren-Clear-Monica-Ipsum
la source

Bon d'accord alors :)

Scott

Le crénage est la bonne réponse imprimée, où je suis la seule composition. Hélas, c'est le Web, où, pour le meilleur ou pour le pire, je suis rarement celui qui met en forme le contenu HTML. En fait, il est probablement impossible de créner un caractère particulier dans le flux de travail de développement Web d'entreprise :(

DA01

Notez que le téléchargement de & thinsp; / & thinsp; print N'EST PAS "ctrl + f et tapez" consultable sauf si l'on a) connaît les codes alt; et b) reconnaît que l'espace n'est pas un espace normal.

horatio

@ DA01 Je comprends que le crénage ne fonctionne pas pour le Web. Mais sur le Web, il est possible que la police / taille, etc. soit de toute façon annulée. Vous ne pouvez tout simplement pas contrôler le texte HTML à 100%. La meilleure solution est d'avoir le moins de pièces mobiles. L'ajout d'espaces ajoute des pièces mobiles. Il ajoute des ouvertures pour les erreurs à introduire. Vous ne voulez pas compliquer inutilement un flux de travail de développement Web.

Lauren-Clear-Monica-Ipsum

Je considérerais une barre oblique entourée d'espaces comme ayant une signification différente d'une barre oblique non délimitée par des espaces. En particulier, s'il n'y a pas d'espace autour de la barre oblique, je l'interpréterais comme ne joignant que les mots immédiatement de chaque côté; l'ajout d'espaces donnerait à penser que la barre oblique "va plus loin". L'utilisation d'une barre oblique avec des espaces peut être vue de manière similaire à un trait d'union avec des espaces où l'on devrait vraiment utiliser un tiret cadratin (et aucun espace), mais je ne suis pas sûr qu'il existe une variation largement reconnue de la barre oblique pour de tels cas .

supercat

J'utilise un espace complet autant que possible et faisable.

Comme Brendan l'indique dans sa réponse, c'est très subjectif.

Je pense que l'espace complet rend tout simplement beaucoup plus clair et plus facile à lire qu'il s'agit d'une situation soit / ou.

Cependant, lorsque j'utilise les barres obliques dans un chemin de fichier ou de répertoire, je n'utilise pas l'espace pour désigner un chemin continu. Pour des raisons évidentes - les utilisateurs peuvent inclure un espace par erreur.

Je n'interprète jamais la barre oblique comme "et" comme le dit Brendan. C'est toujours "ou" ou un chemin de répertoire dans mon esprit.

Scott
la source

Point intéressant sur le chemin du fichier et / ou les URL. C'est peut-être un argument pour ajouter de l'espace lorsque vous travaillez dans le contexte de sites Web, où vous allez également voir beaucoup d'URL et ne pas y vouloir d'espaces.

DA01