¿Hay un término específico para canaletas horizontales?

Contexto
Mi equipo está trabajando en un sitio web receptivo y le permitimos al usuario configurar algunas de las propiedades de la página, incluidos los espacios entre las "celdas" de la cuadrícula. Tuvimos una conversación sobre la terminología correcta para identificar el "espacio entre celdas". Obviamente, podríamos usar algo como "margen", pero eso es demasiado amplio ya que incluiría el espacio entre la página y las celdas más externas. Queremos identificar el espacio entre celdas solamente. Nuestros usuarios no son necesariamente expertos en tecnología (es decir, CSS, etc.), pero pueden tener cierta experiencia en diseño gráfico (o al menos estar familiarizados con la terminología común).

La pregunta
"Gutter" parece el término más correcto, pero la mayoría de las definiciones de "gutter" que puedo encontrar se refieren específicamente al espacio entre columnas .

¿Existe un término específico para el espacio entre filas ? ¿O es apropiado referirse a ellos simplemente como "canalones horizontales"?

Ejemplo
Aquí hay una ilustración de lo que estoy tratando de identificar.
(Imagen tomada de https://www.init.de/en/news/responsive-design )

ingrese la descripción de la imagen aquí

Problemas con mi terminología actual
"Encuadernación horizontal (/vertical)" es un poco confuso, en mi opinión, ya que no está claro si la canaleta está entre elementos horizontales (/ verticales) o si proporciona un espacio horizontal (/ vertical) entre elementos verticales (/ horizontales) elementos. Hay cierto desacuerdo en mi equipo sobre qué definición es precisa, así que creo que eso es evidencia suficiente de que la frase en realidad es confusa.

Al menos en relación con la web, "relleno" y "margen" no son apropiados para lo que estoy describiendo. El relleno se refiere al espacio entre el borde y el contenido, mientras que el margen se refiere al espacio alrededor de un elemento. Dos elementos adyacentes con un margen de 10 px cada uno tendrían una medianera de 20 px entre ellos. (Sí, soy consciente de que los márgenes de CSS a menudo colapsan, pero no siempre ).

He visto que el término "canalón" se usa a menudo en marcos de cuadrícula receptivos, por lo que sé que es un término aceptable en el desarrollo web. Me pregunto si hay un término más apropiado para un "canalón horizontal".

Buena pregunta, no conozco un término para ello. Sin embargo, el término canalón a menudo se usa mal. El espacio entre las columnas se llama apropiadamente callejón . Vea esta imagen para aclarar
Específicamente no te refieres a liderar aquí, ¿verdad? ¿Qué pasa con el espacio entre párrafos?
El contexto lo es todo. Como esto suena como una tabla, sugeriría tomar prestada cualquier terminología que use MS Excel al elegir las opciones de formato para las celdas de la hoja de cálculo (creo que es 'relleno' IIRC)
En cuanto al espacio entre párrafos , si realmente estamos hablando del espacio horizontal entre párrafos en una columna, creo que el término que usan los diseñadores gráficos es 'espacio entre párrafos'.
El espacio entre celdas no es correcto, ya que agrega espacio alrededor del exterior de la tabla/cuadrícula

Respuestas (4)

En el alcance del diseño web, que parece ser el alcance de la pregunta del OP, preferiría usar términos relacionados con la web en lugar de tratar de importar términos de composición tipográfica del (fascinante) mundo de los medios impresos.

Llamaría a esto "margen vertical" como en la propiedad de margen CSS. El margen es el espacio entre el borde de los elementos adyacentes (a diferencia del relleno, que es el espacio dentro del elemento, entre su borde y su contenido).

ingrese la descripción de la imagen aquí

En palabras del W3C:

El margen borra un área alrededor de un elemento (fuera del borde). El margen no tiene color de fondo y es completamente transparente. fuente

Tenga en cuenta que el borde del elemento puede ser transparente. No es necesario que sea visible.

Los desarrolladores están obligados a entender este término con bastante claridad. Y, en mi opinión, aunque "margen" es menos encantador que "canalón", "pasillo" o "babosa", los clientes seguramente encontrarán que es un término más amigable.

Digresión

Cellpaddingy cellspacingson similares a paddingy margin, pero son demasiado específicos. Son atributos html válidos de las etiquetas <table>y a diferencia de los atributos CSS generales. <td>No se pueden aplicar a ninguna otra etiqueta que no sean esas. Si está hablando solo de tablas (como en las construcciones hechas con la <table>etiqueta), estaría en lo correcto si llama a esa área cellspacing. Si está hablando de áreas rectangulares en general (como en áreas definidas por <div>, o cualquier otra etiqueta), entonces <span>sería más preciso.<img>margin

Solo como comentario adicional, tenga en cuenta que los atributos cellpadingy cellspacingestán muy mal vistos por los diseñadores y desarrolladores web modernos porque este tipo de atributo mezcla la estructura (HTML) con el estilo (CSS), lo que da como resultado páginas que son más difíciles de mantener y/o desarrollar. equipos Se alienta a los desarrolladores a que se abstengan de usar estos atributos y usen los atributos CSS paddingy marginen su lugar.

Lo mismo se aplica al uso de tablas para crear diseños generales, como solía ser. Los puristas afirman que las tablas deben usarse solo para mostrar datos tabulares. <div>y <span>las etiquetas deben usarse para andamios. Todo esto con la esperanza de que algún día tengamos páginas web semánticamente correctas en las que las etiquetas marquen el contexto semánticamente en lugar de ser solo una manipulación entre bastidores.

"Margen" es un término general que se refiere al espacio alrededor de los elementos, mientras que "canalón" se refiere específicamente al espacio entre los elementos. Por ejemplo, si dos elementos contiguos tienen cada uno un margen de 10 px, la medianera entre ellos tendría 20 px de ancho. He visto que "canalón" se usa a menudo en varios marcos de diseño de cuadrícula, por lo que no creo que esté fuera de los límites en el contexto de los sitios web. Me pregunto si ese es el término correcto para el espacio entre elementos apilados verticalmente.
@JDB: Bastante justo... Supongo que la aceptación de "canalones" como el espacio entre elementos dependería de su audiencia. Por cierto, en HTML/CSS, los márgenes a veces colapsan juntos, por lo que dos elementos con un margen de 10 px no necesariamente tendrían un medianil de 20 px. Podrían terminar con un canalón de 10 px si los márgenes colapsan. css-tricks.com/almanac/properties/m/margen
Además, (sin ser molesto, estoy muy entusiasmado con este tema) en CSS, "margen" no es un término general. Tiene una definición muy específica. w3.org/TR/CSS2/box.html
Eso es cierto, pero no siempre. Por ejemplo, la especificación de flexbox dice específicamente que los márgenes de los elementos flexibles adyacentes no se colapsan .
Buen punto. Estoy de acuerdo en que sería mejor tener un término que se refiera a "el espacio real que finalmente queda entre los elementos".
Aunque enumeran todas las formas en que los márgenes no colapsarán, "el colapso de los márgenes parece ser la excepción en lugar de la regla en la documentación. Al menos, la documentación se lee como libros de gramática inglesa: sin regla y todas las excepciones. Tal vez, al menos para su equipo, usted define un término (como "callejón") que es el margen vertical entre los elementos después del (no) colapso.
@Yorik: Estoy de acuerdo en que el colapso del margen es una de las peculiaridades más impredecibles y molestas de CSS.
Si lo llama "margen", ¿cómo distingue entre los márgenes externos y los márgenes de los elementos adyacentes? Seguramente aquí es donde el uso de "margen" y "acanaladura" funciona mejor porque al menos así se puede distinguir entre los dos.
Estoy de acuerdo en que gutter sería un buen término, pero si el OP estuviera buscando una palabra que se relacione directamente con CSS (no está claro si lo está), no existe tal cosa como gutter, solo márgenes y relleno.

En términos de composición tipográfica, Slug es un término común para un espacio horizontal. - Espacio después/antes de un párrafo, un espacio horizontal entre secciones o entre reglas, etc. El slug tiene un tamaño específico similar a los tamaños de letra y se colocaría en línea con el tipo de metal para crear el espacio vertical adecuado.

basado en la edición....

Cell paddingparece la opción más obvia. o cell spacing.

¿Este término se aplica también al espaciado después de las secciones? o solo párrafos?
Se aplica a cualquier área donde se utilice un espacio horizontal. En los días de la tipografía caliente, el slug se usaba para crear un espacio uniforme horizontalmente entre las áreas que se estaban escribiendo, ya fueran párrafos, columnas, reglas, etc.
Me gusta, pero es muy confuso en el diseño web ya que hay una segunda definición en juego.
El contexto siempre es clave :) Además de con quién estás hablando.
Lo siento, @Scott, no sabía qué elementos del contexto serían más relevantes para la pregunta.
Creo que 'slug' en este contexto es anterior a la mayoría de los diseñadores gráficos que trabajan hoy en día. Incluso los mayores de nosotros usaríamos la definición de una línea de tipo fijo a través de una máquina de linotipia. Como tal, no usaría este término en la interfaz de usuario del sitio web, ya que no sería un término reconocible para la mayoría.
@scott en realidad, 'tipo caliente' a menudo también puede referirse a varias cosas. Creo (pero no estoy seguro) que la mayoría de los diseñadores gráficos, cuando escuchan 'hot top', están pensando en la era de la linotipia, donde las babosas eran las líneas reales del tipo, no el espacio entre párrafos. El slug INCLUYE el espacio entre letras, pero no necesariamente el espacio entre párrafos (por supuesto, la mayoría de los lugares que utilizan linotipias en realidad no tenían espacio entre párrafos, ya que eran periódicos típicos).
Slug era un término usado para cualquier espacio. Trozos de metal que estaban empotrados para que no se pegara la tinta. Se utilizaron para crear espaciado horizontal y alinear el tipo, así como entre el texto para crear espaciado entre párrafos u otras necesidades de espaciado. Me doy cuenta de que no es un término que muchos diseñadores de hoy conozcan, a menos que hayan trabajado para periódicos, tal vez. Eso no significa que no sea exacto. Los elementos verticales son xheight, lead y slugs. Sin embargo, en términos estrictos de diseño web, tendería a usar "margen".
... y me doy cuenta de que la pregunta fue editada para agregar mucho más después de que publiqué esta respuesta. Anteriormente no había una mención real de "web".
Me encanta el término, babosa (+1). Lo estoy usando ahora cada oportunidad que tengo.
Respuesta corta

Yo usaría "espacio entre filas".

Respuesta larga

Como mencionó JDB, yo también preferiría usar términos relacionados con la web en lugar de tratar de importar términos de composición tipográfica del (fascinante) mundo de los medios impresos.

Usaría los términos "espaciado de columnas" y "espaciado de filas" porque la mayoría de los diseños de cuadrícula usan los términos "columna" y "cuadrícula". Evitaría usar los términos "margen" y "relleno" para evitar conflictos con las palabras clave de CSS.

La nueva especificación CSS Grid define grid-row-gapygrid-column-gap , pero en realidad me gusta un poco más el "espaciado".

En el diseño de diseño, esos canalones horizontales en una cuadrícula se denominan "líneas de flujo" o "líneas colgantes".

¡Bienvenido a GD.SE! Por favor explique mejor su respuesta. ¿Qué quieres decir con "diseño de diseño"?
Para agregar a lo que dijo Kurt, quizás también puedas incluir ejemplos visuales.
¿Hay un término específico para canaletas horizontales?
RespuestasAquíPolítica de privacidad1y, 0v