Manual Fundamentos del Diseño

Manual de Orientacion Fundamentos del Diseño

22/10/2021

17/12/2021

Oswaldo Villegas Ramirez 460298343 Universidad del Valle de Mexico

Esto es un párrafo listo para contener creatividad, experiencias e historias geniales.

Siguiente

Introducción

En este manual encontraras todo lo ralacionado con lo basico del diseño, de una forma clara y consisad, ya sea para conocer los elementos basicos del diseño, conocimento basico del color o reticulas de compsicion, todos estos temas en este archivo explicados de manera sensilla y con ejemplos visuales que te ayudaran a entender mejor los temas.

Volver

Siguiente

Indice

Manual Fundamentos Del Diseño

Unidad 1

Unidad 2

7 8 9 10 11 12 13 14 15 16 17

-Punto -Línea -plano -Cualidades de la forma -Dirección -Tono -Color -Textura -Escala -Dimensión y volumen -Movimiento

-Retículas de composición -Simétricas -Asimétricas -Conocimientos básicos de los sistemas de color -Fundamentos de la composición visual -Percepción y comunicación visual -Positivo y negativo -Equilibrio y tensión

19 28 29 30 31 32 33 34

Volver

Siguiente

Continuación Índice

Unidad 3

36 37 40 43 44 47

-Eje -Jerarquía -Ritmo / Repeticíon -Conclucion -Referencias -Gracias

Volver

Siguiente

Objetivo

El Objetivo principal que este manual busca es en ayudar a las perosnas interesadas en conocer mas sobre lo basico del diseño grafico de una manera sencilla y facil de entender, todo esto en un solo archivo bien organizado y con toda la informacion.

Volver

Siguiente

Unidad 1 Elementos basicos del diseño

Cualidades de la forma

plano

Linea

Punto

Dirección

Tono

Color

Textura

Dimensión y volumen

Escala

Movimiento

Unidad 2

Volver

Punto

Es el elemento gráfico básico y conforma la unidad mínima de la comunicación visual. Es de vital importancia y puede verse intensificado por medio del color, el tamaño y su posición en el plano. Por el principio de agrupación es posible construir formas, contornos, tonos o colores.

Las principales características del punto son: 1. Cuando se encuentra solo en el plano tiene una gran poder de atracción. 2. Si se añade otro punto en el mismo plano, produce una sensación de tensión. 3. Da lugar a la conformación de otros conceptos como el color, cuando aparecen varios puntos en el mismo campo visual.

Volver

Linea

Se encuentra formada por una serie de puntos unidos entre sí, sucesivamente, asimilando la trayectoria de la misma, seguida por un punto en movimiento, por lo que tiene mucha energía y dinamismo.

Las líneas se pueden utilizar de muchas maneras y según su disposición: -Ayudan a organizar la información. -Pueden dirigir el ojo de sus lectores en cuanto a la organización de la disposición.

Volver

plano

Las formas básicas del diseño pueden estar construidas por una superficie (el plano), distinguimos tres formas fundamentales: el círculo, el cuadrado y el triángulo. Cada uno posee un carácter específico, un significado y unas propiedades:

El círculo representa el plano, la circunferencia su contorno. Nos sugiere: movimiento, rotación, a la vez es estático, centro de atención, infinito, inestabilidad. El cuadrado es una figura de cuatro lados con ángulos rectos (90º). Es una forma estable. Se asocia a la estabilidad, rectitud, honestidad, equilibrio. El triángulo equilátero es una figura de tres lados cuyos ángulos y lados son todos iguales. Es también una figura estable pero no tanto como el cuadrado. Puede tener un sentido de verticalidad siempre que lo representemos por la base. Sugiere acción, tensión y conflicto.

Volver

Cualidades de la forma

La forma se refiere a la disposición geométrica que te permite crear representaciones de objetos. Un círculo, un cuadrado, un triángulo, un rectángulo y un polígono son formas básicas de composición.

Volver

Direcció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

Volver

Tono

Es la cantidad de luz y de sombra que se aplica en la composición para dar sensación de volumen, perspectiva, peso visual, textura, etc. Se le conoce también como escala de grises o claroscuro.

Volver

Color

El color es un elemento fundamental en todo proyecto de diseño gráfico. Por un lado, contribuye al enriquecimiento de la expresividad del resto de elementos, y por otro, tiene la capacidad de atraer la atención del observador, así como de comunicar y expresar diferentes ideas, sensaciones y emociones.

La importancia del color en el diseño no es decorativa, la elección del color crea un ambiente dentro de la pieza y cuenta una historia

Volver

Textura

La textura. Aporta al diseño una mirada, una sensación, o una superficie.

Diariamente encontramos gran variedad de texturas por todo el entorno que nos rodea. La textura ayuda a crear un humor particular para una disposición o para otras en formas individuales.

Volver

Escala

La escala de los diferentes elementos de un diseño ejerce un gran impacto en la forma en que el público ve y encuentra sentido a una composición.

Al jugar con el tamaño relativo de los diferentes componentes de un diseño, se puede definir un punto de foco, resaltar áreas importantes y, en última instancia, guiar la mirada de los espectadores en el recorrido de la obra.

Volver

Dimensión y volumen

el volumen es ilusorio y se representa a través de la isometría o la perspectiva, auxiliándose del claroscuro.

Puede fragmentar y descomponer el espacio bidimensional a través de técnicas de dibujo que hacen ver la apariencia de una tercera dimensión

Volver

MOVIMIENTO

Estado de los objetos mientras cambian de lugar o de posición. En las composiciones bidimensionales el movimiento es emulado a través de la ilusión óptica. También se conoce como dinamismo.

controlar los elementos en un diseño para que el ojo se mueva crando una ilusicon optica

Volver

Unidad 2 Composición Visual y Grafica

Conocimientos básicos de los sistemas de color

Retículas de composición

Simétricas

Asimétricas

Fundamentos de la composición visual

Percepción y comunicación visual

Positivo y negativo

Equilibrio y tensión

Unidad 3

Volver

Retículas de composición

La retícula, por regla general, impone un orden y predeterminan las relaciones internas de las formas en un diseño.

consiste en una guía en los elementos del diseño, con la finalidad de conseguir, un orden y estética.

Volver

Siguiente

Formal

Informal

se compone de líneas estructurales que aparecen construidas de manera rígida, matemáticamente.

es habitualmente bastante regular, pero existe una ligera irregularidad.

Volver

Siguiente

cambio de proporcion

Modular

Los módulos a su vez pueden funcionar de forma agrupada, formando zonas de espacios visuales en conjunto.

Volver

Siguiente

Cambio de direccion

Deslizamiento

Volver

Siguiente

Reflexión

Curvatura o Quebramiento

Volver

Siguiente

División Interior

Combinación

Volver

Siguiente

Retícula Hexagonal

Reticula Triangular

Volver

Siguiente

Reticula Radiación

Estructura centrifuga

Se componen de dos factores: Centro de radiación que marca el punto focal, en cuyo derredor se sitúan los módulos.​ Dirección de radiación, que es tanto la dirección de las líneas estructurales como la dirección de los módulos.

Se encuentras divididas en tres clases:

Volver

Siguiente

Estructura Concéntrica

Estructura Centrípeta

Volver

Simétricas

El equilibrio simétrico se obtiene a través del equilibrio del peso visual, el cual se compensa de un lado y del otro en una composición visual. Cada objeto y elemento en el diseño alcanza la simetría cuando se divide una composición en dos partes iguales y logramos encontrar igualdad de peso en ambos lados y ningún elemento que sobresale más que el resto en importancia y peso.

El todo caso, la simetría representa una más de las posibilidades del diseño y permite brindar imágenes sólidas, formales y con el sentido de orden

Volver

Asimétricas

asimétrico está típicamente descentrado o se crea con un número impar o desigual de elementos dispares. Un diseño asimétrico no está desequilibrado, sólo que no crea mitades de página claramente divididas o idénticas.

Volver

Conocimientos básicos de los sistemas de color

La principal misión del color es llamar la atención; o sea, primero atraer al público y después conservar su atención si lo que le trajo tiene significado o interés para el espectador. usan el color en forma controlada para crear condiciones visuales de unificación, diferenciación, secuencia y carácter.

su función práctica, el color distingue, identifica y designa en un rango de estatus; en su función simbólica, puede reflejar, por ejemplo, amor, peligro, paz, verdad, pureza, maldad o muerte; finalmente, dentro de la función señalética es aplicado tanto a señales informativas, como prohibitivas o de advertencia.

Volver

Fundamentos de la composición visual

La composición visual se refiere al orden de los elementos que conforman una obra de arte con el fin de expresar ideas y sentimientos.

La forma, selección y la colocación de los elementos pretenden lograr el equilibrio y armonía del conjunto de los elementos que la conforman, e incidir de forma directa y positiva en el espectador.

Volver

Percepción y comunicación visual

La comunicación visual es una práctica que se encarga de utilizar los elementos visuales para expresar un mensaje, inspirar cambios o evocar emociones. Una parte de esto incluye el diseño de comunicación, que consiste en escribir un mensaje que eduque, motive y llame la atención. Y otra parte que es el diseño gráfico, el cual utiliza los principios del diseño para comunicar ese mensaje de forma clara y llamativa.

La percepción visual es la interpretación o discriminación de los estímulos externos visuales. Es la capacidad de interpretar la información y el entorno de los efectos de la luz visible

Volver

Positivo y negativo

Cuando se perciben las formas negativas y positivas, el ocupante que invade un espacio es negativo y viceversa, En el diseño el negro es positivo y el blanco es negativo.

Espacio positivo, es el que rodea a un espacio negativo, y el espacio negativo, el que rodea un signo positivo, la relación figura fondo es ambivalente: en ciertos momentos encontramos formas positivas y espacio negativos, en otros encontramos formas negativas y espacios positivos

Volver

Equilibrio y tensión

En toda obra debe haber un nexo que proporciona unidad, este puede ser el color, la textura, la luz… El ojo busca instintivamente el equilibrio y al observar una imagen el espectador considerará los puntos individuales como una misma entidad, sobre todo si existe entre ellos dicho nexo.

La tensión en fotografía es un concepto difícil de definir. A menudo se coloca como oposición del equilibrio, pero lo interesante de la tensión y lo que nos llama tanto la atención es que no rompe el equilibrio de la composición. Una ubicación de los elementos de una forma aparentemente incoherente, líneas que nos llevan de un lado al otro de la fotografía, objetos que se acercan peligrosamente al borde del marco

Volver

Unidad 3 Principios Ordenadores

Jerarquía

Eje

Ritmo / Repeticíon

Gracias

Referencias

Conclusión

Volver

Eje de simetría

Al trazar los ejes de simetria, podemos observar que todos ellos concurren en el punto central. Si trazamos una circunferencia que tenga como cento este punto veremos que todos los radios dibujados son ejes de simetria de la figura dada.

Volver

Jerarquía

El elemento dominante se encuentra apoyado y complementado por otros elementos en condición de subordinación.

Elementos gráficos que establecen jerarquías en los diseños El color, el tamaño, la posición o las formas son algunos de los elementos gráficos que permiten jerarquizar el contenido en los diseños

Volver

Siguiente

Jerarquía por orden de lectura.

Jerarquía por tamaño.

El orden de lectura está dado por la manera en que culturalmente nos enfrentamos al texto

El tamaño de un elemento propicia enfocar la atención.

Volver

Siguiente

Jerarquía por ubicación.

También se da jerarquía a un elemento dándole una posición privilegiada dentro de la composición, esto permite su diferenciación y rápida visualización.

Jerarquía por color.

La diferencia de color de un elemento con respecto a los demás de la composición es una forma de dar importancia y atraer la atención.

Volver

Ritmo / Repeticíon

El ritmo puede crear una sensación de movimiento, y pueden establecer patrones y texturas.

Se refiere a la repetición de uno o mas elementos en la composición de un diseño, esto con el fin de obtener cierta secuencia que pude llegar a ser predicha , una cualidad del ritmo es que permite espacios entre cada elemento que lo conforma llamados Intervalos.

Volver

Siguiente

Ritmo lineal o regular:

Ritmo alterno:

a diferencia del ritmo “regular”, el ritmo por alternabilidad consiste en la repetición de elementos distintos en el mismo orden, de manera que se forme un contraste ordenado y reiterado.

se produce cuando los elementos son similares o iguale en forma, tamaño, color y distancia entre ellos. El es ritmo más fácil a identificar y se suele utilizar en ámbito gráfico para crear el sentido de repetición.

Volver

Siguiente

Ritmo progresivo:

se representa con una disminución o ampliación progresiva y regular de un elemento, de su tamaño, de su orientación o de su color. Tiene un sentido dinámico, que se obtiene a través de una progresión de etapas y de formas.

Volver

Conclucion

Con esta acividad me calro todo l visto en las difentes unidades durante el sementres, las cuales fueron muy interesantes y hasta divertidas ya que algunas no hubiera imaginado que se utilizaban para el diseño, tambien creo que esta acitvidad es muy util ya que tenemos toda la informacion vista en un semestra a la mano de una manera que es facil de entender y bien organizada lo cual facilitaria mucho al momento de estudiar o simplemente dear un repazo, aparte de eso creo que fue una acitvidad muy completa ya que en esta explotamnos nuesto potencial para crear un manual que sea agradable a la vista y que no sea tedioso llenandolo de mucho texto.

Volver

Castillo., S. (2016, 12 diciembre). El punto, la línea y el plano, elementos básicos del diseño. idearte2. Recuperado 20 de octubre de 2021, de https://idearte2.wordpress.com/2016/12/12/el-punto-la-linea-y-el-plano-elementos-basicos-del-diseno/ !!!!Elementos básicos de diseño. (s. f.). Espacio de Formación Múltiple. Recuperado 20 de octubre de 2021, de http://metabase.uaem.mx/bitstream/handle/123456789/567/10_elementos_basicos_de_disen_o.pdf?sequence=1&isAllowed=y Fuentes, C. R. (2020, 19 febrero). 10 elementos básicos del diseño. Paredro.Com. Recuperado 20 de octubre de 2021, de https://www.paredro.com/elementos-basicos-del-diseno/ Attention Required! | Cloudflare. (s. f.). Canva. Recuperado 20 de octubre de 2021, de https://www.canva.com/es_mx/aprende/elementos-y-principios-diseno-tips-e-inspiracion/ D., & Perfil, V. T. M. (s. f.). ELEMENTOS CONCEPTUALES. Blogger. Recuperado 20 de octubre de 2021, de https://dgchavez.blogspot.com/p/elementos-conceptuales.html Attention Required! | Cloudflare. (s. f.-b). Canva. Recuperado 21 de octubre de 2021, de https://www.canva.com/es_mx/aprende/elementos-y-principios-diseno-tips-e-inspiracion/ G. (2015, 23 noviembre). Características y Retos del Estudiante en Línea. Marketing ideas. Recuperado 23 de septiembre de 2021, de https://rogels.wordpress.com/2015/10/22/caracteristicas-y-retos-del-estudiante-en-linea/

Volver

Siguiente

Pardo, S. (2021, 18 agosto). Los 7 elementos esenciales del diseño gráfico que tu marca necesita. https://www.crehana.com. Recuperado 21 de octubre de 2021, de https://www.crehana.com/mx/blog/diseno-grafico/elementos-del-diseno/ Esteo, A. A. P. (2019, 11 abril). Fundamentos del diseño, elementos básicos. LC3 | Estudio de diseño gráfico que cree en la cultura del software libre y el creative commons. Recuperado 21 de octubre de 2021, de http://www.lucycons3.eu/fundamentos-del-diseno-elementos-basicos/ Murillo, C. (2020, 30 octubre). Los elementos del diseño gráfico que debes conocer. Harphy Murx. Recuperado 21 de octubre de 2021, de https://harphymurx.com/elementos-del-diseno-grafico/ Durán, A. R. (2015b, octubre 13). La importancia de la simetría en el diseño. Paredro.Com. Recuperado 22 de octubre de 2021, de https://www.paredro.com/la-importancia-de-la-simetria-en-el-diseno/ Asimetría | Glosario gráfico. (s. f.-b). Glosario Grafico. Recuperado 22 de octubre de 2021, de http://www.glosariografico.com/asimetria Gráfica, A. A. (2021, 22 octubre). COLOR: Uso y aplicación en el Diseño Gráfico. blogger. Recuperado 22 de octubre de 2021, de https://comunicacion-grafica-cb.blogspot.com/2011/09/color-uso-y-aplicacion-en-el-diseno.html Equipo editorial, Etecé. (2021, 6 agosto). Comunicación Visual - Concepto, elementos y ejemplos. Concepto. Recuperado 22 de octubre de 2021, de https://concepto.de/comunicacion-visual/

Volver

Siguiente

Carrillo, A. (2021, 22 octubre). Positivo Negativo! blogger. Recuperado 22 de octubre de 2021, de https://arleycarrillodiseno.blogspot.com/2012/02/positivo-negativo.html B., & B. (s. f.). Peso visual, equilibrio y tensión | DiseFoto Blog. DFblog. Recuperado 22 de octubre de 2021, de http://blog.disefoto.es/wordpress/peso-visual-equilibrio-y-tension/

Volver

¡Gracias!

Esto es un párrafo listo para contener creatividad, experiencias e historias geniales.

Volver