¿Alguien comprendió o podría explicar la regla del interlineado? El 20% de 10 son 2, si le sumo 1 son 3, el interlineado me debe dar 13pt...

Pregunta de la clase:
Básicos de Diseño
Luis Elias Fernández Gutiérrez

Luis Elias Fernández Gutiérrez

Pregunta
studenthace 4 años

¿Alguien comprendió o podría explicar la regla del interlineado?

El 20% de 10 son 2, si le sumo 1 son 3, el interlineado me debe dar 13pts en lugar de 12 ¿En qué estoy fallando?

6 respuestas
para escribir tu comentario
    Vanessa Santillana Quispe

    Vanessa Santillana Quispe

    studenthace 3 años

    Me parece que se refiere a:

    tamaño de letra * (1 + 20%)
    Ejemplo: 18 + 18(20%) = 18 + 3.6 = 21.6 10 + 10(20%) = 10 + 2 = 12

    Bryan C. Orellana

    Bryan C. Orellana

    studenthace 4 años

    Frame 3.png

    @gutierrez2020. Hola. Hace poco leí un libro en donde recomendaba usar un calculo simple como este: Para textos menores a 32pt (o pixeles) debes multiplicar el interlineado de la siguiente manera: 16px(tamaño de fuente) * 1.6 = 25.6 = 26 Luego tienes que redondearlo a la cantidad mas cercana en este caso 26. Y para tamaños de texto mayores a 32pt la regla es multiplicar el interlineado por 1.1

    Juan Andrés Castillo

    Juan Andrés Castillo

    studenthace 4 años

    Por mi experiencia, a veces 120% queda muy pegado, y es importante que los textos tengan suficiente espacio, sobretodo cuando son tamaños de letra sobre los 24px. Un interlineado de 130%-150% va súper. Siempre va a variar de la composición del diseño

    Bryan C. Orellana

    Bryan C. Orellana

    studenthace 4 años

    Aquí te dejo una guía que tal vez te pueda ayudar mejor a entender las "reglas" del tamaño de letra y su jerarquía. guia.png

    Luis Elias Fernández Gutiérrez

    Luis Elias Fernández Gutiérrez

    studenthace 4 años

    Bryan, es una solución, pero considerando la regla:

    1 + 20% no concuerda, no entiendo esa regla.

    Bryan C. Orellana

    Bryan C. Orellana

    studenthace 4 años

    Hola. Yo también estaba con esa duda y la solución mas rápida que tuve es de aumentar 2pt al interlineado. Por ejemplo: Mi fuente es de 10pt , le sumo 2pt de interlineado. Esto seria igual a 12pt de interlineado.

    Mi conclusión es que partamos de ese punto - agregar 2pt de interlineado tomando como base nuestra tipografía-. Aunque no siempre queda "estéticamente bien" podemos seguir probando más opciones dependiendo del gusto de cada uno.

Curso de Fundamentos de Diseño de Interfaces UI y UX

Curso de Fundamentos de Diseño de Interfaces UI y UX

Diseña interfaces atractivas e intuitivas con Sketch aplicando los principios de usabilidad y procesos de UX. Aprende técnicas de investigación que te permiten conocer a tus usuarios, aplica Guerilla testing para validar tus diseños y construye un Design System empleando Atomic Design. Entrega al equipo de desarrollo tu diseño de interfaz usando Zeplin.

Curso de Fundamentos de Diseño de Interfaces UI y UX
Curso de Fundamentos de Diseño de Interfaces UI y UX

Curso de Fundamentos de Diseño de Interfaces UI y UX

Diseña interfaces atractivas e intuitivas con Sketch aplicando los principios de usabilidad y procesos de UX. Aprende técnicas de investigación que te permiten conocer a tus usuarios, aplica Guerilla testing para validar tus diseños y construye un Design System empleando Atomic Design. Entrega al equipo de desarrollo tu diseño de interfaz usando Zeplin.