SlideShare una empresa de Scribd logo
1 de 13
Karen Ramos
El diseño web es una actividad que consiste en la planificación,
diseño e implementación de sitios web
Un diseñador web tiene que ver con cómo
crear y desarrollar un pagina web así
también como los clientes interactúan con
ella
El propósito del diseño web no sólo es lograr un efecto visual agradable y armonía entre los distintos elementos
que integran un sitio web, sino también alcanzar un óptimo desempeño en su operación y el máximo nivel de
exposición posible para cumplir satisfactoriamente con la función de promoción para la que son creados los sitios.
El diseño web es una de las disciplinas tecnológicas que
han venido evolucionando rápidamente en esta última
década y se ha convertido en una de las áreas de mayor
oportunidad dentro de una industria en constante evolución
y crecimiento.
En el ámbito empresarial, las página
web se han convertido sin duda en una
potente arma de comunicación y en un
canal de ventas indispensable para toda
empresa.
Diseño Web Responsivo
El diseño web responsivo (Responsive Web Design/RWD) es una filosofía de diseño web que incorpora una
interfaz de usuario (UI) independiente del tipo de dispositivo con el que se navega, que tiene como objetivo
desarrollar y ofrecer una experiencia web óptima en aparatos con diferentes tamaños y diferentes resoluciones:
Computadora de escritorio
Portátil
Tableta
Teléfono inteligente
etc
Es una tecnología mediante la cual nuestros diseñadores web codifican las hojas de estilo de la página web
de tal forma que su distribución se ajusta por “arte de magia” automáticamente para adaptarse con mayor
comodidad al ancho del navegador en el que se está viendo la información.
El diseño web responsivo ha venido evolucionando en los
últimos años para convertirse en una funcionalidad
obligada para la entrega de contenido a los usuarios.
¿Qué problemas soluciona el diseño web responsivo?
Mejora la experiencia de visualización de
sus visitantes del sitio web en móviles y
tabletas – se elimina el desplazamiento
vertical u horizontal.
¿Qué problemas soluciona el diseño web responsivo?
No hay necesidad de diseñar y mantener sitios web por
separado para usuarios móviles.
Estilo separado del contenido – Dado que el diseño web
responsivo trabaja a través de CSS media queries, usted puede
tomar ventaja de las capacidades de gestión de contenidos de su
CMS favorito.
http://www.informaticamilenium.com.mx/es/servicios/diseno-web-responsivo.html
http://www.informaticamilenium.com.mx/es/temas/que-es-diseno-web.html
Fuentes de búsqueda
Gracias

Más contenido relacionado

La actualidad más candente

Portafolio de servicios 2012
Portafolio de servicios 2012Portafolio de servicios 2012
Portafolio de servicios 2012sercreativoinc
 
Presentación Completa Ideas, Productos y Servicios, C.A.
Presentación Completa Ideas, Productos y Servicios, C.A.Presentación Completa Ideas, Productos y Servicios, C.A.
Presentación Completa Ideas, Productos y Servicios, C.A.www.tecnohoy.com.ve
 
Gestores de imágenes y plataformas de vídeo
Gestores de imágenes y plataformas de vídeoGestores de imágenes y plataformas de vídeo
Gestores de imágenes y plataformas de vídeoJuan Pablo Moreno
 
GUTMARC - Comunicación y diseño | Comunication & Design
GUTMARC - Comunicación y diseño | Comunication & DesignGUTMARC - Comunicación y diseño | Comunication & Design
GUTMARC - Comunicación y diseño | Comunication & DesignMarco Gutiérrez
 
Claves para promocionar tu negocio en internet
Claves para promocionar tu negocio en internetClaves para promocionar tu negocio en internet
Claves para promocionar tu negocio en internetAndrea Collazo
 
Diseño web responsive
Diseño web responsiveDiseño web responsive
Diseño web responsiveDE_Marketing
 
Smart One Digital Consulting
Smart One Digital ConsultingSmart One Digital Consulting
Smart One Digital ConsultingSmart One Digital
 
Portafolio de productos y servicios de WareSide Software
Portafolio de productos y servicios de WareSide SoftwarePortafolio de productos y servicios de WareSide Software
Portafolio de productos y servicios de WareSide SoftwareCamila Concha
 

La actualidad más candente (16)

Portafolio de servicios 2012
Portafolio de servicios 2012Portafolio de servicios 2012
Portafolio de servicios 2012
 
Presentación Completa Ideas, Productos y Servicios, C.A.
Presentación Completa Ideas, Productos y Servicios, C.A.Presentación Completa Ideas, Productos y Servicios, C.A.
Presentación Completa Ideas, Productos y Servicios, C.A.
 
Diseño grafico en la web
Diseño grafico en la webDiseño grafico en la web
Diseño grafico en la web
 
Ux para dispositivos
Ux para dispositivosUx para dispositivos
Ux para dispositivos
 
Adn web
Adn webAdn web
Adn web
 
Diseno Web A Coruna
Diseno Web A Coruna
Diseno Web A Coruna
Diseno Web A Coruna
 
Gestores de imágenes y plataformas de vídeo
Gestores de imágenes y plataformas de vídeoGestores de imágenes y plataformas de vídeo
Gestores de imágenes y plataformas de vídeo
 
Diseño web ambato
Diseño web ambatoDiseño web ambato
Diseño web ambato
 
Photobacana
Photobacana Photobacana
Photobacana
 
Pixelpro - Presentación Corporativa
Pixelpro - Presentación CorporativaPixelpro - Presentación Corporativa
Pixelpro - Presentación Corporativa
 
GUTMARC - Comunicación y diseño | Comunication & Design
GUTMARC - Comunicación y diseño | Comunication & DesignGUTMARC - Comunicación y diseño | Comunication & Design
GUTMARC - Comunicación y diseño | Comunication & Design
 
Claves para promocionar tu negocio en internet
Claves para promocionar tu negocio en internetClaves para promocionar tu negocio en internet
Claves para promocionar tu negocio en internet
 
Diseño web responsive
Diseño web responsiveDiseño web responsive
Diseño web responsive
 
Smart One Digital Consulting
Smart One Digital ConsultingSmart One Digital Consulting
Smart One Digital Consulting
 
Portafolio de productos y servicios de WareSide Software
Portafolio de productos y servicios de WareSide SoftwarePortafolio de productos y servicios de WareSide Software
Portafolio de productos y servicios de WareSide Software
 
Diseño Web Agencia Nexo Digital
Diseño Web Agencia Nexo DigitalDiseño Web Agencia Nexo Digital
Diseño Web Agencia Nexo Digital
 

Similar a Diseño web

Diferencias Entre El Diseño Web Adaptativo Y Responsive
Diferencias Entre El Diseño Web Adaptativo Y Responsive
Diferencias Entre El Diseño Web Adaptativo Y Responsive
Diferencias Entre El Diseño Web Adaptativo Y Responsive marion5hayden5
 
Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince longyoealfsftu
 
La interacción y el diseño
La interacción y el diseñoLa interacción y el diseño
La interacción y el diseñoBrandi Minaya
 
Dealup & Partners tech innovation
Dealup & Partners tech innovationDealup & Partners tech innovation
Dealup & Partners tech innovationCoduxe
 
Uakami About Us
Uakami About UsUakami About Us
Uakami About Usuakami
 
Redesign Aries watersport eCommerce
Redesign Aries watersport eCommerceRedesign Aries watersport eCommerce
Redesign Aries watersport eCommerceCoduxe
 
Calypso cruises ecommerce design
Calypso cruises ecommerce designCalypso cruises ecommerce design
Calypso cruises ecommerce designCoduxe
 

Similar a Diseño web (20)

Que es un diseño web
Que es un diseño webQue es un diseño web
Que es un diseño web
 
Que es un diseño web
Que es un diseño webQue es un diseño web
Que es un diseño web
 
Diseño de Páginas Web (Web Design).pdf
Diseño de Páginas Web (Web Design).pdfDiseño de Páginas Web (Web Design).pdf
Diseño de Páginas Web (Web Design).pdf
 
Diseño de páginas web (web design)
Diseño de páginas web (web design)Diseño de páginas web (web design)
Diseño de páginas web (web design)
 
Diferencias Entre El Diseño Web Adaptativo Y Responsive
Diferencias Entre El Diseño Web Adaptativo Y Responsive
Diferencias Entre El Diseño Web Adaptativo Y Responsive
Diferencias Entre El Diseño Web Adaptativo Y Responsive
 
Diseño web ANTONIO.pptx
Diseño web ANTONIO.pptxDiseño web ANTONIO.pptx
Diseño web ANTONIO.pptx
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
Manejo y diseño de una pagina web
Manejo y diseño de una pagina webManejo y diseño de una pagina web
Manejo y diseño de una pagina web
 
Gavc cartapresentacion-2014
Gavc cartapresentacion-2014Gavc cartapresentacion-2014
Gavc cartapresentacion-2014
 
Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
 
La interacción y el diseño
La interacción y el diseñoLa interacción y el diseño
La interacción y el diseño
 
Dealup & Partners tech innovation
Dealup & Partners tech innovationDealup & Partners tech innovation
Dealup & Partners tech innovation
 
Uakami About Us
Uakami About UsUakami About Us
Uakami About Us
 
Actualizamos Tu Sitio Web
Actualizamos Tu Sitio Web
Actualizamos Tu Sitio Web
Actualizamos Tu Sitio Web
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
Redesign Aries watersport eCommerce
Redesign Aries watersport eCommerceRedesign Aries watersport eCommerce
Redesign Aries watersport eCommerce
 
Calypso cruises ecommerce design
Calypso cruises ecommerce designCalypso cruises ecommerce design
Calypso cruises ecommerce design
 
Diseño web responsivo
Diseño web responsivoDiseño web responsivo
Diseño web responsivo
 
Presentamos a Grafikart
Presentamos a GrafikartPresentamos a Grafikart
Presentamos a Grafikart
 
DISEÑO WEB.pdf
DISEÑO WEB.pdfDISEÑO WEB.pdf
DISEÑO WEB.pdf
 

Último

Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfFrancisco158360
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...JAVIER SOLIS NOYOLA
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularMooPandrea
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxlupitavic
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioELIASAURELIOCHAVEZCA1
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
Éteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesÉteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesLauraColom3
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSYadi Campos
 

Último (20)

Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circular
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Éteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesÉteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reacciones
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 

Diseño web

  • 2. El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web Un diseñador web tiene que ver con cómo crear y desarrollar un pagina web así también como los clientes interactúan con ella
  • 3. El propósito del diseño web no sólo es lograr un efecto visual agradable y armonía entre los distintos elementos que integran un sitio web, sino también alcanzar un óptimo desempeño en su operación y el máximo nivel de exposición posible para cumplir satisfactoriamente con la función de promoción para la que son creados los sitios.
  • 4. El diseño web es una de las disciplinas tecnológicas que han venido evolucionando rápidamente en esta última década y se ha convertido en una de las áreas de mayor oportunidad dentro de una industria en constante evolución y crecimiento.
  • 5. En el ámbito empresarial, las página web se han convertido sin duda en una potente arma de comunicación y en un canal de ventas indispensable para toda empresa.
  • 7. El diseño web responsivo (Responsive Web Design/RWD) es una filosofía de diseño web que incorpora una interfaz de usuario (UI) independiente del tipo de dispositivo con el que se navega, que tiene como objetivo desarrollar y ofrecer una experiencia web óptima en aparatos con diferentes tamaños y diferentes resoluciones: Computadora de escritorio Portátil Tableta Teléfono inteligente etc
  • 8. Es una tecnología mediante la cual nuestros diseñadores web codifican las hojas de estilo de la página web de tal forma que su distribución se ajusta por “arte de magia” automáticamente para adaptarse con mayor comodidad al ancho del navegador en el que se está viendo la información. El diseño web responsivo ha venido evolucionando en los últimos años para convertirse en una funcionalidad obligada para la entrega de contenido a los usuarios.
  • 9. ¿Qué problemas soluciona el diseño web responsivo? Mejora la experiencia de visualización de sus visitantes del sitio web en móviles y tabletas – se elimina el desplazamiento vertical u horizontal.
  • 10. ¿Qué problemas soluciona el diseño web responsivo? No hay necesidad de diseñar y mantener sitios web por separado para usuarios móviles.
  • 11. Estilo separado del contenido – Dado que el diseño web responsivo trabaja a través de CSS media queries, usted puede tomar ventaja de las capacidades de gestión de contenidos de su CMS favorito.