Download - 2 fundamentos y elementos del diseño
![Page 1: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/1.jpg)
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.
![Page 2: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/2.jpg)
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
![Page 3: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/3.jpg)
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
![Page 4: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/4.jpg)
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
![Page 5: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/5.jpg)
• La fuerza detrás del balance es la gravedad.
• Balance simétrico o asimétrico.
Fundamentos
Balance
![Page 6: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/6.jpg)
6
Balance simétricoTodas las figuras en un lado se duplican exactamente en el otro ladode la página.
![Page 7: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/7.jpg)
7
Balance asimétricoOcurre 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.
![Page 8: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/8.jpg)
• 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
![Page 9: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/9.jpg)
9
![Page 10: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/10.jpg)
• 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
![Page 11: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/11.jpg)
• 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
![Page 12: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/12.jpg)
12
![Page 13: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/13.jpg)
• 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
![Page 14: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/14.jpg)
14
![Page 15: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/15.jpg)
• 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
![Page 16: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/16.jpg)
Las imágenes
podrían
descomponerse
en unidades de
significación
más pequeñas
en función de
algunos de sus
componentes:
punto, línea...
etc.
![Page 17: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/17.jpg)
• 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.
![Page 18: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/18.jpg)
• 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.
![Page 19: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/19.jpg)
Definido por: color, dimensión y dinamismo.Cuando vemos varios puntos dentro de una determinada composición, por el principio de agrupación, podemosconstruir formas, contornos, tono o color
![Page 20: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/20.jpg)
¡Dentro de un momento el circulo que se mueve se pondra de color verde!
Si continuas mirando la cruz fijamente, en un poco rato desapareceran los circulos de color lila y solo se vera el circulo verde que se traslada por la pantalla...
(Que en realidad es un circulo de color lila)
![Page 21: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/21.jpg)
• 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.
![Page 22: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/22.jpg)
• 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.
![Page 23: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/23.jpg)
![Page 24: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/24.jpg)
![Page 25: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/25.jpg)
![Page 26: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/26.jpg)
![Page 27: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/27.jpg)
![Page 28: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/28.jpg)
![Page 29: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/29.jpg)
![Page 30: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/30.jpg)
![Page 31: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/31.jpg)
![Page 32: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/32.jpg)
Composición, dinamismo y direccionamiento.Crear diferentes planos, niveles y volúmenes.
Múltiples significadosDistintas formas de expresiónOtros significados: acción, dirección, movimiento, estabilidad...dependiendo de: grosor o valor
![Page 33: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/33.jpg)
¡Las lineas rojas siempre estan paralelas entre ellas!
![Page 34: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/34.jpg)
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
![Page 35: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/35.jpg)
![Page 36: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/36.jpg)
Forma plana determinada por líneas de borde Delimitamos y clasificamos las diferentes zonas de nuestra composición.
![Page 37: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/37.jpg)
![Page 38: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/38.jpg)
Es una figura continuamente curvada cuyoperímetro equidista en todos sus puntos delcentro. Representa tanto el área que abarca, comoel movimiento de rotación que lo produce. Estecontorno tiene un gran valor simbólicoespecialmente su centro. Y puede tener diferentessignificaciones: protección, in estabilidad,totalidad, in finitud, calidez, cerrado. Sudireccionalidad es la curva y su proyeccióntridimensional la esfera. Las modificaciones son elóvalo y el ovoide.
![Page 39: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/39.jpg)
![Page 40: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/40.jpg)
• Es una figura de cuatro lados con ángulos rectos exactamenteiguales en sus esquinas y lados que tienen exactamente la mismalongitud. Es una figura estable y de carácter permanente (auncuando se modifica alargando o acortando sus lados). Se asocia aideas de estabilidad, permanencia, torpeza, honestidad, rectitud,es mero y equilibrio. Su direccionalidad es la vertical y horizontal ysu proyección tridimensional, el cubo en el caso del cuadrado y elparalelepípedo en el caso del rectángulo.
![Page 41: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/41.jpg)
![Page 42: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/42.jpg)
• Equilátero es una figura de tres lados cuyos ángulos y lados sontodos iguales. Es también una figura estable, con tres puntos deapoyo, uno en cada vértice, aunque no tan estático como elcuadrado. Su direccionalidad es la diagonal y su proyeccióntridimensional e l tetraedro. Puede tener un fuerte sentido deverticalidad siempre que lo representemos por la base. Se leasocian significados de acción, conflicto y tensión.
![Page 43: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/43.jpg)
![Page 44: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/44.jpg)
Esto desde mi punto de vista es la mejor de las iluciones en un PC.Instrucciones:1. mira por 40 segundos los 4 puntos en el centro del dibujo2. luego mira hacia otro lado y parpadea seguido sin pararbueno ¿y a quien ves en tus ojos?
![Page 45: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/45.jpg)
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
![Page 46: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/46.jpg)
2. Elementos VisualesForma
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.
![Page 47: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/47.jpg)
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
![Page 48: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/48.jpg)
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.
![Page 49: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/49.jpg)
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)
![Page 50: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/50.jpg)
• 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
![Page 51: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/51.jpg)
• Contrastes que funcionan
![Page 52: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/52.jpg)
• 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
![Page 53: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/53.jpg)
• 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.
![Page 54: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/54.jpg)
• Anatomía de la letra
• Las partes de la letra tienen su nombre especifico de acuerdo a su función.
![Page 55: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/55.jpg)
• 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
![Page 56: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/56.jpg)
• 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.
![Page 57: 2 fundamentos y elementos del diseño](https://reader031.vdocumento.com/reader031/viewer/2022030216/5888a3cb1a28ab264b8b65a1/html5/thumbnails/57.jpg)