SlideShare una empresa de Scribd logo
1 de 3
Descargar para leer sin conexión
APRENDIENDO
DISEÑO GRÁFICO
Lección V: Teoría del Diseño Web
Brayan Hernandez Sosa
CURSO DE DISEÑO GRÁFICO
Objetivo: El alumno conocerá y empleará las bases técnicas del diseño web para la
realización de páginas y portales basándose en la teoría del diseño.
Introducción
La importancia en la aplicación de la teoría del diseño en el desarrollo de páginas web es
preponderante, pues en la actualidad la demanda de este servicio está en auge constante,
siendo cada día mayor el número de sitios que se “suben” al ciberespacio.
El diseño de estas páginas deben ser cada vez más y más atractivas hacia los usuarios
porque de ello depende la permanencia y crecimiento de sitios ofertantes.
Importancia del diseño WEB
En la actualidad, el diseñador gráfico ha tenido que incursionar de manera contundente en
la comunicación por la web, ya que su dominio sobre el conocimiento del color, tipografías,
simetrías, espaciados y un sinfín de cosas que la gente común desconoce, hace que el
diseñador gráfico sea indispensable para el éxito de lo que se quiere comunicar. El
diseñador web tiene la misión de enlazar al usuario con el mundo informativo de manera
eficaz y agradable.
La hipermedia permite, además de tener acceso a la información, satisfacer los
requerimientos y gustos de millones de navegantes. Por lo tanto es primordial tener un
criterio de diseño antes de crear un sitio.
Considerando lo anterior, para diseñar páginas web es necesario conocer varias disciplinas
tales como: informática, comunicación, diseño y cibernética. Debe enfatizarse en el hecho
de que la presentación de la información por sí sola no garantiza el éxito del mensaje,
precisa de comunicación, y esta a su vez de un buen diseño para cumplir con el objetivo. Si
el código es erróneo, es obvio que el mensaje será erróneo para un público erróneo.
Un mal diseño tiene las siguientes características:



 La no valoración de lo funcional o viceversa.
Estructura y planificación de sitios Web
Antes de proyectar o diseñar una página web, es necesario seguir los siguientes
lineamientos en la etapa de creación:
1. En primer lugar, es necesario hacer un análisis de la información que contendrá la
página. Esto es, hay que informarse perfectamente sobre la temática del contenido.
2. Analizar el sector a quien será dirigido el mensaje y poder identificar qué tipo de
sensaciones e ideas queremos transmitir, para lo cual contamos con recursos como
el uso de tipografías, el color y la composición, para que todo esto se produzca de
3. Debemos fijar los objetivos que queremos alcanzar: es decir, que debemos definir si
4. Ya con los objetivos definidos, es importante recopilar los elementos que contendrá
nuestra página, como son textos, imágenes, gráficas, etc., todo el material gráfico
que sea necesario para p
5. Realizar una estructura con toda la información y elementos recopilados. Es
recomendable realizar un boceto para poder visualizar de manera más clara todos
los elementos que se incluirán (texto, imágenes, botones, hipervínculos), no olvidar
los bocetos de las páginas con las que estará enlazada.

Más contenido relacionado

La actualidad más candente

Principios básicos
Principios básicosPrincipios básicos
Principios básicosMaricela41
 
#Clase5 Funciones del community manager
#Clase5  Funciones del community manager#Clase5  Funciones del community manager
#Clase5 Funciones del community managerBruno Vázquez-Dodero
 
Clase 1: Curso de Community Manager AULACM
Clase 1: Curso de Community Manager AULACMClase 1: Curso de Community Manager AULACM
Clase 1: Curso de Community Manager AULACMBruno Vázquez-Dodero
 
Informe de ocupación_Diseñador de páginas web_Mary Sol
Informe de ocupación_Diseñador de páginas web_Mary SolInforme de ocupación_Diseñador de páginas web_Mary Sol
Informe de ocupación_Diseñador de páginas web_Mary SolMarySolNf
 
¿Qué es un community manager?. Mariengel Gomez
¿Qué es un community manager?. Mariengel Gomez¿Qué es un community manager?. Mariengel Gomez
¿Qué es un community manager?. Mariengel GomezMariengel Gomez
 
Dossier taller produccion contenido leadcon
Dossier taller produccion contenido leadconDossier taller produccion contenido leadcon
Dossier taller produccion contenido leadconLead Consulting
 
Como monetizar un blog y vivir del blogging
Como monetizar un blog y vivir del bloggingComo monetizar un blog y vivir del blogging
Como monetizar un blog y vivir del bloggingMiguel Florido
 
Oferta laboral de director de márketing online
Oferta laboral de director de márketing onlineOferta laboral de director de márketing online
Oferta laboral de director de márketing onlineFinect
 
Community Manager: Empresa 2.0 y Redes Sociales
Community Manager: Empresa 2.0 y Redes SocialesCommunity Manager: Empresa 2.0 y Redes Sociales
Community Manager: Empresa 2.0 y Redes SocialesASETEC GROUP
 
0064 y luego_del_set_up_que
0064 y  luego_del_set_up_que0064 y  luego_del_set_up_que
0064 y luego_del_set_up_queGeneXus
 
Estrategia de contenidos para convertir MÁS
Estrategia de contenidos para convertir MÁSEstrategia de contenidos para convertir MÁS
Estrategia de contenidos para convertir MÁSMiguel Florido
 
Cómo crear contenidos estratégicos que multipliquen x10 tus resultados
Cómo crear contenidos estratégicos que multipliquen x10 tus resultadosCómo crear contenidos estratégicos que multipliquen x10 tus resultados
Cómo crear contenidos estratégicos que multipliquen x10 tus resultadosMiguel Florido
 
5 Estrategias para aumentar x4 tu tráfico web
5 Estrategias para aumentar x4 tu tráfico web5 Estrategias para aumentar x4 tu tráfico web
5 Estrategias para aumentar x4 tu tráfico webMiguel Florido
 

La actualidad más candente (19)

Presentacion
PresentacionPresentacion
Presentacion
 
Kpa Temario Curso Como Crear una Estrategia de Marketing Web
Kpa Temario Curso Como Crear una Estrategia de Marketing WebKpa Temario Curso Como Crear una Estrategia de Marketing Web
Kpa Temario Curso Como Crear una Estrategia de Marketing Web
 
Nuestros Servicios
Nuestros ServiciosNuestros Servicios
Nuestros Servicios
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
#Clase5 Funciones del community manager
#Clase5  Funciones del community manager#Clase5  Funciones del community manager
#Clase5 Funciones del community manager
 
Clase 1: Curso de Community Manager AULACM
Clase 1: Curso de Community Manager AULACMClase 1: Curso de Community Manager AULACM
Clase 1: Curso de Community Manager AULACM
 
Informe de ocupación_Diseñador de páginas web_Mary Sol
Informe de ocupación_Diseñador de páginas web_Mary SolInforme de ocupación_Diseñador de páginas web_Mary Sol
Informe de ocupación_Diseñador de páginas web_Mary Sol
 
Dale voz a tu sitio web.
Dale voz a tu sitio web.Dale voz a tu sitio web.
Dale voz a tu sitio web.
 
¿Qué es un community manager?. Mariengel Gomez
¿Qué es un community manager?. Mariengel Gomez¿Qué es un community manager?. Mariengel Gomez
¿Qué es un community manager?. Mariengel Gomez
 
Dossier taller produccion contenido leadcon
Dossier taller produccion contenido leadconDossier taller produccion contenido leadcon
Dossier taller produccion contenido leadcon
 
Como monetizar un blog y vivir del blogging
Como monetizar un blog y vivir del bloggingComo monetizar un blog y vivir del blogging
Como monetizar un blog y vivir del blogging
 
Oferta laboral de director de márketing online
Oferta laboral de director de márketing onlineOferta laboral de director de márketing online
Oferta laboral de director de márketing online
 
Community Manager: Empresa 2.0 y Redes Sociales
Community Manager: Empresa 2.0 y Redes SocialesCommunity Manager: Empresa 2.0 y Redes Sociales
Community Manager: Empresa 2.0 y Redes Sociales
 
0064 y luego_del_set_up_que
0064 y  luego_del_set_up_que0064 y  luego_del_set_up_que
0064 y luego_del_set_up_que
 
Estrategia de contenidos para convertir MÁS
Estrategia de contenidos para convertir MÁSEstrategia de contenidos para convertir MÁS
Estrategia de contenidos para convertir MÁS
 
Presentación curso mkt online avanzado copia
Presentación curso mkt online avanzado copiaPresentación curso mkt online avanzado copia
Presentación curso mkt online avanzado copia
 
Cómo crear contenidos estratégicos que multipliquen x10 tus resultados
Cómo crear contenidos estratégicos que multipliquen x10 tus resultadosCómo crear contenidos estratégicos que multipliquen x10 tus resultados
Cómo crear contenidos estratégicos que multipliquen x10 tus resultados
 
Infografias
InfografiasInfografias
Infografias
 
5 Estrategias para aumentar x4 tu tráfico web
5 Estrategias para aumentar x4 tu tráfico web5 Estrategias para aumentar x4 tu tráfico web
5 Estrategias para aumentar x4 tu tráfico web
 

Similar a DISEÑO WEB TEORÍA DISEÑO COMUNICACIÓN ÉXITO MENSAJE

Pasos técnicos para crear un sitio web
Pasos técnicos para crear un sitio web Pasos técnicos para crear un sitio web
Pasos técnicos para crear un sitio web Roxsy Velasquez
 
Recuperatorio tic - Navas Farina, Luciana
Recuperatorio tic - Navas Farina, LucianaRecuperatorio tic - Navas Farina, Luciana
Recuperatorio tic - Navas Farina, LucianaLuciana88
 
Nancy Herrera - Diseño de una página WEB para la asignatura de 6to semestre: ...
Nancy Herrera - Diseño de una página WEB para la asignatura de 6to semestre: ...Nancy Herrera - Diseño de una página WEB para la asignatura de 6to semestre: ...
Nancy Herrera - Diseño de una página WEB para la asignatura de 6to semestre: ...Etienne Ponce
 
Presentacion estrategia
Presentacion estrategiaPresentacion estrategia
Presentacion estrategiaelmorenof
 
creatividad aplicada en Internet
creatividad aplicada en Internet creatividad aplicada en Internet
creatividad aplicada en Internet MARIA MEJIAS
 
Comunicación Interactiva. Actividad 12 Proyecto web. Fernando Pérez.
Comunicación Interactiva. Actividad 12 Proyecto web. Fernando Pérez.Comunicación Interactiva. Actividad 12 Proyecto web. Fernando Pérez.
Comunicación Interactiva. Actividad 12 Proyecto web. Fernando Pérez.Fernando Perez
 
Importancia del diseno_en_web (2)
Importancia del diseno_en_web (2)Importancia del diseno_en_web (2)
Importancia del diseno_en_web (2)alexpulupa
 
Saavedra & Niessner
Saavedra & NiessnerSaavedra & Niessner
Saavedra & NiessnerHeuga
 

Similar a DISEÑO WEB TEORÍA DISEÑO COMUNICACIÓN ÉXITO MENSAJE (20)

Pasos técnicos para crear un sitio web
Pasos técnicos para crear un sitio web Pasos técnicos para crear un sitio web
Pasos técnicos para crear un sitio web
 
Crear una web de éxito
Crear una web de éxitoCrear una web de éxito
Crear una web de éxito
 
Recuperatorio tic - Navas Farina, Luciana
Recuperatorio tic - Navas Farina, LucianaRecuperatorio tic - Navas Farina, Luciana
Recuperatorio tic - Navas Farina, Luciana
 
Nancy Herrera - Diseño de una página WEB para la asignatura de 6to semestre: ...
Nancy Herrera - Diseño de una página WEB para la asignatura de 6to semestre: ...Nancy Herrera - Diseño de una página WEB para la asignatura de 6to semestre: ...
Nancy Herrera - Diseño de una página WEB para la asignatura de 6to semestre: ...
 
Leccion i
Leccion iLeccion i
Leccion i
 
Paginaswebhermosillo
PaginaswebhermosilloPaginaswebhermosillo
Paginaswebhermosillo
 
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)
 
Presentacion estrategia
Presentacion estrategiaPresentacion estrategia
Presentacion estrategia
 
Neosoft
Neosoft
Neosoft
Neosoft
 
pasos
pasospasos
pasos
 
creatividad aplicada en Internet
creatividad aplicada en Internet creatividad aplicada en Internet
creatividad aplicada en Internet
 
Comunicación Interactiva. Actividad 12 Proyecto web. Fernando Pérez.
Comunicación Interactiva. Actividad 12 Proyecto web. Fernando Pérez.Comunicación Interactiva. Actividad 12 Proyecto web. Fernando Pérez.
Comunicación Interactiva. Actividad 12 Proyecto web. Fernando Pérez.
 
Importancia del diseno_en_web (2)
Importancia del diseno_en_web (2)Importancia del diseno_en_web (2)
Importancia del diseno_en_web (2)
 
ELEMENTOS BASICOS WEB
ELEMENTOS BASICOS WEBELEMENTOS BASICOS WEB
ELEMENTOS BASICOS WEB
 
Templates Sin costo
Templates Sin costo
Templates Sin costo
Templates Sin costo
 
Hoja de vida y curriculum profesional
Hoja de vida y curriculum profesionalHoja de vida y curriculum profesional
Hoja de vida y curriculum profesional
 
Agencia Publicidad
Agencia Publicidad
Agencia Publicidad
Agencia Publicidad
 
Saavedra & Niessner
Saavedra & NiessnerSaavedra & Niessner
Saavedra & Niessner
 
pasos técnicos para crear sitios web
pasos técnicos para crear sitios webpasos técnicos para crear sitios web
pasos técnicos para crear sitios web
 

Más de Brayan Veguilla (7)

Leccion X
Leccion XLeccion X
Leccion X
 
Leccion IX
Leccion IXLeccion IX
Leccion IX
 
Leccion VII
Leccion VIILeccion VII
Leccion VII
 
Leccion VI
Leccion VILeccion VI
Leccion VI
 
Lección IV
Lección IVLección IV
Lección IV
 
Leccion III
Leccion IIILeccion III
Leccion III
 
Leccion II
Leccion IILeccion II
Leccion II
 

Último

Plano de diseño de una Planta de tratamiento de aguas PTAP
Plano de diseño de una Planta de tratamiento de aguas  PTAPPlano de diseño de una Planta de tratamiento de aguas  PTAP
Plano de diseño de una Planta de tratamiento de aguas PTAPjuanrincon129309
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabrielaMarcano12
 
Curso Básico de Windows Word y PowerPoint.pdf
Curso Básico de Windows Word y PowerPoint.pdfCurso Básico de Windows Word y PowerPoint.pdf
Curso Básico de Windows Word y PowerPoint.pdfirisvanegas1990
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizingagbhuizinga2000
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMNaza59
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxMarcosAlvarezSalinas
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .Rosa329296
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)LeonardoDantasRivas
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfitssmalexa
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfandrea Varela
 
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)lemg25102006
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfduf110205
 
brasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptxbrasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptxErikRamirez67
 
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfEL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfCeciliaTernR1
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezRosibelVictoriaVelas
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfBrbara57940
 
Calendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfCalendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfAsol7
 
Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdforianaandrade11
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos documminipuw
 

Último (20)

Plano de diseño de una Planta de tratamiento de aguas PTAP
Plano de diseño de una Planta de tratamiento de aguas  PTAPPlano de diseño de una Planta de tratamiento de aguas  PTAP
Plano de diseño de una Planta de tratamiento de aguas PTAP
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimiento
 
Curso Básico de Windows Word y PowerPoint.pdf
Curso Básico de Windows Word y PowerPoint.pdfCurso Básico de Windows Word y PowerPoint.pdf
Curso Básico de Windows Word y PowerPoint.pdf
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizinga
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSM
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptx
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
 
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdf
 
brasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptxbrasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptx
 
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfEL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
 
Calendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfCalendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdf
 
Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdf
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos docum
 

DISEÑO WEB TEORÍA DISEÑO COMUNICACIÓN ÉXITO MENSAJE

  • 1. APRENDIENDO DISEÑO GRÁFICO Lección V: Teoría del Diseño Web Brayan Hernandez Sosa CURSO DE DISEÑO GRÁFICO
  • 2. Objetivo: El alumno conocerá y empleará las bases técnicas del diseño web para la realización de páginas y portales basándose en la teoría del diseño. Introducción La importancia en la aplicación de la teoría del diseño en el desarrollo de páginas web es preponderante, pues en la actualidad la demanda de este servicio está en auge constante, siendo cada día mayor el número de sitios que se “suben” al ciberespacio. El diseño de estas páginas deben ser cada vez más y más atractivas hacia los usuarios porque de ello depende la permanencia y crecimiento de sitios ofertantes. Importancia del diseño WEB En la actualidad, el diseñador gráfico ha tenido que incursionar de manera contundente en la comunicación por la web, ya que su dominio sobre el conocimiento del color, tipografías, simetrías, espaciados y un sinfín de cosas que la gente común desconoce, hace que el diseñador gráfico sea indispensable para el éxito de lo que se quiere comunicar. El diseñador web tiene la misión de enlazar al usuario con el mundo informativo de manera eficaz y agradable. La hipermedia permite, además de tener acceso a la información, satisfacer los requerimientos y gustos de millones de navegantes. Por lo tanto es primordial tener un criterio de diseño antes de crear un sitio. Considerando lo anterior, para diseñar páginas web es necesario conocer varias disciplinas tales como: informática, comunicación, diseño y cibernética. Debe enfatizarse en el hecho de que la presentación de la información por sí sola no garantiza el éxito del mensaje, precisa de comunicación, y esta a su vez de un buen diseño para cumplir con el objetivo. Si el código es erróneo, es obvio que el mensaje será erróneo para un público erróneo. Un mal diseño tiene las siguientes características:  
  • 3.   La no valoración de lo funcional o viceversa. Estructura y planificación de sitios Web Antes de proyectar o diseñar una página web, es necesario seguir los siguientes lineamientos en la etapa de creación: 1. En primer lugar, es necesario hacer un análisis de la información que contendrá la página. Esto es, hay que informarse perfectamente sobre la temática del contenido. 2. Analizar el sector a quien será dirigido el mensaje y poder identificar qué tipo de sensaciones e ideas queremos transmitir, para lo cual contamos con recursos como el uso de tipografías, el color y la composición, para que todo esto se produzca de 3. Debemos fijar los objetivos que queremos alcanzar: es decir, que debemos definir si 4. Ya con los objetivos definidos, es importante recopilar los elementos que contendrá nuestra página, como son textos, imágenes, gráficas, etc., todo el material gráfico que sea necesario para p 5. Realizar una estructura con toda la información y elementos recopilados. Es recomendable realizar un boceto para poder visualizar de manera más clara todos los elementos que se incluirán (texto, imágenes, botones, hipervínculos), no olvidar los bocetos de las páginas con las que estará enlazada.