Resumen del evento: Similitudes y diferencias entre el diseño web y el diseño gráfico. Formatos de imágenes para la web: ¿jpg, png, gif? ¿Cuál y por qué es mejor en cada caso? Entendiendo la labor del maquetador y desarrollador: Resolución de imágenes para la web. Unidades de medidas y escalas tipográficas. El uso de retículas y frameworks web para el diseño de interfaces web.

Enlaces a las grabaciones del encuentro:

🎓 Introducción al diseño web para diseñadores gráficos. Sesión 1.

🎓 Introducción al diseño web para diseñadores gráficos. Sesión 2.

Capturas de Pantallas

Recursos compartidos

Algunos frameworks web

Bootstrap

Bulma: Free, open source, and modern CSS framework based on Flexbox

Materialize

Foundation

Semantic UI

UIkit

Pure

Grid system

Unidades de medida

CSS: em, px, pt, cm, in...

Medidas absolutas y relativas en el diseño web

Color en la web

Color Tool - Material Design

La tipografía en la web

Google Fonts

A Visual Type Scale

Modular Scale

Material Design

Recursos Varios

Beautiful Free Images & Pictures | Unsplash

Scribus

Directory Listing: /pub/firefox/releases/

Sobre "el maestro ignorante" de Jacques Rancière

Formación Gráfica en la red

• Canal de YouTube: https://www.youtube.com/formaciongrafica
• Página en LinkedIn: https://www.linkedin.com/company/formaciongrafica
• Grupo en LinkedIn: https://www.linkedin.com/groups/6733201/
• Espacio en Patreon: https://www.patreon.com/formaciongrafica
• Canal en Vimeo: https://vimeo.com/formaciongrafica
• Cuenta en Twitter: https://twitter.com/form_grafica
• Página en Facebook: https://www.facebook.com/FormacionGrafica/

Cuentas personales en Internet

• LinkedIn: https://www.linkedin.com/in/placidoluna/
• Facebook: https://www.facebook.com/placidorlunac/
• Twitter: https://twitter.com/placidolunafg

Artículos en LinkedIn:

Formación Gráfica: Pautas de estudio en el diseño

Formación Gráfica: La renovación (siempre) ha sido la clave

Formación Gráfica: Entre la sorpresa y la energía renovada