SlideShare una empresa de Scribd logo
1 de 7
Imagen, Tipografía y Color

  Elementos claves del diseño
Tipografía
Como usuarios, navegantes o clientes, vemos lo bonito
que atrae en un sitio web. Criticamos si este puede
ofrecer lo que buscamos de una manera agradable a los
ojos; mientras mejor se vea, entonces más llamara la
atención.
Es por eso que un elemento que pocas veces se le da la
importancia que debe es a la tipografía, estos elementos
visuales dan pautas en un buen diseño, ya que llevan el
ritmo de lectura para hacer que un usuario
comúnmente se quede en el sitio a leer, si no hay un
buen manejo de fuente, espacios y colores,
simplemente el usuario optara por irse, incluso cuando
la información sea de gran importancia para el mismo.
Color
Los colores dan sensación de movimiento,
provocan emociones, sensaciones, y en
definitiva todo lo que los colores pueden llegar a
expresar y hacer sentir al espectador forma una
parte fundamental de la base de un buen
diseño.
   El color, como elemento diseño, es clave del
                éxito de un diseño.
Imagen
• Una buena imagen, (fotografía o ilustración),
  es un elemento clave para la realización de un
  diseño impactante. Las páginas con
  ilustraciones y fotografías atraen la atención
  del visitante o espectador e, incluso, pueden
  ayudar como soporte informativo de lo que se
  quiere expresar.
Imagen, tipografía y color

Más contenido relacionado

Similar a Imagen, tipografía y color

Espacio en el lenguaje publicitario
Espacio en el lenguaje publicitarioEspacio en el lenguaje publicitario
Espacio en el lenguaje publicitariopaibagong
 
La importancia de la tipografía en el diseño gráfico
La importancia de la tipografía en el diseño gráficoLa importancia de la tipografía en el diseño gráfico
La importancia de la tipografía en el diseño gráficoAzury Moya
 
La importancia de la tip oc grafía en el diseño gráfico - copia
La importancia de la tip oc grafía en el diseño gráfico - copiaLa importancia de la tip oc grafía en el diseño gráfico - copia
La importancia de la tip oc grafía en el diseño gráfico - copiaMargarita Negria
 
La importancia de la tipografía en el diseño gráfico
La importancia de la tipografía en el diseño gráficoLa importancia de la tipografía en el diseño gráfico
La importancia de la tipografía en el diseño gráficoAzury Moya
 
La importancia de la tipografía en el diseño gráfico
La importancia de la tipografía en el diseño gráficoLa importancia de la tipografía en el diseño gráfico
La importancia de la tipografía en el diseño gráficoAzury Moya
 
Espacio en el lenguaje publicitario
Espacio en el lenguaje publicitarioEspacio en el lenguaje publicitario
Espacio en el lenguaje publicitarioepreya
 
Topografia color y reglas ok
Topografia color y reglas okTopografia color y reglas ok
Topografia color y reglas okMORFEO2685
 
Topografia color y reglas ok
Topografia color y reglas okTopografia color y reglas ok
Topografia color y reglas okdianacarolina8710
 
Reglas para pantalla
Reglas para pantallaReglas para pantalla
Reglas para pantallaMORFEO2685
 
Conceptos básicos de diseño gráfico
Conceptos básicos de diseño gráficoConceptos básicos de diseño gráfico
Conceptos básicos de diseño gráficoIvetteSolano1
 
Diseño gráfico
Diseño gráficoDiseño gráfico
Diseño gráficomnunezg
 
PRESENTCION DE BASE DE DISEÑO GRAFICO .pdf
PRESENTCION DE BASE DE DISEÑO GRAFICO .pdfPRESENTCION DE BASE DE DISEÑO GRAFICO .pdf
PRESENTCION DE BASE DE DISEÑO GRAFICO .pdfMARIA ABAD
 

Similar a Imagen, tipografía y color (20)

Espacio en el lenguaje publicitario
Espacio en el lenguaje publicitarioEspacio en el lenguaje publicitario
Espacio en el lenguaje publicitario
 
La importancia de la tipografía en el diseño gráfico
La importancia de la tipografía en el diseño gráficoLa importancia de la tipografía en el diseño gráfico
La importancia de la tipografía en el diseño gráfico
 
La importancia de la tip oc grafía en el diseño gráfico - copia
La importancia de la tip oc grafía en el diseño gráfico - copiaLa importancia de la tip oc grafía en el diseño gráfico - copia
La importancia de la tip oc grafía en el diseño gráfico - copia
 
La importancia de la tipografía en el diseño gráfico
La importancia de la tipografía en el diseño gráficoLa importancia de la tipografía en el diseño gráfico
La importancia de la tipografía en el diseño gráfico
 
La importancia de la tipografía en el diseño gráfico
La importancia de la tipografía en el diseño gráficoLa importancia de la tipografía en el diseño gráfico
La importancia de la tipografía en el diseño gráfico
 
Espacio en el lenguaje publicitario
Espacio en el lenguaje publicitarioEspacio en el lenguaje publicitario
Espacio en el lenguaje publicitario
 
percepción visual
percepción visualpercepción visual
percepción visual
 
Tipografia color y reglas
Tipografia color y reglasTipografia color y reglas
Tipografia color y reglas
 
Topografia color y reglas ok
Topografia color y reglas okTopografia color y reglas ok
Topografia color y reglas ok
 
Tipografia color y reglas
Tipografia color y reglasTipografia color y reglas
Tipografia color y reglas
 
Topografia color y reglas ok
Topografia color y reglas okTopografia color y reglas ok
Topografia color y reglas ok
 
Tipografia color y reglas
Tipografia color y reglasTipografia color y reglas
Tipografia color y reglas
 
Reglas para pantalla
Reglas para pantallaReglas para pantalla
Reglas para pantalla
 
Reglas para pantalla
Reglas para pantallaReglas para pantalla
Reglas para pantalla
 
Conceptos básicos de diseño gráfico
Conceptos básicos de diseño gráficoConceptos básicos de diseño gráfico
Conceptos básicos de diseño gráfico
 
Diseño gráfico
Diseño gráficoDiseño gráfico
Diseño gráfico
 
Delia López
Delia LópezDelia López
Delia López
 
T4 pa2suntaxijesseniadg
T4 pa2suntaxijesseniadgT4 pa2suntaxijesseniadg
T4 pa2suntaxijesseniadg
 
PRESENTCION DE BASE DE DISEÑO GRAFICO .pdf
PRESENTCION DE BASE DE DISEÑO GRAFICO .pdfPRESENTCION DE BASE DE DISEÑO GRAFICO .pdf
PRESENTCION DE BASE DE DISEÑO GRAFICO .pdf
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 

Más de TatiRozoB

Presentación final del blog
Presentación final del blogPresentación final del blog
Presentación final del blogTatiRozoB
 
Reticula para pantalla
Reticula para pantallaReticula para pantalla
Reticula para pantallaTatiRozoB
 
Espacio en el mensaje publicitario
Espacio en el mensaje publicitarioEspacio en el mensaje publicitario
Espacio en el mensaje publicitarioTatiRozoB
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseñoTatiRozoB
 

Más de TatiRozoB (9)

Tipografía
TipografíaTipografía
Tipografía
 
Presentación final del blog
Presentación final del blogPresentación final del blog
Presentación final del blog
 
Blogs
BlogsBlogs
Blogs
 
Formato
FormatoFormato
Formato
 
Formato
FormatoFormato
Formato
 
Reticula para pantalla
Reticula para pantallaReticula para pantalla
Reticula para pantalla
 
Layout
LayoutLayout
Layout
 
Espacio en el mensaje publicitario
Espacio en el mensaje publicitarioEspacio en el mensaje publicitario
Espacio en el mensaje publicitario
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 

Último

SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxJustoAlbertoBaltaSmi
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfLeonardoDantasRivas
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.docilvrosiebp
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30SantiagoAgudelo47
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroJuan Carlos Fonseca Mata
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docAhilynBasabe
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEhayax3
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfslaimenbarakat
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGersonManuelRodrigue1
 
Bianchi_Susana_Historia_social_del_mundo-34-43.pdf
Bianchi_Susana_Historia_social_del_mundo-34-43.pdfBianchi_Susana_Historia_social_del_mundo-34-43.pdf
Bianchi_Susana_Historia_social_del_mundo-34-43.pdfAgustnRomeroFernndez
 
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS  EN LA LIBERTADINTERVENCIONES DE CARRETERAS  EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS EN LA LIBERTADMaryNavarro1717
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfDanielaPrezMartnez3
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosCristianGmez22034
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 

Último (20)

1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
Bianchi_Susana_Historia_social_del_mundo-34-43.pdf
Bianchi_Susana_Historia_social_del_mundo-34-43.pdfBianchi_Susana_Historia_social_del_mundo-34-43.pdf
Bianchi_Susana_Historia_social_del_mundo-34-43.pdf
 
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS  EN LA LIBERTADINTERVENCIONES DE CARRETERAS  EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 

Imagen, tipografía y color

  • 1. Imagen, Tipografía y Color Elementos claves del diseño
  • 2. Tipografía Como usuarios, navegantes o clientes, vemos lo bonito que atrae en un sitio web. Criticamos si este puede ofrecer lo que buscamos de una manera agradable a los ojos; mientras mejor se vea, entonces más llamara la atención. Es por eso que un elemento que pocas veces se le da la importancia que debe es a la tipografía, estos elementos visuales dan pautas en un buen diseño, ya que llevan el ritmo de lectura para hacer que un usuario comúnmente se quede en el sitio a leer, si no hay un buen manejo de fuente, espacios y colores, simplemente el usuario optara por irse, incluso cuando la información sea de gran importancia para el mismo.
  • 3.
  • 4. Color Los colores dan sensación de movimiento, provocan emociones, sensaciones, y en definitiva todo lo que los colores pueden llegar a expresar y hacer sentir al espectador forma una parte fundamental de la base de un buen diseño. El color, como elemento diseño, es clave del éxito de un diseño.
  • 5.
  • 6. Imagen • Una buena imagen, (fotografía o ilustración), es un elemento clave para la realización de un diseño impactante. Las páginas con ilustraciones y fotografías atraen la atención del visitante o espectador e, incluso, pueden ayudar como soporte informativo de lo que se quiere expresar.