SlideShare uma empresa Scribd logo
1 de 14
Se refiere a una nueva
generación de webs
basadas en la creación de
paginas web donde los
contenidos son
compartidos y producidos
por los propios usuarios
del portal.
 Grafico de flujo
 La pagina
 Mapa del sitio
 Diagrama de pagina
Debe enfatizar:
 La estructura conceptual y la organización del sitio.
 Como el usuario fluye a través de tareas definidas y
los pasos respectivos.
Es el elemento clave de la
experiencia del usuario.
Es una unidad de
representación.
Se utilizan etiquetas para
identificar paginas y archivos de
datos.
Muestra un mayor nivel de representación del sitio.
 Debe mostrar:
• Áreas principales
• Paginas dinámicas de cada sección.
 Hay que comprobar si:
• Tiene estructura lógica
• Es navegable
Es un esquema donde se integran:
• El contenido
• La navegación
• La funcionalidad básica
Indica:
 El posicionamiento de los gráficos
 La navegación
 Los textos
 Encabezados
 Otros elementos que deben aparecer en pantalla
Elementos
del diseño
Punto
Textura
Valor
Línea
Forma
Color
 Es el primero y mas simple.
 Sirve como foco de énfasis
para llamar la atencion e
información importante.
 La combinación de puntos
representa ideas mas
complicadas.
Se define como una serie de puntos
Actúan como bordes entre ideas o
pasos de un secuencia.
Permite visualizar rápidamente un
objeto o idea
Es un área que sobresale del espacio alrededor,
dando un borde definido o una diferencia.
Se compone de líneas que encierran un área.
Define una relación entre una figura o el fondo
Es el grado de la luz u oscuridad.
Todos los elementos del diseño
requieren un valor de contraste para
ser vistos.
 Las áreas:
 Oscuras: Denotan misterio, drama,
amenaza.
 Luminosas: Denotan felicidad,
cercanía, calidez.
Es la experiencia de la
superficie de un objeto:
Aspereza, suavidad,
profundidad.
Se utiliza para acentuar
un área.
Es la parte de la luz que se
refleja en los objetos.
Los colores primarios, no
son mezclas de otros
colores y son: Rojo, amarillo,
azul
El color puede ayudar a
mejorar o demeritar la
composicion.

Mais conteúdo relacionado

Mais procurados

Sintaxis Imagen
Sintaxis ImagenSintaxis Imagen
Sintaxis Imagenevalogrono
 
Espacio en el mensaje publicitario
Espacio en el mensaje publicitarioEspacio en el mensaje publicitario
Espacio en el mensaje publicitarioRafael Quecano
 
Layout
LayoutLayout
Layoutepreya
 
Elementos del diseño grafico
Elementos del diseño graficoElementos del diseño grafico
Elementos del diseño graficomari nieves
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseñoCarlita Pitu
 
Diapositiva. explicacion general del diseño grafico
Diapositiva. explicacion general del diseño graficoDiapositiva. explicacion general del diseño grafico
Diapositiva. explicacion general del diseño graficoDANIDRES
 
Diseñografico
DiseñograficoDiseñografico
Diseñograficobipgenesis
 
Diseñografico
DiseñograficoDiseñografico
Diseñograficojgenesis
 
Ejemplos elementos de diseño
Ejemplos elementos de diseñoEjemplos elementos de diseño
Ejemplos elementos de diseñoDaniel Valbuena
 
Elementos de diseño
Elementos de diseñoElementos de diseño
Elementos de diseñojsantrich
 
precentacion de google maps
precentacion de google mapsprecentacion de google maps
precentacion de google mapscamerito
 
El diseño gráfico 1
El diseño gráfico 1El diseño gráfico 1
El diseño gráfico 1maria2127
 
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Arlen Mosquera
 

Mais procurados (20)

Sintaxis Imagen
Sintaxis ImagenSintaxis Imagen
Sintaxis Imagen
 
DiagramacióN BáSica
DiagramacióN BáSicaDiagramacióN BáSica
DiagramacióN BáSica
 
Espacio en el mensaje publicitario
Espacio en el mensaje publicitarioEspacio en el mensaje publicitario
Espacio en el mensaje publicitario
 
Layout
LayoutLayout
Layout
 
Elementos del diseño grafico
Elementos del diseño graficoElementos del diseño grafico
Elementos del diseño grafico
 
Unidad 1º claroscuro iv de iv para 2 cc3
Unidad 1º claroscuro iv de iv para 2 cc3Unidad 1º claroscuro iv de iv para 2 cc3
Unidad 1º claroscuro iv de iv para 2 cc3
 
Composición en el diseño
Composición en el diseñoComposición en el diseño
Composición en el diseño
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseño
 
Diapositiva. explicacion general del diseño grafico
Diapositiva. explicacion general del diseño graficoDiapositiva. explicacion general del diseño grafico
Diapositiva. explicacion general del diseño grafico
 
12 La Imagen Elementos Pptm
12 La Imagen Elementos  Pptm12 La Imagen Elementos  Pptm
12 La Imagen Elementos Pptm
 
Punto Y Linea
Punto Y  LineaPunto Y  Linea
Punto Y Linea
 
Presentacion.elementos de diseño grafico
Presentacion.elementos de diseño graficoPresentacion.elementos de diseño grafico
Presentacion.elementos de diseño grafico
 
Diseñografico
DiseñograficoDiseñografico
Diseñografico
 
Diseñografico
DiseñograficoDiseñografico
Diseñografico
 
Ejemplos elementos de diseño
Ejemplos elementos de diseñoEjemplos elementos de diseño
Ejemplos elementos de diseño
 
Elementos de diseño
Elementos de diseñoElementos de diseño
Elementos de diseño
 
Ejemplos de Retículas
Ejemplos de RetículasEjemplos de Retículas
Ejemplos de Retículas
 
precentacion de google maps
precentacion de google mapsprecentacion de google maps
precentacion de google maps
 
El diseño gráfico 1
El diseño gráfico 1El diseño gráfico 1
El diseño gráfico 1
 
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
 

Destaque

Letter of Rec-Dr. Shah
Letter of Rec-Dr. ShahLetter of Rec-Dr. Shah
Letter of Rec-Dr. ShahCarmen Quinn
 
Jornal área central de amparo
Jornal área central de amparoJornal área central de amparo
Jornal área central de amparoRogerio Catanese
 
Pedagogisen mobiilivideon tuottamisen askeleita
Pedagogisen mobiilivideon tuottamisen askeleitaPedagogisen mobiilivideon tuottamisen askeleita
Pedagogisen mobiilivideon tuottamisen askeleitaPauliina Venho
 
Debolsillo sabadell esp
Debolsillo   sabadell espDebolsillo   sabadell esp
Debolsillo sabadell espsaraisamper
 
Computacion examen segundo bimestre
Computacion examen segundo bimestreComputacion examen segundo bimestre
Computacion examen segundo bimestreelizalexam
 
Presentacion inglaterra
Presentacion  inglaterraPresentacion  inglaterra
Presentacion inglaterraazucenahs
 
Tekoha joint venture
Tekoha joint ventureTekoha joint venture
Tekoha joint ventureThiago Kato
 
ประมวลกฎหมายแพ่งและพาณิชย์ (รวมแก้ไขล่าสุดจนถึงปี 2551)
ประมวลกฎหมายแพ่งและพาณิชย์ (รวมแก้ไขล่าสุดจนถึงปี 2551)ประมวลกฎหมายแพ่งและพาณิชย์ (รวมแก้ไขล่าสุดจนถึงปี 2551)
ประมวลกฎหมายแพ่งและพาณิชย์ (รวมแก้ไขล่าสุดจนถึงปี 2551)LawPlus Ltd.
 
Baby barredo
Baby barredoBaby barredo
Baby barredobaby991
 
Direitos Humanos
Direitos HumanosDireitos Humanos
Direitos HumanosSamathema
 

Destaque (20)

1
11
1
 
Letter of Rec-Dr. Shah
Letter of Rec-Dr. ShahLetter of Rec-Dr. Shah
Letter of Rec-Dr. Shah
 
Jornal área central de amparo
Jornal área central de amparoJornal área central de amparo
Jornal área central de amparo
 
Ciber plagio
Ciber plagioCiber plagio
Ciber plagio
 
HHRecognition
HHRecognitionHHRecognition
HHRecognition
 
Posters
PostersPosters
Posters
 
Pedagogisen mobiilivideon tuottamisen askeleita
Pedagogisen mobiilivideon tuottamisen askeleitaPedagogisen mobiilivideon tuottamisen askeleita
Pedagogisen mobiilivideon tuottamisen askeleita
 
Segurança no MySQL
Segurança no MySQLSegurança no MySQL
Segurança no MySQL
 
April
AprilApril
April
 
Arxiu
ArxiuArxiu
Arxiu
 
Debolsillo sabadell esp
Debolsillo   sabadell espDebolsillo   sabadell esp
Debolsillo sabadell esp
 
Computacion examen segundo bimestre
Computacion examen segundo bimestreComputacion examen segundo bimestre
Computacion examen segundo bimestre
 
Presentacion inglaterra
Presentacion  inglaterraPresentacion  inglaterra
Presentacion inglaterra
 
Tekoha joint venture
Tekoha joint ventureTekoha joint venture
Tekoha joint venture
 
3
33
3
 
ประมวลกฎหมายแพ่งและพาณิชย์ (รวมแก้ไขล่าสุดจนถึงปี 2551)
ประมวลกฎหมายแพ่งและพาณิชย์ (รวมแก้ไขล่าสุดจนถึงปี 2551)ประมวลกฎหมายแพ่งและพาณิชย์ (รวมแก้ไขล่าสุดจนถึงปี 2551)
ประมวลกฎหมายแพ่งและพาณิชย์ (รวมแก้ไขล่าสุดจนถึงปี 2551)
 
Baby barredo
Baby barredoBaby barredo
Baby barredo
 
Direitos Humanos
Direitos HumanosDireitos Humanos
Direitos Humanos
 
Plat
PlatPlat
Plat
 
01 plans-model
01   plans-model01   plans-model
01 plans-model
 

Semelhante a La web (20)

Estructura y diseño de un sitio web
Estructura y diseño de un sitio webEstructura y diseño de un sitio web
Estructura y diseño de un sitio web
 
Presentación1
Presentación1Presentación1
Presentación1
 
1 -el diseño y sus elementos
1 -el diseño y sus elementos1 -el diseño y sus elementos
1 -el diseño y sus elementos
 
2 fundamentos y elementos del diseño
2  fundamentos y elementos del diseño2  fundamentos y elementos del diseño
2 fundamentos y elementos del diseño
 
diseño grafico
diseño graficodiseño grafico
diseño grafico
 
2 diseño+gr..
2 diseño+gr..2 diseño+gr..
2 diseño+gr..
 
Concepto de totalidad y Ley de Gastalt.
Concepto de totalidad y Ley de Gastalt.Concepto de totalidad y Ley de Gastalt.
Concepto de totalidad y Ley de Gastalt.
 
Composicion gràfica
Composicion gràficaComposicion gràfica
Composicion gràfica
 
Metodos de organizacion de la información.pptx
Metodos de organizacion de la información.pptxMetodos de organizacion de la información.pptx
Metodos de organizacion de la información.pptx
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 
El lenguaje visual y elementos
El lenguaje visual y elementosEl lenguaje visual y elementos
El lenguaje visual y elementos
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓN
 
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
 
PresentacióN DiseñO 2003
PresentacióN DiseñO 2003PresentacióN DiseñO 2003
PresentacióN DiseñO 2003
 
Unidad 3 vanessa arias
Unidad 3 vanessa ariasUnidad 3 vanessa arias
Unidad 3 vanessa arias
 
Organizadores graficos
Organizadores graficosOrganizadores graficos
Organizadores graficos
 
Organizadores graficos
Organizadores graficosOrganizadores graficos
Organizadores graficos
 
TECNOLOGIA ACTUAL
TECNOLOGIA ACTUALTECNOLOGIA ACTUAL
TECNOLOGIA ACTUAL
 
diseño
 diseño diseño
diseño
 
Elementos del Diseño
Elementos del DiseñoElementos del Diseño
Elementos del Diseño
 

Último

EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 

Último (13)

EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 

La web

  • 1.
  • 2. Se refiere a una nueva generación de webs basadas en la creación de paginas web donde los contenidos son compartidos y producidos por los propios usuarios del portal.
  • 3.  Grafico de flujo  La pagina  Mapa del sitio  Diagrama de pagina
  • 4. Debe enfatizar:  La estructura conceptual y la organización del sitio.  Como el usuario fluye a través de tareas definidas y los pasos respectivos.
  • 5. Es el elemento clave de la experiencia del usuario. Es una unidad de representación. Se utilizan etiquetas para identificar paginas y archivos de datos.
  • 6. Muestra un mayor nivel de representación del sitio.  Debe mostrar: • Áreas principales • Paginas dinámicas de cada sección.  Hay que comprobar si: • Tiene estructura lógica • Es navegable
  • 7. Es un esquema donde se integran: • El contenido • La navegación • La funcionalidad básica Indica:  El posicionamiento de los gráficos  La navegación  Los textos  Encabezados  Otros elementos que deben aparecer en pantalla
  • 9.  Es el primero y mas simple.  Sirve como foco de énfasis para llamar la atencion e información importante.  La combinación de puntos representa ideas mas complicadas.
  • 10. Se define como una serie de puntos Actúan como bordes entre ideas o pasos de un secuencia. Permite visualizar rápidamente un objeto o idea
  • 11. Es un área que sobresale del espacio alrededor, dando un borde definido o una diferencia. Se compone de líneas que encierran un área. Define una relación entre una figura o el fondo
  • 12. Es el grado de la luz u oscuridad. Todos los elementos del diseño requieren un valor de contraste para ser vistos.  Las áreas:  Oscuras: Denotan misterio, drama, amenaza.  Luminosas: Denotan felicidad, cercanía, calidez.
  • 13. Es la experiencia de la superficie de un objeto: Aspereza, suavidad, profundidad. Se utiliza para acentuar un área.
  • 14. Es la parte de la luz que se refleja en los objetos. Los colores primarios, no son mezclas de otros colores y son: Rojo, amarillo, azul El color puede ayudar a mejorar o demeritar la composicion.