Please enable JavaScript.
Coggle requires JavaScript to display documents.
3. Principios del Diseño Gráfico (4. El color en el diseño (Impresión de…
3. Principios del Diseño Gráfico
1. Principios de la Gestalt
Principios del proceso perceptivo
80% de los actos que realizamos son respuestas a procesos mentales provenientes del subconsciente
Accidentes
Riesgos
Procesa información a través de los sentidos
Se clasifican y establecen conexiones neuronales
Reaccionar sin necesidad de analizar de forma consciente
Principio de emergencia
Se emerge una percepción global
Logotipos
Principio de cosificación
Construir nuevas formas a partir de una experiencia visual
Principio de multiestabilidad
Dos interpretaciones alternativas en la percepción ambigua de un objeto.
Principio de invariancia
Reconocer por la percepción objetos geométrico aunque cambie la escala, color o iluminación
buenos diseñadores gráficos deben
Aprender los principios del diseño gráfico
identificar problemas cuando no se este usando los principios
Aplicar los principios
Fondo y Figura
Figura: centramos la atención Fondo: se queda en segundo plano
Deben formar una unidad
Alterar la composición para que exprese varias ideas que expresen emociones
Recurso usado con frecuencia
juega con la ambigüedad y construye a partir de experiencia
2.Leyes de la visión de la Gestalt
Estímulos visuales
Semejanza
Repetición
muy importante
da fuerza a la composición, guía la mirada, vincula todas las piezas
herramientas
encabezado
pie de página
símbolos y logo
tipos de letra
texto en general
Llama la atención
conseguirlo
Estilos de Software (Scribus, InDesing..)
mejorar diseño y claridad de la información
Evitar
exceso
misma estructura
recursos más utilizados
estándar gráfico
Cierre y clausura
Tiende a completarse la información para conformar un objeto percibido
Logotipos
Agrupamiento
Proximidad
establecer una relación por cercanía
información organizada es más probable que sea leída y se recordará mejor
Recursos usado: espacios en blanco
como conseguirlo
Entornar los ojos sin llegar a cerrarlos
Agrupar los elementos visuales
Evitar
poner objetos en las esquinas o en el centro
Alineación
aspecto limpio, fresco y sofisticado
los elementos deben tener conexiones visuales entre ellos.
como conseguirlo
alineando
evitar
centrar la alineación por defecto
Continuidad
patrón visual
se percibe aunque el elemento este interrumpido
Pregnancia
elementos homogéneos, simétricos, de mayor simplicidad
Experiencia
experiencia previa del sujeto
educación, cultura y contexto
Movimiento común
construye un patrón en la misma dirección
conjunto se mueve se percibe como figura
3. Contraste, jerarquía y equilibrio
Jerarquía
elemento ornamental, dando fuerza al diseño y haciendo memorable el mensaje
Equilibrio
simétrico
si trazamos un eje en el centro de la composición vemos que cada parte tiene el mismo peso
asimétrico
combinando tamaños creamos diseños asimétricos y al mismo tiempo simétricos
Contraste
atracción más importante
contenidos más revelantes
objetivos
crear interés en la página
organizar la información, facilitando la comprensión y el flujo de un elemento a otro
conseguirlo
fuentes, grosor, colores, formas, espacios y tamaños de letra
evitar
colores muy próximos
tipografías similares
4. El color en el diseño
mejora la percepción e implementamos las leyes
colores primarios rojo, amarillo y azul
colores secundarios naranja, verde y violeta
colores terciarios se consiguen mezclando los colores secundarios
combinaciones se representan en el circulo cromatico
colores
fríos
tonos azules
suelen alejarse hacia el fondo
cálidos
colores rojos, naranjas y amarillos
resaltan
se utilizan ambas para hacer contraste
como elegirlos
color dominante
principal de la composición
llama la atención
Color subordinado
más débil
complementa o da contraste al principal
color de énfasis
focalizar la atención sobre un detalle visual
Impresión de color
CMYK
Se utiliza para impresión
RGB
es la ama que se utiliza en los monitores y por tanto en la web
Circulo cromático
combinación de colores
colores complementarios es el que esta en frente
contraste que da fuerza y viveza al diseño
Circulo analogos
resultados naturales y armonisos
triadas
composición de 3 colores equidistantes en el circulo cromático
triangulo equilatero
Dobles complementarios
dos colores y su complementario
Atributos del color
matices añadiendo al color blanco o negro dando intensidad, luz o tonalidades
Tono: hacer un tono secundario o terciario pero con un tono mas predominante
Luminosidad: blanco mas luz, negro mas oscuridad
Saturación o intensidad: color puro, si añadimos tonalidades blancos o negros se pierde pureza y el color será grisáceo
Uso del color mejora percepción
Psicología del color
colores calidos
asociado al sol y al fuego
rojos, naranjas y amarillos
asocia pasión, acción o alegría
sensación felicidad, alegría, dinamismo, placer..
colores fríos
asocia calma, confianza o espiritualidad
sensación de serenidad, seguridad o melancolía
azules, violetas o verdes asociados al agua
en la publicidad
amarillo: alegría, se usa para llamar la atención
naranja: enérgico y alegre, conecta con la juventud
blanco: seguridad, pureza y limpieza. simplicidad
Rojo: muy atrayente, impulsa a la acción, capta la atención y ejerce un gran impacto emocional,
Azul: Relajanate, representa lealtad y confianza
Verde: más relajante, asocia natural y ecología, representa crecimiento y frescura
Rosa: Sentimientos positivos y románticos, productos para mujeres jóvenes o niñas
Negro: Elegancia, formalidad y solidez. Lujo asociado al dorado
5.Las imágenes
representación figurativa de una realidad captada a través de los sentidos
Tipos de imágenes
Fotografía
resume el mensaje conectando con más emociones y haciéndolo recordar más tiempo
Llamar la atención, resaltar la figura..
Ilustración
representación artística de la realidad
completar composición
formato tradicional (a mano) o formato digital (Illustrator, CorelDraw, INKscape)
Infografía
Condensa toda la información en una sola imagen
Forma
imagen geométrica que con colores generan discursos gráficos
Contenedores de información
permite explicar conceptos abstractos sin sobrecargar y guiando al lector
el formato final del diseño determinará el tipo de formato
Tipos de formatos
Formato vectorial
permite escalabilidad sin pérdida de calidad
utilizado para logotipos e ilustraciones que deben imprimirse a gran formato
Herramienta BÈZIER, crea curvas a partir de 4 puntos
Mapa de bits
cuadrado de color
la unión de todos los píxeles forma la imagen
cuanto más píxeles mayor resolución
dependiendo del formato de salida se necesita una resolución u otra
impresora: 300 píxeles por pulgada
pantalla de ordenador: resolución de 72 píxeles por pulgada
impresión
Digital: RGB
Impreso: CMYK
6. Software de edición
Retocar y reparar
Trabajar con selecciones
Trabajar con capas
Máscaras
Filtros
Efecto de texto
Retoques de imágenes