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

Teoría de la Forma_ Teria del Diseño
Teoría de la Forma_ Teria del DiseñoTeoría de la Forma_ Teria del Diseño
Teoría de la Forma_ Teria del Diseño
Luis Frias
 
Fundamentos de diagramación Sesión 1
Fundamentos de diagramación Sesión 1Fundamentos de diagramación Sesión 1
Fundamentos de diagramación Sesión 1
eme2525
 
Sintaxis Nivel estructura
Sintaxis Nivel estructuraSintaxis Nivel estructura
Sintaxis Nivel estructura
gabbogabbogabbo
 
mensaje visual y diseño grafico
mensaje visual y diseño graficomensaje visual y diseño grafico
mensaje visual y diseño grafico
Pamela verastegui
 
5. plano vertical de perfil
5. plano vertical de perfil5. plano vertical de perfil
5. plano vertical de perfil
Boris Cabrera
 
fundamentos del diseño power point
fundamentos del diseño power pointfundamentos del diseño power point
fundamentos del diseño power point
karliichi23
 
Presentacion fundamentos de diseño wucius
Presentacion fundamentos de diseño wuciusPresentacion fundamentos de diseño wucius
Presentacion fundamentos de diseño wucius
ariandrea
 

La actualidad más candente (20)

Perspectiva lineal
Perspectiva linealPerspectiva lineal
Perspectiva lineal
 
Teoría de la Forma_ Teria del Diseño
Teoría de la Forma_ Teria del DiseñoTeoría de la Forma_ Teria del Diseño
Teoría de la Forma_ Teria del Diseño
 
Tipografía
TipografíaTipografía
Tipografía
 
Elementos conceptuales
Elementos  conceptualesElementos  conceptuales
Elementos conceptuales
 
Fundamentos de diagramación Sesión 1
Fundamentos de diagramación Sesión 1Fundamentos de diagramación Sesión 1
Fundamentos de diagramación Sesión 1
 
Sintaxis Nivel estructura
Sintaxis Nivel estructuraSintaxis Nivel estructura
Sintaxis Nivel estructura
 
Elementos formales del diseño
Elementos formales del diseñoElementos formales del diseño
Elementos formales del diseño
 
mensaje visual y diseño grafico
mensaje visual y diseño graficomensaje visual y diseño grafico
mensaje visual y diseño grafico
 
3 -formas de estructurar el espacio I
3 -formas de estructurar el espacio I3 -formas de estructurar el espacio I
3 -formas de estructurar el espacio I
 
La composición en la diagramación
La composición en la diagramaciónLa composición en la diagramación
La composición en la diagramación
 
espacio bi-tridi.-
 espacio bi-tridi.- espacio bi-tridi.-
espacio bi-tridi.-
 
5. plano vertical de perfil
5. plano vertical de perfil5. plano vertical de perfil
5. plano vertical de perfil
 
Infografía, uso de retícula
Infografía, uso de retículaInfografía, uso de retícula
Infografía, uso de retícula
 
DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.
 
fundamentos del diseño power point
fundamentos del diseño power pointfundamentos del diseño power point
fundamentos del diseño power point
 
Diseño Básico
Diseño BásicoDiseño Básico
Diseño Básico
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseño
 
Presentacion fundamentos de diseño wucius
Presentacion fundamentos de diseño wuciusPresentacion fundamentos de diseño wucius
Presentacion fundamentos de diseño wucius
 
ELEMENTOS BÁSICOS DE LA IMAGEN
ELEMENTOS BÁSICOS DE LA IMAGEN ELEMENTOS BÁSICOS DE LA IMAGEN
ELEMENTOS BÁSICOS DE LA IMAGEN
 
04 elementos basicos2
04 elementos basicos204 elementos basicos2
04 elementos basicos2
 

Similar a Diagramación y Diseño

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
adamaryshdz
 
Elememtos para una buena impresion
Elememtos para una buena impresionElememtos para una buena impresion
Elememtos para una buena impresion
Nathaly Correa
 
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
Astrid B. Santiago Pabon
 

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

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 grises
Afrito Comix
 
Corel Draw X3 Mapas de Bits
Corel Draw X3  Mapas de BitsCorel Draw X3  Mapas de Bits
Corel Draw X3 Mapas de Bits
Afrito Comix
 
Corel Draw X3 Power clip
Corel Draw X3  Power clipCorel Draw X3  Power clip
Corel Draw X3 Power clip
Afrito 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

7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
jose880240
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos I
irenecarmona12
 

Último (16)

5-. FURRIEL.doc DOCUMENTO PARA LLEVAR EL CONTROL DE LOS SERVICIOS
5-. FURRIEL.doc DOCUMENTO PARA LLEVAR EL CONTROL DE LOS SERVICIOS5-. FURRIEL.doc DOCUMENTO PARA LLEVAR EL CONTROL DE LOS SERVICIOS
5-. FURRIEL.doc DOCUMENTO PARA LLEVAR EL CONTROL DE LOS SERVICIOS
 
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
 
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERUTECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráfico
 
Informe de Laboratorio 08 - Capacitores e Inductores.docx
Informe de Laboratorio 08 - Capacitores e Inductores.docxInforme de Laboratorio 08 - Capacitores e Inductores.docx
Informe de Laboratorio 08 - Capacitores e Inductores.docx
 
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfTríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
 
Metodo-cuadricula-HyST para medicion con luxometro
Metodo-cuadricula-HyST para medicion con luxometroMetodo-cuadricula-HyST para medicion con luxometro
Metodo-cuadricula-HyST para medicion con luxometro
 
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptxLA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
 
word-ejercicios-tabulaciones-taller..doc
word-ejercicios-tabulaciones-taller..docword-ejercicios-tabulaciones-taller..doc
word-ejercicios-tabulaciones-taller..doc
 
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHEDIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
 
ARTE PARTE DE LA ARQUITECTURA, EN QUE INFLUYE MAS
ARTE PARTE DE LA ARQUITECTURA, EN QUE INFLUYE MASARTE PARTE DE LA ARQUITECTURA, EN QUE INFLUYE MAS
ARTE PARTE DE LA ARQUITECTURA, EN QUE INFLUYE MAS
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos I
 
Presentación acerca del Design Thinking.pptx
Presentación acerca del Design Thinking.pptxPresentación acerca del Design Thinking.pptx
Presentación acerca del Design Thinking.pptx
 
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdfBlue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
 
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTALLA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
 
tabla-de-organelos-celulares-de-celulas-eucariotas-y-procariotas.docx
tabla-de-organelos-celulares-de-celulas-eucariotas-y-procariotas.docxtabla-de-organelos-celulares-de-celulas-eucariotas-y-procariotas.docx
tabla-de-organelos-celulares-de-celulas-eucariotas-y-procariotas.docx
 

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.