El documento presenta los fundamentos y elementos del diseño gráfico. Define conceptos como balance, contraste, énfasis, ritmo y unidad como fundamentos del diseño. También describe elementos visuales como línea, forma, color, textura y espacio. Finalmente, explica conceptos de tipografía como anatomía, clasificación y métrica.
1. Principios y Elementos
El diseño no es el producto o el mensaje, sino el
proceso mediante el cual traducimos un propósito
en un producto o mensaje.
Transmitir las ideas esenciales de forma clara y
directa, usando para ello diferentes elementos
gráficos que den forma al mensaje y lo hagan
fácilmente entendible.
2. Objetivo
• Definir los conceptos de fundamentos elementos y tipografia
• Definir los fundamentos y elementos del diseño
• Utilizar los fundamentos y elementos de manera correcta en
presentaciones audivisuales y o documentos impresos
• Identificar los fundamentos y elementos que componente una
presentación u otro trabajo artístico
• Identificar una comunicación visual efectiva utilizando los
fundamentos y elementos del diseño
3. Fundamentos
• Balance
• Contraste
• Énfasis
• Ritmo
• Unidad
Tipografía
• Anatomía
• Clasificación
• Métrica
Elementos
• Línea
• Forma
• Textura
• Espacio
• Tamaño
• Tonalidad
• Color
Contenido
4. Fundamentos
Los fundamentos del diseño determinan la posición de la
tipografía y las imágenes en la pagina. Afectan la relación de los
varios elementos que la componen y sobretodo alteran el
mensaje. Cada fundamento tiene un objetivo definido y ayuda en
el proceso de comunicación.
Los fundamentos son:
• Balance
• Contraste
• Ritmo
• Unidad
5. • La fuerza detrás del balance es la gravedad.
• Balance simétrico o asimétrico.
Fundamentos
Balance
7. 7
Balance asimétrico
Ocurre cuando el peso de la composición no está perfectamente
distribuido alrededor de un eje central, el balance asimétrico crea una
mayor tensión visual y por ende mucho más divertida y llamativa que el
balance simétrico.
8. • Crea una mascara diferencia entre los elementos de una
página dándole mayor importancia a unos y restándole
importancia a otros.
• Se puede lograr contrastando tamaño color, tipografía y
textura.
Contraste
10. • Un elemento tiene énfasis cuando sobresale de entre otros
elementos. Se le da énfasis al elemento mas importante ya
que lleva el mensaje a la audiencia de forma mas efectiva. Se
debe usar con discernimiento y sutileza.
• Se debe decidir si se desea poner énfasis en la ilustración, el
encabezado, el logotipo o el texto
Énfasis
11. • Se usa para lograr movimiento y es una progresión visual de
elementos que se repiten en un patrón determinado.
• El ritmo es creado mediante el cuidadoso acomodo de
elementos que se repiten en el trabajo de manera que formen
un “latido” o tempo visual.
• Para crear ritmo necesitamos.
• Repetición de los elementos en forma consistente y la
variación es el cambio en la repetición ya sea por el tamaño, la
posición o la forma
• .
Ritmo
13. • Se refiere a que los elementos que se usan tienen un sentido
de pertenencia y que por ende van juntos.
• La organización de los elementos y la relación entre ellos debe
ser muy clara.
• Para darle unidad a una página se pueden agrupar elementos
que se relacionen, que se repitan o que se complementen. El
uso del sistema de cuadricula ayuda a unir los elementos
visualmente.
• Toda publicidad creativa tiene un diseño unificado. El afiche
debe concebirse como unidad, y la totalidad de sus partes
(texto, arte, encabezado, logotipo, etc.) se deben relacionar
entre sí con el fin de producir un efecto general y unificado.
Unidad
15. • Los elementos son la base de toda composición y podemos
apreciarlos en muchas de las cosas que usamos
cotidianamente. Cada elemento se puede usar
individualmente o combinado con otro para crear diseños
interesantes. Es importante determinar cuales elementos son
importantes y funcionales y cuales no aplican a un diseño en
particular.
Elementos
17. • Es la unidad mínima de comunicación visual, el elemento
gráfico fundamental y por tanto el más importante y puede
intensificar su valor por medio del color, el tamaño y la
posición en el plano. No es necesario que el punto esté
representado gráficamente para tomar fuerza, ya que en
cualquier figura su centro geométrico puede constituir el
centro de atención.
18. • Tiene un gran poder de atracción cuando se encuentra solo.
• Puede producir sensación de tensión cuando se añade otro
punto y construyen un vector direccional.
• Da lugar a la creación de otros conceptos como el color
cuando aparecen varios puntos en el mismo campo visual.
19. Definido por: color, dimensión y dinamismo.
Cuando vemos varios puntos dentro de una
determinada composición, por el principio de
agrupación, podemos
construir formas, contornos, tono o color
21. • Sirve para conectar dos puntos en el espacio. Podemos
definirla como la unión o aproximación de varios puntos.
Casi siempre genera dinamismo y definen
direccionalmente la composición en la que la insertemos.
• Su presencia crea tensión en el espacio donde la
ubiquemos y afecta a los diferentes elementos que
conviven con ella. Puede definirse también como un
punto en movimiento o como la historia del movimiento
de un punto, por lo cual tiene una enorme energía,
nunca es estática y es el elemento visual básico del
boceto.
22. • Contiene gran expresividad
gráfica y mucha energía.
• Casi siempre expresa
dinamismo, movimiento y
dirección.
• Crea tensión en el espacio
gráfico en que se
encuentra.
• Crea separación de
espacios en el grafismo.
• La repetición de líneas
próximas genera planos y
texturas.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32. Composición, dinamismo y direccionamiento.
Crear diferentes planos, niveles y volúmenes.
Múltiples significados
Distintas formas de expresión
Otros significados: acción, dirección, movimiento, estabilidad...
dependiendo de: grosor o valor
34. Forma
• La forma de una zona o contorno va a permitirnos
reconocerlas como representaciones de objetos reales o
imaginarios.
• Es cualquier figura geométrica que se genera con el uso
de la línea o el color.
• Las formas pueden comunicar ideas.
Existen 3 formas diferentes:
• Geométrica
• Natural
• Abstracta
38. Es una figura continuamente curvada cuyo
perímetro equidista en todos sus puntos del
centro. Representa tanto el área que abarca, como
el movimiento de rotación que lo produce. Este
contorno tiene un gran valor simbólico
especialmente su centro. Y puede tener diferentes
significaciones: protección, in estabilidad,
totalidad, in finitud, calidez, cerrado. Su
direccionalidad es la curva y su proyección
tridimensional la esfera. Las modificaciones son el
óvalo y el ovoide.
39.
40. • Es una figura de cuatro lados con ángulos rectos exactamente
iguales en sus esquinas y lados que tienen exactamente la misma
longitud. Es una figura estable y de carácter permanente (aun
cuando se modifica alargando o acortando sus lados). Se asocia a
ideas de estabilidad, permanencia, torpeza, honestidad, rectitud,
es mero y equilibrio. Su direccionalidad es la vertical y horizontal y
su proyección tridimensional, el cubo en el caso del cuadrado y el
paralelepípedo en el caso del rectángulo.
41.
42. • Equilátero es una figura de tres lados cuyos ángulos y lados son
todos iguales. Es también una figura estable, con tres puntos de
apoyo, uno en cada vértice, aunque no tan estático como el
cuadrado. Su direccionalidad es la diagonal y su proyección
tridimensional e l tetraedro. Puede tener un fuerte sentido de
verticalidad siempre que lo representemos por la base. Se le
asocian significados de acción, conflicto y tensión.
45. Elementos básicos del diseñador (resumen)
1. Elementos conceptuales. Presentes en el diseño pero no visibles
• Plano
• Tiene largo y ancho
• Tiene posición y dirección
• Limitado por líneas
• Volumen
• Recorrido de un plano en movimiento
• Posición en el espacio
• Imitado por planos
• En un diseño bi-demensional el volumen es ilusiorio
46. 2. Elementos Visuales
Forma
Figura en el papel: forma por líneas visibles, largo, ancho, color textura. Los
elementos visuales son:
Tamaño. Todas las formas tienen un tamaño
Textura. Tiene que ver con el tipo de superficie resultante de la utilización del material.
La textura le da tridimensionalidad al diseño. Puede producir efectos emocionales ya que
visualmente se relaciona la textura directamente con el sentido del tacto. Existen 2 tipos
de texturas: táctiles y visuales. Se puede crear texturas visuales repitiendo patrones,
alternando patrones o repitiendo formas geométricas.
47. 3. Elementos de Relación. Se refiere a la ubicación y a la interrelación de
las formas en un diseño.
Dirección. La dirección de una forma depende de como esta relacionada con
el observador, con el marco que la contiene o con otras formas cercanas.
Posición. La posición de una forma depende del elemento o estructura que
la contenga
Espacio. Todas las formas por mas pequeñas que sean ocupan un espacio, el
espacio así mismo puede ser visible o ilusorio (para dar una sensación de
profundidad) el espacio en blanco es esencial ya que le permite un descanso
al ojo mientras recorre la página. Su propósito es organizar coherentemente
las formas y las relaciones espaciales entre ellas creando puntos de enfoque
e interés.
Gravedad. El efecto de gravedad no solamente es visual, sino que también
psicológica. Podemos atribuir estabilidad o inestabilidad a una forma o a un
grupo de ellas
48. Color
• Es la herramientas más eficaz y poderosa para comunica ideas en forma
simbólica. El color habla sobre la pieza y su carácter emotivo. La
combinación correcta de colores determina la funcionalidad del trabajo. El
uso eficiente del color se logra conociendo la teoría y aplicándola de
manera consciente a cada elemento que integra el diseño.
Tonalidad son las variaciones desde lo mas claro hasta lo mas oscuro
en un solo color.
La tonalidad se ve afectada por los colores adyacentes. Dependiendo
del tono de los colores se establece mayor o menor contraste.
49. Teoría del color
• Aditivo: RGB Añade luz roja, verde y azul para crear la gama
de colores en monitores.
• Substractivo: CMYK Al añadir pigmentos de tintas cyan,
magenta, amarillo y negro se crean colores que se imprimen.
La mezcla de los 4 colores en su totalidad forman el negro o la
ausencia de color.
Propiedades del color
• Matiz (Hue)
• Saturación o Intensidad
• Valor o Brillo (Value)
50. • Grupos de Colores
• Tomando como base la rueda de colores podemos definir los
siguientes grupos:
• Acromáticos, cromáticos, monocromáticos, complementarios,
complementarios cercanos, dobles complementarios, tríadas
complementarios, gamas múltiples
52. • El estudio de la forma de la letra, su origen, anatomía,
clasificación y medición. Su comprensión es fundamental para
el diseño gráfico ya que el uso correcto de la tipografía y su
capacidad expresiva mas allá del significado fonético literal de
la letra logra comunicar mensajes específicos, directos y
emotivos.
• Anatomía de la letra
• Clasificación
• Medición
Tipografía
53. • Tamaño
• En diseño el tamaño tiene una función especifica: Crear una
distinción y jerarquía entre los elementos existentes en la
página. Para que un diseño sea funcional, organizado,
elegante y efectivo es necesario trabajar con la proporción
entre elementos.
• Además el tamaño nos permite crear relaciones espaciales
entre elementos creando la sensación de tridimensionalidad.
54. • Anatomía de la letra
• Las partes de la letra tienen su nombre especifico de acuerdo
a su función.
55. • Clasificación tipográfica
• Existen varias clasificaciones de acuerdo al período histórico
de su creación:
Tipos Uso
Clásicas o antiguas documentos formales y serios
Transicionales documentos semi-formales
Egipcias o slab serifs grandes titulares
Modernas documentos informales,
nuevos y hasta jocosos
San serifs mucho texto pequeño y debe
ser legible
56. • Medición
• Las medidas usadas para definir tamaño de la letra espacio
entre letras y palabras, espacio entre líneas y largo de los
bloques de texto.