Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 24 vistas

    Diseño Responsive

    Cargado por

    michucatito
    El documento habla sobre diseño web responsive. Explica que el diseño responsive permite que un sitio web se ajuste automáticamente al tamaño de la pantalla del dispositivo del usuario. También discute optimización de imágenes, diseño centrado en el usuario, y composición del diseño para proporcionar la mejor experiencia para el usuario independientemente del dispositivo. Los integrantes del proyecto son Oscar Jaramillo, Jeremy Bravo, Kristel Pibaque, Carlos Bustamente, Wilson Moreno y Nayeli Cuenca.

    Copyright:

    © All Rights Reserved
    Descargue como PPTX, PDF, TXT o lea en línea desde Scribd

    Diseño Responsive

    Cargado por

    michucatito
    24 vistas12 páginas
    El documento habla sobre diseño web responsive. Explica que el diseño responsive permite que un sitio web se ajuste automáticamente al tamaño de la pantalla del dispositivo del usuario. También discute optimización de imágenes, diseño centrado en el usuario, y composición del diseño para proporcionar la mejor experiencia para el usuario independientemente del dispositivo. Los integrantes del proyecto son Oscar Jaramillo, Jeremy Bravo, Kristel Pibaque, Carlos Bustamente, Wilson Moreno y Nayeli Cuenca.

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PPTX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    El documento habla sobre diseño web responsive. Explica que el diseño responsive permite que un sitio web se ajuste automáticamente al tamaño de la pantalla del dispositivo del usuario. También discute optimización de imágenes, diseño centrado en el usuario, y composición del diseño para proporcionar la mejor experiencia para el usuario independientemente del dispositivo. Los integrantes del proyecto son Oscar Jaramillo, Jeremy Bravo, Kristel Pibaque, Carlos Bustamente, Wilson Moreno y Nayeli Cuenca.

    Copyright:

    © All Rights Reserved
    Descargue como PPTX, PDF, TXT o lea en línea desde Scribd
    Descargar como pptx, pdf o txt
    24 vistas12 páginas

    Diseño Responsive

    Cargado por

    michucatito
    El documento habla sobre diseño web responsive. Explica que el diseño responsive permite que un sitio web se ajuste automáticamente al tamaño de la pantalla del dispositivo del usuario. También discute optimización de imágenes, diseño centrado en el usuario, y composición del diseño para proporcionar la mejor experiencia para el usuario independientemente del dispositivo. Los integrantes del proyecto son Oscar Jaramillo, Jeremy Bravo, Kristel Pibaque, Carlos Bustamente, Wilson Moreno y Nayeli Cuenca.

    Copyright:

    © All Rights Reserved
    Descargue como PPTX, PDF, TXT o lea en línea desde Scribd
    Descargar como pptx, pdf o txt
    de 12

    Diseño para la web

    Optimización de Imágenes Diseño Responsive


    Integrantes
    • Oscar Jaramillo
    • Jeremy Bravo
    • Kristel Pibaque
    • Carlos Bustamente
    • Wilson Moreno
    • Nayeli Cuenca
    ¿Qué es el diseño en una web?
    Es un área enfocada en el desarrollo de interfaces digitales,
    como el diseño de sitios y aplicaciones para web. Para
    ello, los diseñadores web crean las páginas utilizando
    lenguajes de marcado como HTML.

    Oscar
    Tipos de diseños web
    • Diseño fijo o estático.
    • Diseño dinámico.
    • Diseño responsive
    • Diseño líquido o fluido.
    • Diseño adaptativo.

    Oscar
    Principios del diseño Responsive
    Antes que el diseño web responsive fuese popular, muchas compañías manejaban un sitio
    web completamente separado, el cual recibía tráfico reenviado basándose en el agente de
    usuario (user-agent).
    Pero en el diseño web responsive, el servidor siempre manda el mismo código HTML a
    todos los dispositivos y se hace uso de CSS para alterar la renderización de la página en el
    dispositivo.
    Independientemente de las dos estrategias previas, el primer paso en la creación un sitio
    web para teléfonos o tabletas, es asegurarse que el navegador conozca la intención. Aquí
    es donde el meta tag viewport entra en juego.

    Carlos
    ¿Qué es el diseño Responsive?

    El diseño web adaptable es una filosofía de


    diseño y desarrollo cuyo objetivo es adaptar
    la apariencia de las páginas web al
    dispositivo que se esté utilizando para
    visitarlas.

    Amaury
    ¿Para que sirve el diseño Responsive?

    El diseño responsive es un formato de programación que permite ajustar


    un sitio web automáticamente al tamaño y disposición de los dispositivos
    de sus usuarios. Los sitios web responsive cambian para ofrecer la mejor
    experiencia a los visitantes desde sus teléfonos inteligentes, tabletas o
    computadoras de escritorio.

    Amaury
    ¿Cómo hacer que tus imágenes sean Responsive?

    Para hacer que una imagen sea responsiva, tienes que dar un nuevo valor a
    su propiedad de anchura. La altura de la imagen se ajustará
    automáticamente. Lo importante es saber que siempre debes utilizar
    unidades relativas para la propiedad de anchura, como el porcentaje, en
    lugar de las absolutas, como los píxeles.

    Nayeli
    ¿Como hacer un enfoque centrado?

    • Conexión de red
    • Tamaño de la pantalla
    • Tipos de interacción (pantallas táctiles, track pads)
    • Resolución gráfica.

    Nayeli
    ¿Qué es optimización de imágenes?
    La optimización de imágenes es el proceso de disminuir el tamaño de tu
    archivo mediante el uso de un plugin o script el cual en cambio acelera el
    tiempo de carga de tu página. Compresión con o sin pérdida son los dos
    métodos comúnmente utilizados.

    Kristel
    ¿Composición de Diseño?
    El diseño web responsive se centra en proporcionar una
    experiencia de usuario óptima, independientemente del
    dispositivo. Esto incluye la facilidad de navegación, la
    legibilidad del contenido y la capacidad de interactuar con los
    elementos del sitio de manera efectiva.

    Wilson

    También podría gustarte