SlideShare una empresa de Scribd logo
DISEÑO WEB
 Estructurar los elementos gráficos de
un sitio web para expresar
estéticamente la identidad visual de
una compañía u organización.
¿QUE ES?
ESTRUCTURAR
ELEMENTOS GRAFICOS
REALZAR LA IMAGEN DE
UNA EMPRESA Y
GENERAR CONFIANZA
AREAS DE LA PRACTICA
PROFESIONAL
 Diseño para información.
 Diseño para persuación.
 Diseño para educación.
TIPOS DE DISEÑO WEB
 El diseño web fijo, es el más
utilizado de la Internet, y es aquel que
permanece inalterable sea cual sea el
dispositivo donde se visualiza el sitio
web.
 El diseño web fluido o diseño web
líquido, es aquel que tiende a ocupar
todo el ancho de la pantalla.
 El diseño web elástico, es muy
parecido al fluido, sólo que en este
caso el contenido también crece junto
al ancho del diseño para rellenar la
pantalla.
 Diseño web sensible, es un tipo de
diseño que se transforma en función
del tipo de dispositivo o del ancho del
navegador web que lo visualiza.
ORGANIZACION DE LA
PAGINA
La estructura tradicional de una página
web es la siguiente:
 Un logotipo ubicado en la esquina
superior izquierda. Los usuarios pueden
hacer clic en la mayoría de los logotipos
y volver a la página de inicio.
 Un menú localizado a la derecha o a la
izquierda.
 Un encabezado que contiene el nombre
del sitio web, un banner de navegación y
un área reservada para un banner
(publicitario o de otro tipo).
Ejemplos de logotipos y banners
para una página web.
 El cuerpo principal de la página que
contiene la mayor parte de la información.
 Un pie de página que incluye información
útil como ser, la última actualización, un
vínculo a un formulario de contacto, un
vínculo al mapa del sitio, etcétera.
POSICIONAMIENTO
DE LA
INFORMACIÓN
• Los usuarios leen
desde la esquina
superior izquierda
hacia la esquina
inferior derecha.
ELECCIÓN DE
COLORES
• Se deben elegir en
función del
objetivo.
SELECCIÓN DE
IMÁGENES
• Usar imágenes
adecuadas que no
molesten al
usuario.
COLOR DE
FONDO
• Debe hacer un
contraste
apropiado.
• No dificultar la
lectura.
TIPOGRAFÍA
• Utilizar fuentes
clásicas.
• No utilizar más
de dos tipos de
fuente.
GRÁFICOS
• Tener cuidado
con los símbolos
que se utilizan
en sitios
internacionales.
FONDO NO RECOMENDABLE FONDO RECOMENDABLE
SIMBOLOS USADOS EN
EL DISEÑO WEB

Más contenido relacionado

La actualidad más candente

Tendencias en Diseño Web
Tendencias en Diseño WebTendencias en Diseño Web
Tendencias en Diseño Web
Abel Alvarez
 
Modulo Marketing en Redes Sociales. Clase Nº3. Prof. Diego del Pizzo. Fecha: ...
Modulo Marketing en Redes Sociales. Clase Nº3. Prof. Diego del Pizzo. Fecha: ...Modulo Marketing en Redes Sociales. Clase Nº3. Prof. Diego del Pizzo. Fecha: ...
Modulo Marketing en Redes Sociales. Clase Nº3. Prof. Diego del Pizzo. Fecha: ...
Programa Ejecutivo de Negocios en Internet
 
T05 dawebweb
T05 dawebwebT05 dawebweb
T05 dawebweb
Ramón Patiño Trejo
 
Equipos de trabajo // Front end - Back end
Equipos de trabajo // Front end - Back endEquipos de trabajo // Front end - Back end
Equipos de trabajo // Front end - Back end
Adriana Tienda
 
Aspectos tecnicos y esteticos de una pagina web
Aspectos tecnicos y esteticos de una pagina webAspectos tecnicos y esteticos de una pagina web
Aspectos tecnicos y esteticos de una pagina web
Junior Georghinno
 
Tipografía en diseño web
Tipografía en diseño webTipografía en diseño web
Tipografía en diseño web
Adriana Tienda
 
Anatomia de una pagina web
Anatomia de una pagina webAnatomia de una pagina web
Anatomia de una pagina web
Constantino Centella
 
Página de Fans en Facebook: Manual de Iniciación en la Creación y Gestión
Página de Fans en Facebook: Manual de Iniciación en la Creación y GestiónPágina de Fans en Facebook: Manual de Iniciación en la Creación y Gestión
Página de Fans en Facebook: Manual de Iniciación en la Creación y Gestión
MindProject
 
Presentacion Desarrollo Web 2013
Presentacion Desarrollo Web 2013Presentacion Desarrollo Web 2013
Presentacion Desarrollo Web 2013
IOMarketing
 
Anatomía de un Sitio Web
Anatomía de un Sitio WebAnatomía de un Sitio Web
Anatomía de un Sitio Web
buciosinai
 
DISEÑO DE PAGINAS WES 2.0
DISEÑO DE PAGINAS WES 2.0DISEÑO DE PAGINAS WES 2.0
DISEÑO DE PAGINAS WES 2.0
esther yovany ascurra lópez
 
Anatomia de una página web
Anatomia de una página webAnatomia de una página web
Anatomia de una página web
noemi3012
 
Pagina web mia_2
Pagina web mia_2Pagina web mia_2
Pagina web mia_2
Mena75
 
Emi
EmiEmi
Buenas Practicas - Web
Buenas Practicas - WebBuenas Practicas - Web
Buenas Practicas - Web
George Navarro Gomez
 
Tenes una pagina en facebook
Tenes una pagina en facebookTenes una pagina en facebook
Tenes una pagina en facebook
¿Y ahora que me pongo?
 

La actualidad más candente (16)

Tendencias en Diseño Web
Tendencias en Diseño WebTendencias en Diseño Web
Tendencias en Diseño Web
 
Modulo Marketing en Redes Sociales. Clase Nº3. Prof. Diego del Pizzo. Fecha: ...
Modulo Marketing en Redes Sociales. Clase Nº3. Prof. Diego del Pizzo. Fecha: ...Modulo Marketing en Redes Sociales. Clase Nº3. Prof. Diego del Pizzo. Fecha: ...
Modulo Marketing en Redes Sociales. Clase Nº3. Prof. Diego del Pizzo. Fecha: ...
 
T05 dawebweb
T05 dawebwebT05 dawebweb
T05 dawebweb
 
Equipos de trabajo // Front end - Back end
Equipos de trabajo // Front end - Back endEquipos de trabajo // Front end - Back end
Equipos de trabajo // Front end - Back end
 
Aspectos tecnicos y esteticos de una pagina web
Aspectos tecnicos y esteticos de una pagina webAspectos tecnicos y esteticos de una pagina web
Aspectos tecnicos y esteticos de una pagina web
 
Tipografía en diseño web
Tipografía en diseño webTipografía en diseño web
Tipografía en diseño web
 
Anatomia de una pagina web
Anatomia de una pagina webAnatomia de una pagina web
Anatomia de una pagina web
 
Página de Fans en Facebook: Manual de Iniciación en la Creación y Gestión
Página de Fans en Facebook: Manual de Iniciación en la Creación y GestiónPágina de Fans en Facebook: Manual de Iniciación en la Creación y Gestión
Página de Fans en Facebook: Manual de Iniciación en la Creación y Gestión
 
Presentacion Desarrollo Web 2013
Presentacion Desarrollo Web 2013Presentacion Desarrollo Web 2013
Presentacion Desarrollo Web 2013
 
Anatomía de un Sitio Web
Anatomía de un Sitio WebAnatomía de un Sitio Web
Anatomía de un Sitio Web
 
DISEÑO DE PAGINAS WES 2.0
DISEÑO DE PAGINAS WES 2.0DISEÑO DE PAGINAS WES 2.0
DISEÑO DE PAGINAS WES 2.0
 
Anatomia de una página web
Anatomia de una página webAnatomia de una página web
Anatomia de una página web
 
Pagina web mia_2
Pagina web mia_2Pagina web mia_2
Pagina web mia_2
 
Emi
EmiEmi
Emi
 
Buenas Practicas - Web
Buenas Practicas - WebBuenas Practicas - Web
Buenas Practicas - Web
 
Tenes una pagina en facebook
Tenes una pagina en facebookTenes una pagina en facebook
Tenes una pagina en facebook
 

Similar a Qué es el diseño web

Principios elementales de maquetación WEB
Principios elementales de maquetación WEBPrincipios elementales de maquetación WEB
Principios elementales de maquetación WEB
Javier Navarro
 
Sitio web
Sitio webSitio web
Sitio web
Laura Cortez
 
Sitio web
Sitio webSitio web
Sitio web
Laura Cortez
 
Introducción tamaños y tipos de paginas
Introducción tamaños y tipos de paginasIntroducción tamaños y tipos de paginas
Introducción tamaños y tipos de paginas
paoloarevaloortiz
 
estructura y diseño web partes de una pagina web
estructura y diseño web partes de una pagina webestructura y diseño web partes de una pagina web
estructura y diseño web partes de una pagina web
kargonsales25
 
DiseñO Web
DiseñO WebDiseñO Web
Caracteristicas y partes_de_un_sitio_web
Caracteristicas y partes_de_un_sitio_webCaracteristicas y partes_de_un_sitio_web
Caracteristicas y partes_de_un_sitio_web
montserratcova
 
Actividad 1
Actividad 1Actividad 1
Actividad 1
alejandra diaz
 
Diseño de Interfaces
Diseño de InterfacesDiseño de Interfaces
Diseño de Interfaces
zara hormazabal
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
Harold Maduro
 
Introducción creación web aula madrid tecnología 2010
Introducción creación web aula madrid  tecnología 2010Introducción creación web aula madrid  tecnología 2010
Introducción creación web aula madrid tecnología 2010
Pedro Jesús González
 
Marketing Online
Marketing OnlineMarketing Online
Marketing Online
Domestika
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
samantaaaaaa
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
stefany79841964
 
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 0910 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
Domestika
 
Usabilidad y accesibilidad web
Usabilidad y accesibilidad webUsabilidad y accesibilidad web
Usabilidad y accesibilidad web
Rodrigo Iker Aguinaga
 
Diseño de navegación web
Diseño de navegación webDiseño de navegación web
Diseño de navegación web
Alexis Morillo
 
Guía de evaluación heurística de sitios web
Guía de evaluación heurística de sitios webGuía de evaluación heurística de sitios web
Guía de evaluación heurística de sitios web
Universidad Tecnológica del Perú
 
Moretti
MorettiMoretti
Sitios web
Sitios webSitios web
Sitios web
Camilo Dorado
 

Similar a Qué es el diseño web (20)

Principios elementales de maquetación WEB
Principios elementales de maquetación WEBPrincipios elementales de maquetación WEB
Principios elementales de maquetación WEB
 
Sitio web
Sitio webSitio web
Sitio web
 
Sitio web
Sitio webSitio web
Sitio web
 
Introducción tamaños y tipos de paginas
Introducción tamaños y tipos de paginasIntroducción tamaños y tipos de paginas
Introducción tamaños y tipos de paginas
 
estructura y diseño web partes de una pagina web
estructura y diseño web partes de una pagina webestructura y diseño web partes de una pagina web
estructura y diseño web partes de una pagina web
 
DiseñO Web
DiseñO WebDiseñO Web
DiseñO Web
 
Caracteristicas y partes_de_un_sitio_web
Caracteristicas y partes_de_un_sitio_webCaracteristicas y partes_de_un_sitio_web
Caracteristicas y partes_de_un_sitio_web
 
Actividad 1
Actividad 1Actividad 1
Actividad 1
 
Diseño de Interfaces
Diseño de InterfacesDiseño de Interfaces
Diseño de Interfaces
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Introducción creación web aula madrid tecnología 2010
Introducción creación web aula madrid  tecnología 2010Introducción creación web aula madrid  tecnología 2010
Introducción creación web aula madrid tecnología 2010
 
Marketing Online
Marketing OnlineMarketing Online
Marketing Online
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 0910 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
 
Usabilidad y accesibilidad web
Usabilidad y accesibilidad webUsabilidad y accesibilidad web
Usabilidad y accesibilidad web
 
Diseño de navegación web
Diseño de navegación webDiseño de navegación web
Diseño de navegación web
 
Guía de evaluación heurística de sitios web
Guía de evaluación heurística de sitios webGuía de evaluación heurística de sitios web
Guía de evaluación heurística de sitios web
 
Moretti
MorettiMoretti
Moretti
 
Sitios web
Sitios webSitios web
Sitios web
 

Último

Acceso y utilización de los espacios públicos. Comunicación y señalización..pdf
Acceso y utilización de los espacios públicos. Comunicación y señalización..pdfAcceso y utilización de los espacios públicos. Comunicación y señalización..pdf
Acceso y utilización de los espacios públicos. Comunicación y señalización..pdf
José María
 
MOVIMIENTO MODERNO VENEZUELA E IMPACTO URBANO
MOVIMIENTO MODERNO VENEZUELA E IMPACTO URBANOMOVIMIENTO MODERNO VENEZUELA E IMPACTO URBANO
MOVIMIENTO MODERNO VENEZUELA E IMPACTO URBANO
gonzalezdfidelibus
 
Babilonia, historia romana Y ARQUITECTURA JAPONESA
Babilonia, historia romana Y ARQUITECTURA JAPONESABabilonia, historia romana Y ARQUITECTURA JAPONESA
Babilonia, historia romana Y ARQUITECTURA JAPONESA
SarahVzquezVsquez
 
Portfolio_itsmevalen/ Valentina Balmaceda
Portfolio_itsmevalen/ Valentina BalmacedaPortfolio_itsmevalen/ Valentina Balmaceda
Portfolio_itsmevalen/ Valentina Balmaceda
ValentinaBalmaceda2
 
El Crecimiento Urbano de las Ciudades Latinoamericanas
El Crecimiento Urbano de las Ciudades LatinoamericanasEl Crecimiento Urbano de las Ciudades Latinoamericanas
El Crecimiento Urbano de las Ciudades Latinoamericanas
LeonardoDantasRivas
 
Catálogo Simex 2020.....................................pdf
Catálogo Simex 2020.....................................pdfCatálogo Simex 2020.....................................pdf
Catálogo Simex 2020.....................................pdf
abimaelcornejo98
 
Evolucion del computador para diseño pub
Evolucion del computador para diseño pubEvolucion del computador para diseño pub
Evolucion del computador para diseño pub
ivanna200511
 
puentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documentopuentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documento
GuillermoAlejandroCh6
 
DIAPOSITIVAS MONOGRAFIA de el consumo excesivo del alcohol en adolescentes .pptx
DIAPOSITIVAS MONOGRAFIA de el consumo excesivo del alcohol en adolescentes .pptxDIAPOSITIVAS MONOGRAFIA de el consumo excesivo del alcohol en adolescentes .pptx
DIAPOSITIVAS MONOGRAFIA de el consumo excesivo del alcohol en adolescentes .pptx
RONALD533356
 
manual_civilcad y uso de modulos cargados
manual_civilcad y uso de modulos cargadosmanual_civilcad y uso de modulos cargados
manual_civilcad y uso de modulos cargados
AlbertoGarcia461436
 
Álbum Collage de Fotos día del padre polaroid scrapbook pastel_20240611_040...
Álbum Collage de Fotos día del padre  polaroid scrapbook  pastel_20240611_040...Álbum Collage de Fotos día del padre  polaroid scrapbook  pastel_20240611_040...
Álbum Collage de Fotos día del padre polaroid scrapbook pastel_20240611_040...
Soleito
 
Catalogo Coleccion Atelier Bathco Distribuidor Oficial Amado Salvador Valencia
Catalogo Coleccion Atelier Bathco Distribuidor Oficial Amado Salvador ValenciaCatalogo Coleccion Atelier Bathco Distribuidor Oficial Amado Salvador Valencia
Catalogo Coleccion Atelier Bathco Distribuidor Oficial Amado Salvador Valencia
AMADO SALVADOR
 
Manual.pdfsoporte y mantenimientode equipo de computo
Manual.pdfsoporte y mantenimientode equipo de computoManual.pdfsoporte y mantenimientode equipo de computo
Manual.pdfsoporte y mantenimientode equipo de computo
mantenimientofresita
 
Catalogo General Azteca Ceramica Distribuidor Oficial Amado Salvador Valencia
Catalogo General Azteca Ceramica Distribuidor Oficial Amado Salvador ValenciaCatalogo General Azteca Ceramica Distribuidor Oficial Amado Salvador Valencia
Catalogo General Azteca Ceramica Distribuidor Oficial Amado Salvador Valencia
AMADO SALVADOR
 
Analisis del usuario y programa arquitectonico.pdf
Analisis del usuario y programa arquitectonico.pdfAnalisis del usuario y programa arquitectonico.pdf
Analisis del usuario y programa arquitectonico.pdf
FARITOMASSURCOCRUZ1
 
mapa de macuspana tabasco por centro integrador
mapa de macuspana tabasco por centro integradormapa de macuspana tabasco por centro integrador
mapa de macuspana tabasco por centro integrador
Richard17BR
 
Catalogo General Grespania Ceramica Amado Salvador Distribuidor Oficial Valencia
Catalogo General Grespania Ceramica Amado Salvador Distribuidor Oficial ValenciaCatalogo General Grespania Ceramica Amado Salvador Distribuidor Oficial Valencia
Catalogo General Grespania Ceramica Amado Salvador Distribuidor Oficial Valencia
AMADO SALVADOR
 
16.-JUNIO-NTC-3701-CAUSAS-BASICAS-Y-CAUSAS-INMEDIATAS-EN-LOS-A.T.pdf
16.-JUNIO-NTC-3701-CAUSAS-BASICAS-Y-CAUSAS-INMEDIATAS-EN-LOS-A.T.pdf16.-JUNIO-NTC-3701-CAUSAS-BASICAS-Y-CAUSAS-INMEDIATAS-EN-LOS-A.T.pdf
16.-JUNIO-NTC-3701-CAUSAS-BASICAS-Y-CAUSAS-INMEDIATAS-EN-LOS-A.T.pdf
jhcueroz
 
Lectura. Reseña ilustrada, novela Albert Camus
Lectura.  Reseña ilustrada, novela Albert CamusLectura.  Reseña ilustrada, novela Albert Camus
Lectura. Reseña ilustrada, novela Albert Camus
RenataGrecia
 
RAMESSEUM_ EL TEMPLO DE MILLONES DE AÑOS DE RAMSÉS II - Mundos antiguos digit...
RAMESSEUM_ EL TEMPLO DE MILLONES DE AÑOS DE RAMSÉS II - Mundos antiguos digit...RAMESSEUM_ EL TEMPLO DE MILLONES DE AÑOS DE RAMSÉS II - Mundos antiguos digit...
RAMESSEUM_ EL TEMPLO DE MILLONES DE AÑOS DE RAMSÉS II - Mundos antiguos digit...
SarahVzquezVsquez
 

Último (20)

Acceso y utilización de los espacios públicos. Comunicación y señalización..pdf
Acceso y utilización de los espacios públicos. Comunicación y señalización..pdfAcceso y utilización de los espacios públicos. Comunicación y señalización..pdf
Acceso y utilización de los espacios públicos. Comunicación y señalización..pdf
 
MOVIMIENTO MODERNO VENEZUELA E IMPACTO URBANO
MOVIMIENTO MODERNO VENEZUELA E IMPACTO URBANOMOVIMIENTO MODERNO VENEZUELA E IMPACTO URBANO
MOVIMIENTO MODERNO VENEZUELA E IMPACTO URBANO
 
Babilonia, historia romana Y ARQUITECTURA JAPONESA
Babilonia, historia romana Y ARQUITECTURA JAPONESABabilonia, historia romana Y ARQUITECTURA JAPONESA
Babilonia, historia romana Y ARQUITECTURA JAPONESA
 
Portfolio_itsmevalen/ Valentina Balmaceda
Portfolio_itsmevalen/ Valentina BalmacedaPortfolio_itsmevalen/ Valentina Balmaceda
Portfolio_itsmevalen/ Valentina Balmaceda
 
El Crecimiento Urbano de las Ciudades Latinoamericanas
El Crecimiento Urbano de las Ciudades LatinoamericanasEl Crecimiento Urbano de las Ciudades Latinoamericanas
El Crecimiento Urbano de las Ciudades Latinoamericanas
 
Catálogo Simex 2020.....................................pdf
Catálogo Simex 2020.....................................pdfCatálogo Simex 2020.....................................pdf
Catálogo Simex 2020.....................................pdf
 
Evolucion del computador para diseño pub
Evolucion del computador para diseño pubEvolucion del computador para diseño pub
Evolucion del computador para diseño pub
 
puentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documentopuentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documento
 
DIAPOSITIVAS MONOGRAFIA de el consumo excesivo del alcohol en adolescentes .pptx
DIAPOSITIVAS MONOGRAFIA de el consumo excesivo del alcohol en adolescentes .pptxDIAPOSITIVAS MONOGRAFIA de el consumo excesivo del alcohol en adolescentes .pptx
DIAPOSITIVAS MONOGRAFIA de el consumo excesivo del alcohol en adolescentes .pptx
 
manual_civilcad y uso de modulos cargados
manual_civilcad y uso de modulos cargadosmanual_civilcad y uso de modulos cargados
manual_civilcad y uso de modulos cargados
 
Álbum Collage de Fotos día del padre polaroid scrapbook pastel_20240611_040...
Álbum Collage de Fotos día del padre  polaroid scrapbook  pastel_20240611_040...Álbum Collage de Fotos día del padre  polaroid scrapbook  pastel_20240611_040...
Álbum Collage de Fotos día del padre polaroid scrapbook pastel_20240611_040...
 
Catalogo Coleccion Atelier Bathco Distribuidor Oficial Amado Salvador Valencia
Catalogo Coleccion Atelier Bathco Distribuidor Oficial Amado Salvador ValenciaCatalogo Coleccion Atelier Bathco Distribuidor Oficial Amado Salvador Valencia
Catalogo Coleccion Atelier Bathco Distribuidor Oficial Amado Salvador Valencia
 
Manual.pdfsoporte y mantenimientode equipo de computo
Manual.pdfsoporte y mantenimientode equipo de computoManual.pdfsoporte y mantenimientode equipo de computo
Manual.pdfsoporte y mantenimientode equipo de computo
 
Catalogo General Azteca Ceramica Distribuidor Oficial Amado Salvador Valencia
Catalogo General Azteca Ceramica Distribuidor Oficial Amado Salvador ValenciaCatalogo General Azteca Ceramica Distribuidor Oficial Amado Salvador Valencia
Catalogo General Azteca Ceramica Distribuidor Oficial Amado Salvador Valencia
 
Analisis del usuario y programa arquitectonico.pdf
Analisis del usuario y programa arquitectonico.pdfAnalisis del usuario y programa arquitectonico.pdf
Analisis del usuario y programa arquitectonico.pdf
 
mapa de macuspana tabasco por centro integrador
mapa de macuspana tabasco por centro integradormapa de macuspana tabasco por centro integrador
mapa de macuspana tabasco por centro integrador
 
Catalogo General Grespania Ceramica Amado Salvador Distribuidor Oficial Valencia
Catalogo General Grespania Ceramica Amado Salvador Distribuidor Oficial ValenciaCatalogo General Grespania Ceramica Amado Salvador Distribuidor Oficial Valencia
Catalogo General Grespania Ceramica Amado Salvador Distribuidor Oficial Valencia
 
16.-JUNIO-NTC-3701-CAUSAS-BASICAS-Y-CAUSAS-INMEDIATAS-EN-LOS-A.T.pdf
16.-JUNIO-NTC-3701-CAUSAS-BASICAS-Y-CAUSAS-INMEDIATAS-EN-LOS-A.T.pdf16.-JUNIO-NTC-3701-CAUSAS-BASICAS-Y-CAUSAS-INMEDIATAS-EN-LOS-A.T.pdf
16.-JUNIO-NTC-3701-CAUSAS-BASICAS-Y-CAUSAS-INMEDIATAS-EN-LOS-A.T.pdf
 
Lectura. Reseña ilustrada, novela Albert Camus
Lectura.  Reseña ilustrada, novela Albert CamusLectura.  Reseña ilustrada, novela Albert Camus
Lectura. Reseña ilustrada, novela Albert Camus
 
RAMESSEUM_ EL TEMPLO DE MILLONES DE AÑOS DE RAMSÉS II - Mundos antiguos digit...
RAMESSEUM_ EL TEMPLO DE MILLONES DE AÑOS DE RAMSÉS II - Mundos antiguos digit...RAMESSEUM_ EL TEMPLO DE MILLONES DE AÑOS DE RAMSÉS II - Mundos antiguos digit...
RAMESSEUM_ EL TEMPLO DE MILLONES DE AÑOS DE RAMSÉS II - Mundos antiguos digit...
 

Qué es el diseño web

  • 2.  Estructurar los elementos gráficos de un sitio web para expresar estéticamente la identidad visual de una compañía u organización. ¿QUE ES?
  • 4. REALZAR LA IMAGEN DE UNA EMPRESA Y GENERAR CONFIANZA
  • 5. AREAS DE LA PRACTICA PROFESIONAL  Diseño para información.  Diseño para persuación.  Diseño para educación.
  • 6. TIPOS DE DISEÑO WEB  El diseño web fijo, es el más utilizado de la Internet, y es aquel que permanece inalterable sea cual sea el dispositivo donde se visualiza el sitio web.  El diseño web fluido o diseño web líquido, es aquel que tiende a ocupar todo el ancho de la pantalla.
  • 7.  El diseño web elástico, es muy parecido al fluido, sólo que en este caso el contenido también crece junto al ancho del diseño para rellenar la pantalla.  Diseño web sensible, es un tipo de diseño que se transforma en función del tipo de dispositivo o del ancho del navegador web que lo visualiza.
  • 8. ORGANIZACION DE LA PAGINA La estructura tradicional de una página web es la siguiente:  Un logotipo ubicado en la esquina superior izquierda. Los usuarios pueden hacer clic en la mayoría de los logotipos y volver a la página de inicio.  Un menú localizado a la derecha o a la izquierda.  Un encabezado que contiene el nombre del sitio web, un banner de navegación y un área reservada para un banner (publicitario o de otro tipo).
  • 9. Ejemplos de logotipos y banners para una página web.
  • 10.  El cuerpo principal de la página que contiene la mayor parte de la información.  Un pie de página que incluye información útil como ser, la última actualización, un vínculo a un formulario de contacto, un vínculo al mapa del sitio, etcétera.
  • 11. POSICIONAMIENTO DE LA INFORMACIÓN • Los usuarios leen desde la esquina superior izquierda hacia la esquina inferior derecha. ELECCIÓN DE COLORES • Se deben elegir en función del objetivo. SELECCIÓN DE IMÁGENES • Usar imágenes adecuadas que no molesten al usuario. COLOR DE FONDO • Debe hacer un contraste apropiado. • No dificultar la lectura. TIPOGRAFÍA • Utilizar fuentes clásicas. • No utilizar más de dos tipos de fuente. GRÁFICOS • Tener cuidado con los símbolos que se utilizan en sitios internacionales.
  • 12. FONDO NO RECOMENDABLE FONDO RECOMENDABLE
  • 13. SIMBOLOS USADOS EN EL DISEÑO WEB