Documentos de Académico
Documentos de Profesional
Documentos de Cultura
COMUNICACIÓN
•
LA IMPRENTA
NUEVO PROFESIONAL:
REPRODUCÍA: TIPÓGRAFO
TODO TIPO DE OBRAS, CADA VEZ MÁS ELABORADAS.
PRIMEROS
• USABA :
NUEVOS MATERIALES, TINTAS Y TIPOS DE LETRA
DISEÑADORES GRÁFICOS
REVOLUCIÓN INDUSTRIAL
Aparecen
los DISEÑADORES GRÁFICOS
DEL PROGRAMADOR AL
DISEÑADOR WEB
PROGRAMADOR
Interface Usuario
PROGRAMADOR
+
DISEÑADOR CLÁSICO
Interface Grafico Usuario
DISEÑADOR WEB
E LE M E N T O S D E L D IS E Ñ O G R A FIC O
1.Definición
2.Objetivo Principal
• Transmitir una información determinada al destinatario usando
diferentes soportes como folletos, carteles, logos etc.
•
• A través de elementos gráficos damos forma al mensaje para
hacerlo fácilmente entendible.
•
• Las ideas esenciales del mensaje se deben comunicar de una
forma clara, sencilla y directa.
•
•
•
E LE M E N T O S D E L D IS E Ñ O G R A FIC O
3.Grafismo
4.Elementos Gráficos
La información del mensaje se representa por medio de los
elementos gráficos que pueden ser muchos y variados. Los mas
comunes son:
• Simples.
• Geométricos.
• Tipos.
• Gráficos.
• Ilustraciones.
• Fotografías.
• Otros.
E LE M E N T O S D E L D IS E Ñ O G R A FIC O
Simples
Puntos y líneas.
E LE M E N T O S D E L D IS E Ñ O G R A FIC O
Geométricos,
• con o sin contorno
•Polígonos, círculos, triángulos, etc.
•
•
•
•
•
E LE M E N T O S D E L D IS E Ñ O G R A FIC O
Tipos
•
Letras
• de diferentes formas y estructura, utilizadas para presentar
mensajes
• textuales.
•
•
TE
XT
TEXTO
• texto O
• TEXTO
E LE M E N T O S D E L D IS E Ñ O G R A FIC O
•
Gráficos
•
•
Logotipos, iconos, etc.
•
•
•
•
E LE M E N T O S D E L D IS E Ñ O G R A FIC O
•
•
• Ilustraciones
•
•
•
•
E LE M E N T O S D E L D IS E Ñ O G R A FIC O
•
•
Fotografías
•
•
•
•
•
E LE M E N T O S D E L D IS E Ñ O G R A FIC O
6.Conclusion
La unión de los diferentes elementos de un grafismo es una
entidad comunicativa individual y completa, cargada de complejos
elementos humanos asociados con el lenguaje, la experiencia, la
edad, el aprendizaje, la educación y la memoria.
V isu a l In tu itivo
R á p id o C óm odo
Peso de
Internet
Lenguaje Navegad
html orweb
Integració
nenel
entorno
Datos
comunicación
( Mbps , Kbps )
Capacidad
Datos
( Mbps , Kbps )
Peso de
Tipo de
las
web
imágenes
Internet
Lenguaje Navegad
html orweb
imágenes
Integració
n en el
entorno
Mapa de bits
üMinimizar el uso de imágenes cuando no
Naturaleza sea necesario.
Mapa vectorial
.jpg
üUtilizar celdas coloreadas, cambios de
Formato tipografías y otras variantes para
.gif diseñar creativamente.
Peso de
Tipo de
las
web imágenes
Internet
Lenguaje Navegad
html or web
web
Integració
n en el
entorno
Fo rm a : re cta n g u la r
In te rp re ta ció n d e co lo re s
Peso de
Tipo de
las
web
imágenes
Internet
Lenguaje Navegad
html or web
entorno
Integració
nenel
entorno
Internet
Lenguaje Navegad
html or web
Integració
n en el
entorno
Pesode
Internet
Lenguaje Navegador
html web
Integración
en el
entorno
Pasivas
Usuario Interfaz
Activas
Usuario Datos
Interfaz
Diseño web
üCircular
üTriangular
üCuadrada
üSimple mancha sin características geométricas
üHito
üReferencia de posición
üIndicador, centro irradiador.
üConcentrador de tensión.
el cuadrado,
la circunferencia
el triangulo a los que podemos añadir
los contornos mixtos y orgánicos.
0.-Introducción. Generalidades.
Diseño gráfico: Adecuación de distintos elementos
gráficos previamente seleccionados dentro de un
espacio visual.
ASPECTOS
PSICOLÓGICOS / CULTURALES
EQUILIBRIO
SENSACIONES / INFORMACIÓN
Reglas básicas del diseño gráfico
Elementos
mensaje / emisor / destino
Disposición
vacíos-llenos / jerarquía
Reglas básicas del diseño gráfico
•
• Organización jerárquica de elementos
(I):
• Reglas básicas del diseño gráfico
1.-La escala:
Relación entre las proporciones de
los elementos visuales de una composición (tamaño,
color y forma relativa).
•
Reglas básicas del diseño gráfico
1.-La escala:
Diseño web.
•
Reglas básicas del diseño gráfico
• 3.-Agrupaciones
•
– Proximidad
– Semejanza
– Continuidad
– Simetría
•
•
•
Reglas básicas del diseño gráfico
4.-Armonización de bloques
•
– Equilibrio (retícula)
– Romper monotonía
– Alineación
– Unidad y relaciones
–
•
•
•
Reglas básicas del diseño gráfico
visual
•
– Posicionamiento
– Cromatismo/contraste
– Elementos textuales
– Distracción visual
–
•
•
•
EL CONTENIDO TEXTUAL
Las imágenes
Los contenidos textuales.
EL CONTENIDO TEXTUAL
• El cuerpo o tamaño
• El grosor del trazado
• La inclinación de los ejes
• La proporción de los ejes
• La forma del trazado
• etc.
AAAAaA
SERIF Y SANS SERIF
Para los medios digitales se utiliza otra
clasificación de familias: