Al fin alguien explica esto, nunca entendi para que eran las 2x 3x 4x de figma
Introducción
¿Qué vas a aprender?
Conceptos Generales
Introducción al desarrollo de software
Servidor y cliente
Front-End y Back-End: definición y características
¿Qué es una API?
¿Qué es Git?
Aproximación a los lenguajes de la web
Aproximación a HTML desde el diseño
Aproximación a CSS desde el diseño
Aproximación a JavaScript desde el diseño Parte I
Aproximación a JavaScript desde el diseño Parte II
Aproximación a las herramientas de desarrollo
Bases del diseño en el desarrollo
Características de las imágenes en el contexto de desarrollo web
Implementación de las imágenes en el contexto de desarrollo web
Características e Implementación de textos
Características e implementación de colores
El diseño desde una mirada de desarrollo
Diseño de botones
Implementación de botones
Diseño e implementación de inputs
Diseño de tablas
Funciones de tablas
Diseño e implementación de checkbox
Despedida
Live Class
Live Class
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 9
Preguntas 2
Al fin alguien explica esto, nunca entendi para que eran las 2x 3x 4x de figma
Con esta clase ya me ha quedado claro como podemos optimizar por parte de desarrollo este gran problema del Layout Shift ya que si afecta demasiado a la experiencia del usuario.
Investigare más al respecto sobre el atributo srcset. Ahora que recuerdo lo había estudiado pero nunca lo use al parecer. ¡Muchas gracias!
No hay ninguna URL en la sección de recursos para hacer el ejercicio
Siempre he visto 1x… en los programas de diseño mas o menos e tenía idea, pero hoy me quedo claro al ver el código,
Variables que afectan la experiencia en relación con las imágenes
Cumulative Layout Shift — Cambio Acumulativo Diseño
También podemos dejar una dimensión predefinida para que puedan ser ocupadas una vez que los elementos carguen.
Es importante exportar imágenes en 1x, 2x y 4x para que el navegador tenga más de una opción de dónde escoger a la hora de mostrar la más adecuada de acuerdo a las características de cada dispositivo. Todo ello implica tomar mejores decisiones desde la parte del diseño y no sólo pensar en Figma sino también en la parte del desarrollo de software para mejorar la experiencia del usuario en todo momento.
Me encanta la forma de explicar es muy clara, los conceptos los conocia ya que trabaje el diseño gráfico por 23 años en la parte de la publicidad (el diseño gráfico lo aprendi de forma empirica).
Lo felicito no todos tienen ese don de saber enseñar.
Hasta hoy aprendí a qué se refiere las X en las imágenes.
Que interesante esta clase!
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?