Responsive Web Design o Diseño Web Adaptable es una técnica utilizada en al creación de sitios web para adapta la estructura a diversas resoluciones y/o dispositivos con el fin de generar un solo desarrollo.
Esto se logra a través de estilos CSS aplicando Media Queries en donde podemos especificar las variaciones que querremos aplicar a loas diversas resoluciones y/o dispositivos. Es fundamental para un diseño responsivo utilizar estructuras flexibles como contenedores, imágenes y video flexibles.
Para lograr un buen diseño responsivo o adaptable, es necesario conocer las diferentes medidas de los diversos dispositivos digitales: Notebook y/o PC de escritorios, tablets y teléfonos móviles. Para esto existen los puntos de quiebres o “BreakPoints” y la técnica Mobile First.
BREAKPOINTS
Puntos de quiebres se definen para lograr adaptar las estructuras a los tamaños requeridos según los dispositivos o resoluciones.
MOBILE FIRST
Es modo de diseñar que tenga en cuenta, en primera instancia, un dispositivo móvil. Pantallas reducidas en comparación a los monitores que usamos normalmente con los ordenadores, y tras tener la maqueta preparada, realizar un escalado, es decir, aumentar el tamaño y adaptarlo a una pantalla de escritorio.
En una muy entretenida charla de Duoc UC en «Me titulé en Duoc UC» me corresponde hablar con Jannette Pérez, diseñadora gráfica titulada Duoc UC quien nos habla sobre su experiencia académica y el camino que ha realizado para trabajar hoy en día como diseñadora UX/UI en Ripleytech.
En esta charla realizada para el canal de Youtube de la escuela de Diseño de Duoc UC entrevisto a Consuelo Olivares y Marcelo Morales, diseñadores UX en Thoughtworks quienes nos cuentan sus “experiencia diseñando experiencias” desde sus orígenes, donde nos compartirán cómo partiendo desde puntos tan diferentes como la informática y el diseño terminando en […]
Charla que realizamos para el canal de la escuela de Duoc UC en la cual soy docente compartiendo junto a Vladimir Torres y Paola Veliz, El Diseño de Experiencia de Usuario (UX) es el proceso fundamental en la metodología de Diseño Centrado en el Usuario (DCU) y se enfoca en conocer las necesidades, frustraciones y […]