Conceptos de la tipografía para pantallas
Un curso de Gemma BusquetsDiseñadora
Un curso de Gemma Busquets, Diseñadora
Aprende a trabajar y seleccionar la tipografía perfecta para cualquier proyecto digital
Desde los hábitos de lectura del usuario hasta los dispositivos, navegadores y sistemas operativos... Para elegir una tipografía para contenidos digitales hay que tomar en consideración muchos factores que determinan que los textos sean legibles y luzcan bien en pantallas. Gemma Busquets —diseñadora gráfica, directora de arte y docente— es una especialista en el área, con más de 10 años de experiencia colaborando para clientes como Dell, San Miguel, Huffington Post, Coca-Cola, Nike, Peugeot o Puig y compartiendo sus conocimientos enseñando en el Máster de Infografía y Visualización de Datos de la BAU (Barcelona).
En este curso Gemma te enseñará los conocimientos necesarios para trabajar la tipografía para visualizarlas a la perfección en pantallas. Al finalizar el curso serás capaz de mejorar el texto de tu web, blog, porfolio, revista digital o ebook para que transmita mejor el mensaje, sea legible y tenga una estructura clara.
¿Qué aprenderás en este curso online?
23 lecciones & 17 recursos adicionales
Proyecto Final
1 minuto, 1 segundo
Un poco de historia
5 minutos, 33 segundos
La importancia de la tipografía en formatos digitales
7 minutos, 52 segundos
Cómo leemos en pantalla
5 minutos, 4 segundos
Dispositivos, pantallas y formatos
7 minutos, 29 segundos
Microtipografía y macrotipografía
2 minutos, 34 segundos
¿Qué incluye este curso?
Primero conocerás a Gemma, quien te contará un poco sobre su pasión por el diseño, su trayectoria profesional como diseñadora y docente, además de los proyectos más representativos que ha realizado para grandes marcas. Además, te compartirá sus influencias, que varían entre libros y sitios web que te servirán como inspiración.
Aprenderás un poco de historia y la importancia de la tipografía en formatos digitales. Entenderás qué diferencias hay entre diseñar con tipografía en papel y digital, considerando dispositivos, pantallas y formatos. Verás qué es la micro y macrotipografía y conocerás los conceptos de hinting, anti-aliasing y de ortotipografía.
¿Cómo elegir una tipografía? ¿Dónde encontrar una ideal para pantallas? Gemma te explicará todo lo que necesitas para conseguir la tipografía perfecta para tu proyecto, te mostrará las webs donde puedes descargarla y las características que debe tener para que invite a la lectura en pantalla.
Escogerás diferentes tipografías para distintas funciones del texto: titulares, cuerpo de texto y elementos interactivos, para luego adentrarte en la composición. Verás todo sobre el tamaño de tipografía recomendado para leer en digital y cómo deberías ajustarlo según el dispositivo en el que se vaya a renderizar la tipografía.
Crearás una retícula para ordenar el contenido en la página, definirás un ancho de columna adecuado y aprenderás sobre las maneras de establecer jerarquía entre los elementos de la página considerando un elemento clave: el espacio en blanco.
Realizarás una comprobación final para probar cómo se ve la tipografía en distintos navegadores y sistemas operativos, utilizando algunas herramientas y trucos que Gemma te compartirá.
Al finalizar el curso tendrás los conocimientos necesarios para elegir la tipografía para un proyecto digital y, además, sabrás cómo trabajar para que tus textos sean cómodos de leer.
¿Cuál es el proyecto del curso?
Realizarás paso a paso el diseño de una revista digital para web.
Proyectos de estudiantes del curso
¿A quién está dirigido este curso online?
A cualquier persona que necesite tener una guía sobre cómo trabajar bien la tipografía en entornos digitales.
Requisitos y materiales
No se necesitan conocimientos previos. Sobre los materiales, necesitarás un ordenador con un programa de diseño como Adobe Photoshop, InDesign o Illustrator. Si tienes Sketch, Figma o Adobe XD, incluso mejor.
Opiniones
- hace 6 meses
Es un curso muy práctico que me llenó de herramientas para mi vida profesional.
- hace 10 meses
Muy bueno.
- hace 1 año
For someone with basic knowledge on typography, I really feel like the course helped me level up. I applied everything I learned here in my existing materials, and the improvement can be seen by everyone
- hace 1 año
Me gusto el curso porque es muy practico y ella explica muy bien.
- hace 1 año
Me ha parecido apropiado la manera de explicar el proceso de usabilidad de la tipografia en pantalla y como escoger las tipografias para el diseño de materiales como los educativos
Actualmente compagina su trabajo con la docencia en la BAU, Centro Universitario de Diseño de Barcelona (España), como directora de arte de los proyectos finales en el Posgrado en Ediciones Digitales y profesora en el Máster en Infografía y Visualización de Datos, que también dirige y coordina.
Contenidos
- U1
Introducción
- Presentación
- Influencias
- Proyecto Final
- U2
Consideraciones
- Un poco de historia
- La importancia de la tipografía en formatos digitales
- Cómo leemos en pantalla
- Dispositivos, pantallas y formatos
- Microtipografía y macrotipografía
- Hinting y anti-aliasing
- Ortotipografía
- U3
Elección tipográfica
- Reflexiones previas
- ¿Dónde encontrar tipografías para pantalla?
- Características de algunas tipografías que debemos evitar
- Tipografía para cuerpo de texto y titulares
- Elementos interactivos
- U4
Composición
- Tamaño de la tipografía
- Interlineado y ritmo vertical
- Retícula
- La columna de texto
- Jerarquía
- Espacio en blanco
- U5
Detalles y comprobaciones finales
- Testear la tipografía
- Comprobación final
- PF
Proyecto final
- Conceptos de la tipografía para pantallas
Qué esperar de un curso de Domestika
Aprende a tu ritmo
Disfruta aprendiendo desde casa, sin horarios y a tu ritmo. Tú decides cuándo seguir con cada unidad.
Aprende de los mejores profesionales
Aprende los métodos y técnicas más útiles con los mejores profesionales del sector creativo.
Conoce a profesores expertos
Cada profesor te transmitirá sus conocimientos con pasión, ofreciéndote explicaciones claras y una perspectiva profesional en cada lección.
Certificados
PLUSSi eres Plus, obtén un certificado personalizado y firmado por tu profesor. Compártelo en tu porfolio, en las redes sociales o donde quieras.
Ponte en primera fila
La alta calidad de los vídeos permitirá que no te pierdas ni un solo detalle. Gracias al acceso ilimitado, podrás ver las lecciones todas las veces que necesites para perfeccionar tus habilidades.
Comparte conocimientos e ideas
Pregunta, pide opinión y ofrece soluciones. Comparte tu experiencia de aprendizaje con otros estudiantes de la comunidad tan apasionados por la creatividad como tú.
Conecta con una comunidad creativa global
Esta comunidad cuenta con millones de usuarios de todo el mundo, personas curiosas y con ganas de explorar y expresar su creatividad.
Realiza cursos profesionalmente producidos
Domestika selecciona cuidadosamente los profesores y produce cada curso internamente para garantizar una experiencia de aprendizaje online excelente.
Preguntas frecuentes
Aprenderás a seleccionar, combinar y aplicar tipografías para proyectos digitales, optimizando la legibilidad y la usabilidad en web, revistas online, e-books y apps, con técnicas profesionales de maquetación, CSS y herramientas digitales actuales.
El curso está dirigido a personas con conocimientos básicos en diseño gráfico o digital y es de nivel intermedio. Se recomienda tener experiencia previa en diseño y manejo de herramientas digitales.
Necesitas conocimientos previos en diseño gráfico y manejo de programas básicos de edición digital. También es recomendable tener acceso a herramientas como Sketch, software de maquetación y conocimientos básicos de CSS y HTML.
El curso te enseña a comparar familias tipográficas, analizar legibilidad, compatibilidad técnica y adaptar la elección según el público, el formato y el contexto digital para lograr la mejor experiencia de lectura.
Sí, el curso cubre técnicas y criterios de legibilidad, ajuste de interlineado, tamaño, contraste, jerarquía visual y composición para mejorar la experiencia de lectura en diferentes dispositivos.
Aprenderás a identificar y aplicar las diferencias clave, como el tamaño, el hinting, el contraste y la composición, adaptando la tipografía a las particularidades técnicas de los dispositivos digitales.
Sí, el curso enseña a implementar fuentes web mediante CSS, usar Google Fonts, activar ligaduras y ajustar parámetros tipográficos para lograr resultados profesionales en tus proyectos digitales.