¿Aceptación tipográfica de barras espaciadas?

9

En el diseño de la interfaz de usuario, a menudo hay que trabajar en los límites del espacio limitado y / o simplemente tratar de reducir las descripciones excesivamente excesivas y demás.

A menudo, esto resulta en el uso de barras inclinadas mucho. Este / ese tipo de cosas.

En el pasado, me pidieron que agregue espacios a cada lado de una barra para darle un poco de espacio para 'respirar' y, aunque al principio esto parecía incorrecto, también he crecido para preferirlo como una opción.

Un ejemplo:

Download/Print PDF

vs.

Download / Print PDF

Algunas preguntas:

  • ¿Prefieres uno sobre el otro (y por qué?)
  • ¿Es aceptable la barra espaciada? ¿Estoy cometiendo un error tipográfico?

Idealmente, uno debería poner el espacio entre letras y espacio en la barra diagonal y no usar espacios enteros, pero en el contexto del desarrollo web, es probable que rara vez las personas de contenido y / o desarrolladores pasen tiempo con ese detalle, por lo que propongo la opción espaciada. También ofrece el beneficio adicional de ser más propensos a envolverse adecuadamente si es necesario.

DA01
fuente

Respuestas:

7

Como suele ocurrir con estas cosas, la respuesta será subjetiva. Aquí hay algunos pensamientos, sin embargo:

Creo que tiendo a ir sin espacio a menos que me preocupe que las cosas fluyan a varias líneas.

Quizás el contexto podría ayudarte a decidir. Tal vez 'Descargar / Imprimir PDF' lleva una connotación de 'Descargar PDF e Imprimir PDF' mientras que 'Descargar / Imprimir PDF' dice 'Descargar e Imprimir PDF'.

Tal vez, si es posible, podría intentar  usar un espacio delgado para lograr un mejor equilibrio:

Descargar / Imprimir PDF (espacio)
Descargar / Imprimir PDF (espacio delgado)
Descargar / Imprimir PDF (sin espacio)

El espacio para el cabello (  ) también debería estar en la mezcla, pero no parecía ser diferente cuando lo probé aquí. También hay algunas otras opciones de espacio en Unicode , pero no creo que ninguna otra sea relevante para esta discusión.

Brendan
fuente
Buen punto sobre la ligera variación en el significado potencial. Es sutil, y a veces no es tan importante, pero es bueno saberlo. Me gusta el espacio delgado. Por desgracia, en mi experiencia se ha demostrado que es difícil controlar a los autores y desarrolladores de contenido para que se adhieran a ese tipo de detalles, por lo que estoy tratando de mantener la 'regla' lo más simple posible.
DA01
1
Siempre he visto una barra oblicua representada como "o", pero tengo la sensación de que la gente usa los espacios como has dicho para agrupar las asociaciones.
Iain Hallam
5

Augh! No no no no no. No hay espacios. Kerning es la respuesta correcta. Agregar espacios introduce la posibilidad de error, interrupciones incorrectas y malas interpretaciones. Cuando dos elementos que deben conectarse están separados por espacios artificiales, está rompiendo las conexiones necesarias. Si te molesta tanto visualmente, cambia la barra diagonal a "y" (Descargar e imprimir) y listo.

Soy un tipografista y un editor / corrector de pruebas, por lo que no hay casos en los que permitiría espacios alrededor de las barras. Siempre.

Lauren-Clear-Monica-Ipsum
fuente
1
Bueno, entonces bien :)
Scott
2
Kerning es la respuesta correcta en la impresión, donde yo soy el tipo de letra. Por desgracia, esto es web, donde, para bien o para mal, rara vez soy el que formatea el contenido HTML. De hecho, es posible que sea posible identificar un personaje en particular en el flujo de trabajo corporativo de desarrollo web :(
DA01
1
Tenga en cuenta que descargar & thinsp; / & thinsp; print NO se puede buscar "ctrl + f y type" a menos que uno a) conozca los códigos alt; y b) reconoce que el espacio no es un espacio regular.
Horacio
@ DA01 Entiendo que el kerning no funciona para la web. Pero en la web, existe la posibilidad de que la fuente / tamaño, etc. sea anulada de todos modos. Simplemente no puede controlar el texto HTML al 100%. La mejor solución es tener la menor cantidad de piezas móviles. Agregar espacios agrega partes móviles. Agrega aperturas para que se introduzcan errores. No desea que un flujo de trabajo de desarrollo web sea más complicado innecesariamente.
Lauren-Clear-Monica-Ipsum
Consideraría que una barra inclinada rodeada de espacios tiene un significado diferente de una barra no delimitada por espacios. En particular, si no hay espacio alrededor de la barra, lo interpretaría como unir solo las palabras inmediatamente a cada lado; agregar espacios sugeriría que la barra está "llegando más lejos". El uso de una barra oblicua con espacios podría verse de manera similar a un guión con espacios donde uno realmente debería usar un guión de em (y sin espacios), pero no estoy seguro de que haya una variación ampliamente reconocida de la barra oblicua para tales casos .
supercat
5

Uso un espacio completo siempre que sea posible y factible.

Como Brendan afirma en su respuesta, es altamente subjetivo.

Siento que todo el espacio simplemente hace que sea mucho más claro y fácil de leer que se trata de una situación.

Sin embargo, cuando uso las barras en una ruta de archivo o directorio, no uso el espacio para designar una ruta continua. Por razones obvias, los usuarios pueden incluir un espacio por error.

Nunca interpreto la barra como "y" como dice Brendan. Siempre es "o" o una ruta de directorio en mi mente.

Scott
fuente
Punto interesante sobre la ruta del archivo y / o las URL. Quizás ese sea un argumento para agregar el espacio cuando se trabaja en el contexto de sitios web, donde también verá muchas URL y no querrá espacios allí.
DA01