Del curso: Experiencia de usuario (UX) avanzado

Diseño adaptable de wireframes

Del curso: Experiencia de usuario (UX) avanzado

Comenzar mi mes de prueba gratis Comprar para mi equipo

Diseño adaptable de wireframes

“

El diseño adaptable se refiere a realizar tus diseños para que se vean correctamente en todas las pantallas de todos los dispositivos. El primer diseño que deberías hacer siguiendo la técnica del «mobile first» es el de los dispositivos móviles, estos de aquí. Recuerda que iOS y Android tienen tamaños diferentes. Android mide 360 de ancho y 640 de alto, mientras que iOS mide 375 de ancho y 812 de alto. Ambas medidas son aproximadas y pueden variar de un modelo a otro. El siguiente paso en tu diseño adaptable sería realizar el mismo diseño adaptado al tamaño de una tablet. Este tamaño suele rondar los 768 de ancho y 1024 de alto. Finalmente, el último paso sería realizar el diseño para gran pantalla, es decir, ordenadores portátiles y ordenadores de sobremesa. Estos tamaños suelen rondar los 1920 de ancho y 1080 de alto. Debes tener en cuenta que los tamaños pueden variar debido a los diferentes modelos que se venden en el mercado. Una vez hayas adaptado tu diseño a todas las pantallas posibles, no tendrás que preocuparte de que la interfaz de tu producto se pueda romper o pueda verse comprometida.

Contenido