SlideShare una empresa de Scribd logo
1 de 13
Descargar para leer sin conexión
Media Técnica I.U. Pascual Bravo I.E. Blanquizal
DISEÑO
DIAGRAMACIÓN
&
DIAGRAMAR
Es ubicar de manera correcta y funcional, elementos gráficos,
textuales y espacio, en un área definida de manera que que agraden
y comuniquen al target (público objetivo).
PIENSA
PRINCIPIOS
5BÁSICOS
como diseñador
1
2
3
4
5
Proximidad
Espacio en blanco
Alineación
Contraste
Repetición
Es todo acerca del uso del espacio visual para mostrar
las relaciones entre el contenido.
1 Proximidad
El espacio negativo, es el espacio entre su contenido,
entre líneas e incluso en los márgenes exteriores. Le
da al diseño espacio para respirar.
2 Espacio en
blanco
2 Espacio en
blanco
3 Alineación La alineación es algo que se ocupa todo el tiempo,
cada ve que texteamos un correo o un documento los
textos se alinean automáticamente. Es como tener
una línea imaginaria que centra los elementos y el
texto.
3 Alineación Cada agrupación está uniformemente espaciada y
alineada, con márgenes de igual tamaño. Estos
detalles hace que la composición sea más fácil de
navegar. Si no hay una alineación consistente, el
trabajo podría comenzar a sentirse desorganizado.
4 Contraste En el diseño y la composición, el contraste puede
ayudar a hacer muchas cosas, por ejemplo, atrapar el
ojo del lector, crear énfasis o llamar la atención de
algo importante.
Contraste
estilos de texto
4 Contraste Elementos para crear contraste, el color, ajustar el
tamaño, la forma o peso visual de un objeto o el
contraste en estilos de texto.
4 Contraste El contraste esta ligado también a la jerarquia, una
técnica que nos ayuda a guiar al lector.
Sin contraste, ni jerarquia Con contraste y jerarquia
5 Repetición
(Unidad gráfica)
Es un recordatorio que todos los proyectos deben
tener una apariencia uniforme. Ser consistentes
puede hacer su trabajo más fácil. Cuando el
espectador sabe que esperar, puede relajarse y
concentrarse en el contenido.

Más contenido relacionado

La actualidad más candente

Lenguaje visual
Lenguaje visualLenguaje visual
Lenguaje visualeme2525
 
Reticulas en-la-maquetación
Reticulas en-la-maquetaciónReticulas en-la-maquetación
Reticulas en-la-maquetaciónDavid Espinosa
 
Typography 101: The Basics
Typography 101: The BasicsTypography 101: The Basics
Typography 101: The BasicsMainstreethost
 
1.01 Typography
1.01 Typography1.01 Typography
1.01 TypographyMsGilbert
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composiciónCARLA ESPINOZA
 
Fundamentos del diseño W.W.
Fundamentos del diseño W.W.Fundamentos del diseño W.W.
Fundamentos del diseño W.W.Fernando Flor
 
Diseñar con y sin reticula
Diseñar con y sin reticulaDiseñar con y sin reticula
Diseñar con y sin reticulaWillianson Vera
 
Alfabetismo visual elementos_sintaticos2
Alfabetismo visual elementos_sintaticos2Alfabetismo visual elementos_sintaticos2
Alfabetismo visual elementos_sintaticos2Denise Lima
 
Presentacion 1 tipografia
Presentacion 1 tipografiaPresentacion 1 tipografia
Presentacion 1 tipografiaVickydancerf
 
Typography Essentials: Part 2
Typography Essentials: Part 2Typography Essentials: Part 2
Typography Essentials: Part 2Jennifer Janviere
 
Composicion elementos
Composicion elementosComposicion elementos
Composicion elementosJessica Tsoi
 
Proporción y escalas 3º eso
Proporción y escalas 3º esoProporción y escalas 3º eso
Proporción y escalas 3º esomagdaimma
 
Presentación Composicion grafica (1).pdf
Presentación Composicion grafica  (1).pdfPresentación Composicion grafica  (1).pdf
Presentación Composicion grafica (1).pdfgloriaRODRIGUEZ291675
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDavid Nuñez
 
Aula 05 design gráfico na publicidade leis da gestalt
Aula 05   design gráfico na publicidade leis da gestaltAula 05   design gráfico na publicidade leis da gestalt
Aula 05 design gráfico na publicidade leis da gestaltElizeu Nascimento Silva
 

La actualidad más candente (20)

Principlesofdesign
PrinciplesofdesignPrinciplesofdesign
Principlesofdesign
 
Elementos conceptuales
Elementos  conceptualesElementos  conceptuales
Elementos conceptuales
 
Lenguaje visual
Lenguaje visualLenguaje visual
Lenguaje visual
 
Reticulas en-la-maquetación
Reticulas en-la-maquetaciónReticulas en-la-maquetación
Reticulas en-la-maquetación
 
Partes de la Letra
Partes de la LetraPartes de la Letra
Partes de la Letra
 
Typography 101: The Basics
Typography 101: The BasicsTypography 101: The Basics
Typography 101: The Basics
 
1.01 Typography
1.01 Typography1.01 Typography
1.01 Typography
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
Grid
GridGrid
Grid
 
Fundamentos del diseño W.W.
Fundamentos del diseño W.W.Fundamentos del diseño W.W.
Fundamentos del diseño W.W.
 
Diseñar con y sin reticula
Diseñar con y sin reticulaDiseñar con y sin reticula
Diseñar con y sin reticula
 
Alfabetismo visual elementos_sintaticos2
Alfabetismo visual elementos_sintaticos2Alfabetismo visual elementos_sintaticos2
Alfabetismo visual elementos_sintaticos2
 
La Composicion
La ComposicionLa Composicion
La Composicion
 
Presentacion 1 tipografia
Presentacion 1 tipografiaPresentacion 1 tipografia
Presentacion 1 tipografia
 
Typography Essentials: Part 2
Typography Essentials: Part 2Typography Essentials: Part 2
Typography Essentials: Part 2
 
Composicion elementos
Composicion elementosComposicion elementos
Composicion elementos
 
Proporción y escalas 3º eso
Proporción y escalas 3º esoProporción y escalas 3º eso
Proporción y escalas 3º eso
 
Presentación Composicion grafica (1).pdf
Presentación Composicion grafica  (1).pdfPresentación Composicion grafica  (1).pdf
Presentación Composicion grafica (1).pdf
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓN
 
Aula 05 design gráfico na publicidade leis da gestalt
Aula 05   design gráfico na publicidade leis da gestaltAula 05   design gráfico na publicidade leis da gestalt
Aula 05 design gráfico na publicidade leis da gestalt
 

Similar a Diagramación y Diseño

Similar a Diagramación y Diseño (20)

DIAGRAMACION
DIAGRAMACIONDIAGRAMACION
DIAGRAMACION
 
Taller 2 darwin y stephy
Taller 2 darwin y stephy Taller 2 darwin y stephy
Taller 2 darwin y stephy
 
Elementos de diseño gráfico en la creación de materiales didácticos
Elementos de diseño gráfico en la creación de materiales didácticosElementos de diseño gráfico en la creación de materiales didácticos
Elementos de diseño gráfico en la creación de materiales didácticos
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
Cap.1 entendiendo el proceso de diseño de publicaciones
Cap.1 entendiendo el proceso de diseño de publicacionesCap.1 entendiendo el proceso de diseño de publicaciones
Cap.1 entendiendo el proceso de diseño de publicaciones
 
Elememtos para una buena impresion
Elememtos para una buena impresionElememtos para una buena impresion
Elememtos para una buena impresion
 
Layout
LayoutLayout
Layout
 
Bases del Diseño Grafico
Bases del Diseño GraficoBases del Diseño Grafico
Bases del Diseño Grafico
 
Layout
LayoutLayout
Layout
 
taller 3 Pablo e Iván
   taller 3 Pablo e Iván   taller 3 Pablo e Iván
taller 3 Pablo e Iván
 
Diseño Grafico
Diseño GraficoDiseño Grafico
Diseño Grafico
 
Taller1 jorgeydavid
Taller1 jorgeydavidTaller1 jorgeydavid
Taller1 jorgeydavid
 
4.2 composición
4.2 composición4.2 composición
4.2 composición
 
4.2 composicion
4.2 composicion4.2 composicion
4.2 composicion
 
Mensaje publicitario
Mensaje publicitarioMensaje publicitario
Mensaje publicitario
 
Mensaje publicitario vanessa
Mensaje publicitario vanessaMensaje publicitario vanessa
Mensaje publicitario vanessa
 
Diseo grafico
Diseo graficoDiseo grafico
Diseo grafico
 
Diseo grafico
Diseo graficoDiseo grafico
Diseo grafico
 
Tips de diseño
Tips de diseñoTips de diseño
Tips de diseño
 
Cap. 1 entendiendo el procesos de diseño de publicaciones
Cap. 1 entendiendo el procesos de diseño de publicacionesCap. 1 entendiendo el procesos de diseño de publicaciones
Cap. 1 entendiendo el procesos de diseño de publicaciones
 

Más de Afrito Comix

Clasificacion Tipografica
Clasificacion TipograficaClasificacion Tipografica
Clasificacion TipograficaAfrito Comix
 
Clasificación de señales
Clasificación de señales Clasificación de señales
Clasificación de señales Afrito Comix
 
manual señalético
manual señaléticomanual señalético
manual señaléticoAfrito Comix
 
Palabras&Párrafos(I)
Palabras&Párrafos(I)Palabras&Párrafos(I)
Palabras&Párrafos(I)Afrito Comix
 
Anatomía de la Letra
Anatomía de la LetraAnatomía de la Letra
Anatomía de la LetraAfrito Comix
 
Historia de la Tipografía
Historia de la TipografíaHistoria de la Tipografía
Historia de la TipografíaAfrito Comix
 
Programa Señalético II
Programa Señalético IIPrograma Señalético II
Programa Señalético IIAfrito Comix
 
Programa Señalético (I)
Programa Señalético (I) Programa Señalético (I)
Programa Señalético (I) Afrito Comix
 
Origenes de la señalética
Origenes de la señaléticaOrigenes de la señalética
Origenes de la señaléticaAfrito Comix
 
El distintivo visual y la simbología gráfica
El distintivo visual y la simbología gráfica El distintivo visual y la simbología gráfica
El distintivo visual y la simbología gráfica Afrito Comix
 
Corel Draw X3 Escalade grises
Corel Draw X3  Escalade grisesCorel Draw X3  Escalade grises
Corel Draw X3 Escalade grisesAfrito Comix
 
Corel Draw X3 Mapas de Bits
Corel Draw X3  Mapas de BitsCorel Draw X3  Mapas de Bits
Corel Draw X3 Mapas de BitsAfrito Comix
 
Corel Draw X3 Texto
Corel Draw X3  TextoCorel Draw X3  Texto
Corel Draw X3 TextoAfrito Comix
 
Corel Draw X3 Power clip
Corel Draw X3  Power clipCorel Draw X3  Power clip
Corel Draw X3 Power clipAfrito Comix
 

Más de Afrito Comix (20)

Tipografia_logos
Tipografia_logosTipografia_logos
Tipografia_logos
 
Clasificacion Tipografica
Clasificacion TipograficaClasificacion Tipografica
Clasificacion Tipografica
 
Clasificación de señales
Clasificación de señales Clasificación de señales
Clasificación de señales
 
manual señalético
manual señaléticomanual señalético
manual señalético
 
Palabras&Párrafos(I)
Palabras&Párrafos(I)Palabras&Párrafos(I)
Palabras&Párrafos(I)
 
Anatomía de la Letra
Anatomía de la LetraAnatomía de la Letra
Anatomía de la Letra
 
Historia de la Tipografía
Historia de la TipografíaHistoria de la Tipografía
Historia de la Tipografía
 
Programa Señalético II
Programa Señalético IIPrograma Señalético II
Programa Señalético II
 
Programa Señalético (I)
Programa Señalético (I) Programa Señalético (I)
Programa Señalético (I)
 
Pictogramas
PictogramasPictogramas
Pictogramas
 
Origenes de la señalética
Origenes de la señaléticaOrigenes de la señalética
Origenes de la señalética
 
Color corporativo
Color corporativoColor corporativo
Color corporativo
 
El distintivo visual y la simbología gráfica
El distintivo visual y la simbología gráfica El distintivo visual y la simbología gráfica
El distintivo visual y la simbología gráfica
 
Identidad verbal
Identidad verbalIdentidad verbal
Identidad verbal
 
Expo marcas
Expo marcasExpo marcas
Expo marcas
 
Corel Draw X3 Escalade grises
Corel Draw X3  Escalade grisesCorel Draw X3  Escalade grises
Corel Draw X3 Escalade grises
 
Corel Draw X3 df
Corel Draw X3  dfCorel Draw X3  df
Corel Draw X3 df
 
Corel Draw X3 Mapas de Bits
Corel Draw X3  Mapas de BitsCorel Draw X3  Mapas de Bits
Corel Draw X3 Mapas de Bits
 
Corel Draw X3 Texto
Corel Draw X3  TextoCorel Draw X3  Texto
Corel Draw X3 Texto
 
Corel Draw X3 Power clip
Corel Draw X3  Power clipCorel Draw X3  Power clip
Corel Draw X3 Power clip
 

Último

Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfduf110205
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista30898575
 
contaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelocontaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelomabel perez
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaCamilaIsabelaRodrigu
 
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
 
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
 
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...mariaclaramb
 
Dia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf tripticoDia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf tripticoThaisAymeeTacucheBen
 
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
 
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDALANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDAdiawaraplast
 
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
 
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docFICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docMerlyBrisetTorneroLu
 
Arquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfArquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfsalazar1611ale
 
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
 
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
 
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
 
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfAndada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfalguien92
 
Manual de Normas APA 7ma edición (1).pdf
Manual de Normas APA 7ma edición (1).pdfManual de Normas APA 7ma edición (1).pdf
Manual de Normas APA 7ma edición (1).pdfsteevensnodamartel
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929FiorellaLaura2
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfBrbara57940
 

Último (20)

Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdf
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista
 
contaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelocontaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelo
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historia
 
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
 
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
 
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
 
Dia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf tripticoDia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf triptico
 
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
 
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDALANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
 
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)
 
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docFICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
 
Arquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfArquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.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
 
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
 
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
 
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfAndada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
 
Manual de Normas APA 7ma edición (1).pdf
Manual de Normas APA 7ma edición (1).pdfManual de Normas APA 7ma edición (1).pdf
Manual de Normas APA 7ma edición (1).pdf
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
 

Diagramación y Diseño

  • 1. Media Técnica I.U. Pascual Bravo I.E. Blanquizal DISEÑO DIAGRAMACIÓN &
  • 2. DIAGRAMAR Es ubicar de manera correcta y funcional, elementos gráficos, textuales y espacio, en un área definida de manera que que agraden y comuniquen al target (público objetivo).
  • 3.
  • 5. Es todo acerca del uso del espacio visual para mostrar las relaciones entre el contenido. 1 Proximidad
  • 6. El espacio negativo, es el espacio entre su contenido, entre líneas e incluso en los márgenes exteriores. Le da al diseño espacio para respirar. 2 Espacio en blanco
  • 8. 3 Alineación La alineación es algo que se ocupa todo el tiempo, cada ve que texteamos un correo o un documento los textos se alinean automáticamente. Es como tener una línea imaginaria que centra los elementos y el texto.
  • 9. 3 Alineación Cada agrupación está uniformemente espaciada y alineada, con márgenes de igual tamaño. Estos detalles hace que la composición sea más fácil de navegar. Si no hay una alineación consistente, el trabajo podría comenzar a sentirse desorganizado.
  • 10. 4 Contraste En el diseño y la composición, el contraste puede ayudar a hacer muchas cosas, por ejemplo, atrapar el ojo del lector, crear énfasis o llamar la atención de algo importante.
  • 11. Contraste estilos de texto 4 Contraste Elementos para crear contraste, el color, ajustar el tamaño, la forma o peso visual de un objeto o el contraste en estilos de texto.
  • 12. 4 Contraste El contraste esta ligado también a la jerarquia, una técnica que nos ayuda a guiar al lector. Sin contraste, ni jerarquia Con contraste y jerarquia
  • 13. 5 Repetición (Unidad gráfica) Es un recordatorio que todos los proyectos deben tener una apariencia uniforme. Ser consistentes puede hacer su trabajo más fácil. Cuando el espectador sabe que esperar, puede relajarse y concentrarse en el contenido.