Principios de Composición y Diseño PDF

Lucia Fornos Principios de Composición y Diseño Jose Luis Eguia Examen: Tipografia Trazos/Rasgos fundamentales son los elementos básicos que construyen la forma principal de una letra. Sin ellos las letras perderán su estructura: ​ Trazos Verticales:...

Lucia Fornos Principios de Composición y Diseño Jose Luis Eguia Examen: Tipografia Trazos/Rasgos fundamentales son los elementos básicos que construyen la forma principal de una letra. Sin ellos las letras perderán su estructura: ​ Trazos Verticales: Son las líneas principales que dan soporte a la letra, como las líneas verticales de la "H" o "I". Trazos Horizontales: Los trazos que cruzan horizontalmente la letra, como el travesaño de la "A" o "H". ​ Trazos Curvos: Las líneas curvas que forman letras redondeadas, como la "O", "C", o el vientre de la "B". Arcos o vértices: Curvas que conectan trazos en letras como la “m” y la “n”. ​ Brazos: Trazos que se proyectan desde el tallo principal y no se conectan en ambos extremos, como en la "E" o la "T". ​ Colas: Trazos decorativos que se extienden desde el cuerpo de la letra, como en la "Q" o en la parte inferior de la "y". Trazos/Rasgos terminales son los detalles que marcan el final de los trazos y a menudo determinan el estilo o el carácter de una tipografía: ​ Serifas: Remates en los extremos de los trazos. Serifas cuadradas: Tienen formas rectangulares (Times new roman) Serifas cóncavas: Tienen una curva suave (Garamond) Serifas de cuña: Tienen forma triangular (Clarendon) ​ Terminales de Línea: Se refiere al acabado de los trazos en tipografías sin serifas Terminales redondeados: Tienen una forma curva y suave (Helvetica) Terminales rectos: Acaban de forma cortada y recta (Arial) ​ Orejas: Pequeñas extensiones que se proyectan desde algunas letras, como en la "g" o "r" en ciertos estilos tipográficos. Tipos de tipografía: ​ -Sin serifa ​ -Goticos ​ -Egipcias: Terminaciones y serifas grandes ​ -Romanos modernos: tan contrastado que se pierden los trazos(lindor)(Bodoni) ​ -Romanos antiguos: con serifas pero no demasiado contrastadas (Times New Roman) ​ -Escrituras ​ -Fantasia ​ -Cancillerescos  Lucia Fornos Los caracteres tienen componentes: -Caja alta(mayúsculas) y caja baja(minúsculas) -La x define el tamaño estándar de la letra, lo que hay por encima define la asta ascendente, y por debajo la asta descendente. -Ojo de la letra es el espacio interior cerrado o parcialmente cerrado de ciertos caracteres tipográficos. Es el área que queda rodeada por los trazos de la letra. Como las "a", "e", "o", "b", y "d" completamente cerradas, o las “c” y “s” que tienen un ojo parcialmente cerrado. -El tamaño de la tipografía se llama puntos, y con ellos se determina el cuerpo. En dos tipografías con el mismo cuerpo puede haber una variación. -Modulación es el eje imaginario en un carácter, eje sugerido por la posición de los trazos finos y los gruesos. Tenemos la modulación vertical y la oblicua. IMPORTANTE ROMANA ANTIGUA VS MODERNA: La segunda se ve mejor, gracias al poco espacio, ya que parece un bloque y no se rompe.  Lucia Fornos Signo Leyes relacionadas con la percepción/gestalt 1-Ley de Figura-Fondo Figura: es un elemento que existe en un espacio o “campo” destacándose sobre otros elementos. Fondo: Es la parte del campo que contiene elementos que no son centro de atención. El fondo sostiene y enmarca a la figura y por su contraste menor tiende a no ser percibido o a ser omitido. 2-Ley del cierre Nuestra mente añade los elementos faltantes para completar una figura. 3-Ley de la semejanza Nuestra mente agrupa los elementos similares en una entidad. De este modo, dos elementos de forma similar rodeados de elementos cuyas formas difieren a éstos, serán asociados. La semejanza puede darse a través de las variantes de la forma, el tamaño, el color, la textura, el tono de los elementos y la dirección de las formas. 4-Ley de la proximidad Consta en tener elementos distribuidos de una manera más próxima o diferente a la que estamos acostumbrados y de este modo hacer que nuestra mente lo interprete de una manera extraña o de una manera más cómoda. 5-Ley de Simetría Trata de tener elementos los cuales parecen ser el mismo, tener la misma forma, tamaño, color, o la característica que sea, de modo que nuestra mente lo interprete como si se trataran de elementos espejo exactamente idénticos. 6-Ley de Continuidad La mente continúa un patrón, aun después de que el mismo desaparezca. 7-Ley de Simplicidad Cuando miramos una figura la percibimos de la manera más simple posible 8-Ley de la Pregnancia Cuando una figura es percibida con mayor rapidez por el ojo humano. Puede ser pregnante, por su forma, tamaño, color, direccionalidad, movimiento, textura.  Lucia Fornos 9-Ley de Prägnanz Se basa en que nuestra mente interpreta que la imagen o diseño que se está visualizando es sencillo y comprensible cuando en realidad se trata de una imagen o diseño la cual es difícil de comprender y apreciar. Composición La composición es la distribución de los elementos que componen un diseño con el fin de conseguir consistencia y previsibilidad. Equilibrio ➤La composición alcanza el equilibrio cuando los distintos pesos se compensan unos a otros. ➤El equilibrio asimétrico es cuando al dividir la composición en dos partes iguales, los pesos, tamaños y formas no sean las mismas en ambas mitades, pero aún así las dos partes se equilibran. ➤Consiste en agrupar de manera asimétrica todos y cada uno de los elementos compositivos, generando armonía, pero sin la rigurosidad de mantener el equilibrio de manera simétrica. Simetría ➤El equilibrio simétrico se consigue cuando las dos partes se equilibran por repetición de los mismos elementos, con el mismo peso a un lado y a otro del eje de simetría de la obra. ➤Puede ser simétrico respecto de un eje, como por ejemplo una mariposa, o equilibrio simétrico respecto de dos ejes, como por ejemplo la cara del 4 de un dado. Inestabilidad ➤La inestabilidad se consigue forzando la aparición de diagonales en la composición. Asimetria ➤La asimetría produce un efecto similar a la disonancia en música: algo que está en contraste total con el sistema general de relaciones agrega interés al conjunto. ➤Consiste en agrupar de manera asimétrica todos y cada uno de los elementos compositivos sin compensarlos. Regularidad ➤La regularidad se consigue con módulos constituidos por formas idénticas o similares que aparecen más de una vez en un diseño. ➤La presencia de módulos tiende a unificar el diseño y suele aportar una inmediata sensación de armonía. ➤Los módulos deben ser simples o si no se perdería el efecto de repetición. Irregularidad ➤La irregularidad en las formas le otorga al cartel expresividad  Lucia Fornos Simplicidad ➤La simplicidad implica un carácter directo libre de complicaciones o elaboraciones secundarias. ➤El orden contribuye a la síntesis visual de la simplicidad, Complejidad ➤La complejidad, implica una complicación visual debido a la presencia de numerosas unidades y fuerzas elementales, que da lugar a un difícil proceso de organización del significado. Unidad ➤Hablamos de unidad cuando un conjunto de cuerpos organizados, relacionados entre sí, representan uno solo. Fragmentación Economía ➤Para cui­dar la uni­dad del diseño debe haber una can­ti­dad de espa­cio entre los dis­tin­tas zonas acorde al carác­ter del men­saje. Exageración ➤“jugar” con los tama­ños, for­mas y con­tras­tes, permite guiar al ojo inten­ciona­da­mente a tra­vés de la infor­ma­ción para lle­varlo a los pun­tos que que­remos destacar Espontaneidad Actividad ➤Colo­car los dis­tin­tos elemen­tos den­tro de tu compo­si­ción en direc­cio­nes con­tra­rias per­mite aumentar la sen­sa­ción de movimiento, agi­li­dad y rapi­dez. ➤La sen­sa­ción de movi­miento, agi­li­dad y rapi­dez. proporciona una experiencia estimulante al usuario. Pasividad ➤Se consigue colo­cando los dis­tin­tos ele­men­tos den­tro de una com­po­si­ción en direc­cio­nes con­tra­rias manteniendo el equilibrio. Sutileza ➤Cuando los módulos de una composición son utilizados en gran tamaño y pequeñas cantidades, el diseño puede parecer simple y audaz.  Lucia Fornos Naturalidad Acento ➤Los acentos crean tensión y la tensión atrae la vista del espectador hacia cierto “lugar” de una imagen. Coherencia ➤La repetición de un solo elemento puede no provocar la sensación de orden y armonía. La repetición de elementos puede resultar muy monótona para evitarlo podemos utilizar repetición dentro de una coherencia, explorando las posibilidades de variaciones direccionales o espaciales. Opacidad Cartelismo Significante ➤Es la forma física del signo, lo que percibimos con los sentidos, como las palabras, imágenes, o símbolos que ves en un cartel. ➤En el caso de un cartel, el significante podría ser el conjunto de letras que forman una palabra escrita, la imagen que aparece en él, o los colores y formas que se utilizan. ➤Ejemplo: Si en un cartel vemos la palabra "MANZANA" escrita en letras grandes, y al lado una imagen de una manzana roja, el significante son esos elementos visuales: la palabra "MANZANA" y la imagen de la fruta. Referente ➤Es la realidad concreta a la que se refiere el signo. Es lo que existe en el mundo real y que el signo está representando. ➤Siguiendo el mismo ejemplo de la manzana, el referente sería una manzana real, física, que podrías tocar y comer. Significado ➤Es el concepto o idea que el significante evoca en nuestra mente. Es la interpretación mental que le damos al signo. ➤Usando el ejemplo del cartel con la palabra "MANZANA", el significado es el concepto de la manzana: una fruta redonda, jugosa, de color rojo o verde, que es comestible. Elementos formales Tipografía La elección de fuentes, la organización de los textos en términos de tamaño, peso y estilo para guiar la atención del espectador hacia lo más importante primero, y el espaciado.  Lucia Fornos Color Paleta de colores, que transmite, contraste, armonía y equilibrio. Imágenes y Gráficos Fotografías, ilustraciones, iconografías y composición visual. Composición y Diseño Equilibrio, proporciones, regla de los tres tercios (dividir en una cuadrícula de 3x3). Texto y Contenido Mensaje principal, información secundaria, llamado a la acción (“¡Compra ahora!”). Estilo Visual Consistencia, sea moderno, vintage, minimalista, futurista, etc… Líneas y Bordes Delimitadores visuales, bordes y marcos, que ayuden a dirigir la atención hacia el contenido importante. Colores Colores acromáticos (dentro de la gama del negro al blanco): Blanco ➤Numerosos pueblos relacionan el alba con el blanco frente a la oscuridad. ➤En la biblia el blanco es el color de la luz y el emblema de la divinidad. ➤China: Oro, Otoño, Venus, tigre blanco, olfato, picante. ➤Japón: apatía, inocencia, aburrimiento eterno, pasó al otro mundo. ➤En Nepal blanco es el color de la pureza ritual. ➤En Egipto el lino se consideraba el tono más propio para honrar la pureza divina. ➤ En el islam el blanco se sitúa en la cima de una escala que desciende hasta el negro. El término que designa el color blanco sugiere claridad, luminosidad y lealtad: el blanco encarna la unidad y la divinidad. ➤Occidente: pureza, limpieza, inocencia, claridad, franqueza. Negro ➤En la cultura china el negro representa el norte, el invierno y el agua. (Negro junto con el blanco representan la muerte, la mala suerte y el atraso). ➤Budismo la esclavitud ➤Egipcios simboliza el renacimiento ➤Para Goethe la oscuridad es un ingrediente activo en lugar de una mera ausencia de luz. ➤ Color de la muerte ➤ Color de la culpa, del pecado, de la deshonestidad. ➤ Color de la austeridad, de la renuncia, de la religión.  Lucia Fornos ➤ Color de la elegancia y de la modernidad. Los trajes de etiqueta. Los objetos de lujo. Profundidad y riqueza. ➤Paquetes y envoltorios refinados. ➤Japón símbolo de nobleza, antigüedad y experiencia. Gris ➤Occidente: Indiferencia, concentración, enigmático, color de la mística, seriedad, objetividad. El color gris oscuro, da un sentimiento de profundidad. ➤Las reformas protestantes diferencian entre colores honestos y colores deshonestos. Entre los colores honestos figuran el negro, el blanco, el gris y el marrón  Lucia Fornos Colores monocromáticos (aquellos que se encuentran aislados, sin presencia de otros colores): Rojo ➤Rojo es el término del color más connotado. ➤El rojo atrae parece cercano contrariamente al azul que parece lejano. ➤Despierta el apetito. ➤Color lúdico produce un gran atractivo en los niños ➤Color del dinamismo y de la creatividad ➤No es nada adecuado para relajarse ni para encontrar confort ➤ Simbólicamente siempre asociado al fuego y a la sangre. Se considera que puede ser un rojo bueno y un rojo malo de la misma manera que el fuego y la sangre pueden ser buenos y malos. ➤ En el catolicismo el rojo sangre en el buen sentido es el que da la vida, purifica y santifica. Inversamente es símbolo de impureza, de violencia y de pecado. ➤ El rojo fuego es el de Pentecostés y del espíritu santo. Su contrario es el rojo satánico, el rojo de los cabellos de judas, del pelaje del zorro astuto y orgulloso. ➤En el pasado fue emblema de las clases más altas. Los tintes se adquirían por importación. Debido a esto tiene un fuerte significado de riqueza, lujo y poder ➤ También significa agresividad. Al ser el color de la sangre, lo asociamos a todo lo relacionado con peleas y muertes violentas. ➤ Color del peligro y de la prohibición. Naranja ➤Como una mezcla del rojo y el amarillo, resulta propicio para sentirse lleno de vitalidad, felicidad y poder. Amarillo ➤Este es el color más cercano a la luz. Aparece en la más mínima mitigación de la luz, ya sea por medios semi-trasparentes o por el débil reflejo de superficies blancas. ➤ En su más alta pureza siempre carga con él la naturaleza del brillo y tiene un carácter sereno, alegre, suavemente excitante. ➤ China: Tierra, solo tenían derecho a usarlo los emperadores y emperatrices. tolerancia, paciencia y sabiduría. ➤ Japón: apatía, inocencia, aburrimiento eterno, pasó al otro mundo. ➤ Occidente: Creativo, sofisticado, misterioso, energía. ➤ Color de los ricos y poderosos (color del emperador en china) ➤ En heráldica el amarillo puede sustituir al oro. ➤ En comunidades agrarias las mieses, los cereales, son símbolos de riqueza. ➤Color de judas y de la Sinagoga en la edad media. ➤Color de los traidores, de los caballeros felones, de los falsificadores de monedas (Se les pintaba la casa de amarillo en el siglo XIV) ➤Color de los esquiroles, de los obreros que se ponen de parte del patrón. ➤Color de los maridos engañados (documentado desde el siglo XVII)  Lucia Fornos Verde ➤China: Sombrero verde se relaciona con la infidelidad ➤Oriente: Color representativo del islam. ➤Occidente: El verde nos crea un sentimiento de confort y relajación, de calma y paz interior, que nos hace sentir equilibrados interiormente. Cuando se juntan el verde y el amarillo, pueden despertar sentimientos de envidia, resentimiento y posesión. ➤Para la cultura maya, el verde jade fue asociado con el concepto de inmortalidad: era la piedra de la eternidad, del cielo y del aliento. ➤Símbolo del dinero y del éxito. ➤Los tapetes de los juegos de cartas y de los casinos. En Francia “la langue verte” era originalmente la lengua de los jugadores de cartas. ➤El verde, color de la juventud. ➤Color de la naturaleza, la ecología, la higiene, la salud(cruz de las farmacias) y el frescor. ➤El verde como color del desorden y la transgresión ➤El verde como color de la locura ➤Color del diablo (al menos desde el siglo XIII) y de lo raro. ➤Color ácido que pica y envenena. ➤Color calmante. Se pintan de verde las paredes de las escuelas, de las oficinas, de los cuarteles. ➤El color más feo del mundo existe para cumplir una función, es el que mejor “disminuye la sensación de apetito y aumenta la percepción del daño”. Es el color Pantone 448C. Azul ➤La palabra azul deriva del árabe hispánico lazawárd(lapislázuli). ➤En China tiene significados duales; por un lado, este color es asociado con la madera, lo estático, lo constante, pero también puede simbolizar la primavera, el crecimiento, la esperanza y el cambio. ➤Lo que es azul parece lejano. El cielo, el firmamento, el aire son azules. ➤Hay una fuerte asociación simboliza entre el azul y la calma o la paz. ➤El azul adormece: se pintan de azul las habitaciones de los hospitales. ➤En la edad media el color azul es un color cálido solo a partir del siglo XVII se va “enfriando” progresivamente y en el siglo XIX adquiere su verdadero estatus de color frío. ➤Occidente pureza. En la moral protestante goza de un estatus especial, es asimilado a un color oscuro y digno. El descubrimiento del azul de Prusia en el siglo XVIII (color artificial) contribuye a su éxito en Europa. ➤En su aspecto negativo: la tristeza y la depresión –de aquí que muchos artistas incluso tuvieran sus periodos azules–.Blues en francés significa depresión. También en francés “avoir un coup de bleu” significa estar melancólico, nostálgico. ➤En Estados Unidos y Canadá se nombra con la hora azul la salida de las oficinas. ➤Occidente pureza. En la moral protestante goza de un estatus especial, es asimilado a un color oscuro y digno. ➤Color de reyes. Heráldica de los reyes de Francia. ➤El Manto de la coronación es azul. ➤El origen noble se relaciona con sangre azul.  Lucia Fornos ➤El lapislázuli es considerada la más noble de las piedras preciosas. ➤En el antiguo Egipto es apreciado para representar al Nilo como en orfebrería. El lapislázuli, combinado con oro abunda en la tumba de Tutankamón. ➤3000 a.c. El esfuerzo por conseguir un azul económico en Egipto conduce a la humanidad a fabricar el primer pigmento sintético; el azul egipcio. ➤Color de la paz la mayoría de grandes organismos internacionales e instituciones hace uso del azul: ONU, UNESCO, Consejo de Europa. ➤En la cultura occidental al azul se le atribuye: la masculinidad, la concentración, lo deportivo, el conocimiento. Colores II Contraste simultáneo Anatomia de marcas Posicionamiento El posicionamiento de un producto es la forma en la que los consumidores lo definen basándose en sus atributos más importantes en comparación con otros productos. Identidad Corporativa La identidad corporativa se refiere a todos los elementos visuales y conceptuales que una organización utiliza para definirse y comunicarse. Esto incluye el logo, la paleta de colores, la tipografía, los valores de la empresa, la misión, la visión y los principios éticos. Es, esencialmente, cómo la organización quiere ser percibida. En el caso de una empresa como Coca-Cola, su identidad corporativa incluye: ​ El logotipo rojo con la escritura blanca y ondulada. ​ La tipografía específica que utilizan. ​ Los valores de felicidad y conexión que transmiten en su publicidad. ​ Sus campañas que siempre giran en torno a momentos felices. Imagen Corporativa La imagen corporativa es la percepción que el público tiene de la organización, basada en sus experiencias y opiniones sobre los productos, servicios y comunicaciones de la empresa. Es el resultado de cómo la identidad corporativa ha sido recibida y valorada. Siguiendo con el ejemplo de Coca-Cola:  Lucia Fornos ​ Si la gente percibe a Coca-Cola como una empresa que ofrece productos de buena calidad y tiene anuncios que los hacen sentir felices, esa es su imagen corporativa. ​ Sin embargo, si hay personas que piensan que Coca-Cola no es saludable y critican a la empresa por cuestiones ambientales, eso también afecta su imagen corporativa.