SlideShare una empresa de 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.

Más contenido relacionado

La actualidad más candente

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
 

La actualidad más candente (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...
 

Destacado

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
 

Destacado (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
 

Similar 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

Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfvladimiroflores1
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxMiguelAtencio10
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfAnnimoUno1
 
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
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 

Último (11)

Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
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
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 

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.