¿Es correcto el espaciado alrededor de mis elementos tipográficos? [cerrado]

La imagen a continuación es un ejemplo de párrafo más o menos estándar para el sitio web que estoy tratando de diseñar. Probablemente no sea de mucha ayuda para la pregunta que estoy haciendo, pero intentaré detallar más lo que estoy haciendo allí.

  • la fuente utilizada es Roboto Black y Regular
  • la sección tiene un margen superior e inferior de 50px
  • el encabezado es 36px
  • el encabezado tiene un margen inferior de 30 px a partir del subrayado (línea amarilla)
  • el párrafo es de 18 px con 27 px de encabezado (1,5 de altura de línea)
  • el diseño se basa en una cuadrícula de 1170 px (Bootstrap) si sirve de algo

Ejemplo de tipografía

Para ampliar un poco mi pregunta, me gustaría saber si el espacio entre el encabezado y el párrafo es suficiente o debería ser al menos del tamaño del espacio entre los dos párrafos (que es 42px)

PD: Me siento como una persona sorda tratando de cantar cuando estoy haciendo tipografía, por lo que cualquier crítica constructiva es muy apreciada.

A primera vista no veo ningún error evidente. El cuerpo del texto grisáceo puede ser un poco difícil de ver (las formas de las letras son un poco delgadas), pero en general, el encabezado, los márgenes, el contraste, la parte derecha irregular, etc. son atractivos; nada parece apretado. Tenga en cuenta que los anchos de línea más largos (columnas anchas) pueden ser un poco más difíciles de leer que los más angostos, pero el suyo no es excesivo. Probablemente necesitemos ver más de la página completa para saber cómo funcionan los elementos juntos. El acento amarillo llama la atención sobre una característica que ya se destaca, el titular en negrita, algo redundante, pero no lo odio.
Lea nuestras pautas para preguntas de crítica y edite su pregunta en consecuencia.
@user8356: El texto tiene alrededor de 90 caracteres por línea. Lo considero demasiado alto.

Respuestas (1)

En última instancia, esto siempre se reducirá al ojo del espectador. En mi opinión, el ritmo vertical (y esa es una frase importante, y se puede buscar en Google para aprender mucho más) se ve bien en general, pero creo que el subrayado debajo del encabezado se ve un poco apretado. Lo abriría en aproximadamente 5px. (es decir, agregue 5px a lo que sea que esté configurado actualmente el relleno en el encabezado)

Sin embargo, las longitudes de línea son un poco largas. Apunte a unos 60 caracteres, mientras que a simple vista tiene unos 100 (¡no los he contado!), así que haga su imagen más grande en relación con la columna de texto, o simplemente reduzca la columna de texto y no (alguna vez) tenga miedo de los espacios en blanco.

Un consejo para hacer que los sitios tipográficos realmente canten es buscar un complemento de separación de palabras basado en jQuery y un diccionario de separación de palabras relevante. Solo un consejo al azar :)

¡Gracias! El relleno de 5px realmente funcionó y ahora el ritmo vertical se ve mucho mejor, incluso para mis ojos. También ajusté la longitud de la línea a aproximadamente 70, pero ahora el texto y la imagen ocupan 6 columnas cada uno y la imagen eclipsa el texto (pero una imagen más clara y con menos contraste podría arreglar eso).
Me alegro de haber podido ayudar, buena suerte con el proyecto :)
¿Es correcto el espaciado alrededor de mis elementos tipográficos? [cerrado]
RespuestasAquíPolítica de privacidad1y, 0v