Estimado, Tengo un problema al usar responsive resize cuando tengo una imágen de background. se escala. Además me gustaría saber: ¿ Qué r...

Pregunta de la clase:
Responsive Resize
Cristian Alfaro Silva

Cristian Alfaro Silva

Pregunta
studenthace 5 años

Estimado, Tengo un problema al usar responsive resize cuando tengo una imágen de background. se escala.

Además me gustaría saber: ¿ Qué recomiendas si estoy haciendo una app, trabajar diseñando para un dispositivo con resolución baja o alta, desde XD?

Saludos

pregunta.jpg

2 respuestas
para escribir tu comentario
    David Fernando Aguirre Rodriguez

    David Fernando Aguirre Rodriguez

    studenthace 5 años

    Yo estoy usando el modelo Mobile First es una filosofía que perfecciona el proceso de diseño de cualquier sitio web, buscando mejorar el diseño web adaptable. Esta nueva forma de diseñar, surge de los dispositivos móviles y de cualquier pantalla de tamaño menor, en la que se parte de una escala en aumento hasta adaptar el diseño a pantallas de gran tamaño.

    Aspectos a tener en cuenta en el diseño Mobile First Teniendo en cuenta esta manera de enfocar el diseño, las dimensiones y capacidades de un móvil y la información que debemos incluir, podemos pasar al desarrollo de una página web.

    Lo primero que se debe hacer es aclarar el contenido básico y separarlo del contenido sobrante o prescindible. Al hacer esto, nos quedará un listado de los elementos esenciales que debe contener nuestra página; home, página interior, carrito de compra, buscador… Estos elementos deben decidirse en función de las necesidades de los futuros usuarios.

    Puede darse el caso de que ciertos elementos no se logren incluir a la vez en pantalla como el logotipo, el navegador y el buscador, por ejemplo. Si el espacio realmente es ínfimo, siempre puede darse la opción de habilitar un botón con categorías para las opciones que no se puedan incluir en la pantalla.

    Escala de pantallas: el modelo Mobile First

    mobile-first4-600x424.jpg

    Roger Carlos Ariel Alba

    Roger Carlos Ariel Alba

    studenthace 5 años

    Hola!

    No entiendo bien el primer problema. ¿no quieres que se escale?

    Ahora con el siguiente, sugiero siempre trabajes como si fueras a usar dispositivos de alta resolución.

    Eso entre otras ventajas te permitirá facilitarle mucho la vida a la gente que hacer código.

Curso de Adobe XD [Empieza Gratis]

Curso de Adobe XD [Empieza Gratis]

Aprende a usar Adobe XD para crear prototipos, diseños de interfaces y diagramas para web o móvil. Domina los paneles de diseño de Adobe XD para crear autoanimaciones, agregar estilos y elementos tipográficos. Optimiza tu trabajo aprovechando las funciones colaborativas de Adobe XD.

Curso de Adobe XD [Empieza Gratis]
Curso de Adobe XD [Empieza Gratis]

Curso de Adobe XD [Empieza Gratis]

Aprende a usar Adobe XD para crear prototipos, diseños de interfaces y diagramas para web o móvil. Domina los paneles de diseño de Adobe XD para crear autoanimaciones, agregar estilos y elementos tipográficos. Optimiza tu trabajo aprovechando las funciones colaborativas de Adobe XD.