Elementos de diseño

elementos de diseño

lic. edna torres Hinojosa

¿QUÉ ES EL DISEÑO?

• El diseño es un proceso de creación visual con un propósito.

• A diferencia de la pintura y de la escultura, que son la realización de las visiones personales y los sueños de un artista.

• El diseño cubre exigencias prácticaS

03-11-23

LENGUAJE VISUAL

• Es la base de la creación del diseño

• Comprender el lenguaje visual aumentará en el diseñador su capacidad para la organización visual

Tres grupos:

• Elementos conceptuales
• Elementos visuales
• Elementos de relación

elementos de diseño

• PUNTO. Indíca una posiccoón, no tiene largo ni ancho, es el principio y fin de una línea, es donde dos líneas se cruzan.

• LÍNEA. Cuando un punto se mueve, su trayectoria es uan línea, la línea tiene largo pero no tiene anchura, tiene posición y dirección, y está limitada por puntos, forma los bordes de un plano.

• PLANO. Tiene largo y ando, pero no grosor, tiene posición y dirección, está limitado por líneas, y define los límites extremos de un volumen.

• VOLUMEN. Es el recorrido de un plano en movimiento, tiene una posición en el espacio y está limitado por planos. En un diseño bidimensional, el volumen es ilusorio.

elementos conceptuales

a) PUNTOb) LÍNEAc) PLANO d) VOLUMEN

(SON LOS MÁS PROMINENTES DE UN DISEÑO POR QUE SON LOS QUE REALMENTE VEMOS)

TIENEN FORMA, MEDIDA, COLOR Y TEXTURA

ELEMENTOS VISUALES

ELEMENTOS CONCEPTUALES

SE HACEN VISIBLES

(PUNTO, LÍNEA, PLANO Y VOLUMEN)

(NIVEL CONCEPTUAL)

• FORMA. Todo lo que puede ser visto, posee una forma que aporta la identificación prinicipal de nuestra percepción.
• MEDIDA. Todas las formas tienen un tamaño, el tamaño es relativo si lo describimos en términos de magnitud y pequeñez.

• COLOR. Una forma se distingue de sus cercanías por medio del color. El color se utiliza en su sentido amplio, comprendido no solo los del espectro solar sino asimismo los neutros (blanco, negro, grises intermedios), y asimismo sus variaciones tonales y cromáticas.

• TEXTURA. Se refiere a las cercanías en la superficie de una forma, puede ser plana o decorada, suave o rugosa y puede atraer tanto al sentido del tacto como a la vista.

elementos visuales

a) FORMAb)MEDIDAc) COLOR (DIFERENCIA DE TONOS, EN ESCALA DE NEGRO A GRIS) d) TEXTURA

• DIRECCIÓN. La dirección de una forma depende de como está relacionada con el obervador, con el marco que la contiene o con otras formas cercanas.
• POSICIÓN. La posición de una forma es juzgada por su relación respecto al cuadrado o la estructura del diseño.

• ESPACIO. Las formas de cualquier tamaño, por pequeñas que sean, ocupan un espacio, así el espacio puede estar ocupado o vacio, puede ser asimismo liso o puede ser ilusorio para sugerir una profundidad.

• GRAVEDAD. La sensación de gravedad no es visual sino psicológica, tal como somos atraídos por la gravedad de la Tierra, tenemos tendencia a atribuir pesadez o liviandad, estabilidad o inestabilidad a formas o grupos de formas individuales.

elementos DE RELACIÓN

(DIRECCIÓN, ESPACIO, GRAVEDAD Y POSICIÓN)

ELEMENTOS DE RELACIÓN

ELEMENTOS VISUALES

UBICA LAS FORMAS EN UN DISEÑO

FORMA, MEDIDA, COLOR Y TEXTURA

a) DIRECCIÓNb) POSICIÓNc) ESPACIO d) GRAVEDAD

08-11-23

• Debe ser pequeña.

• De formas simples (compacto, carente de ángulos y de dirección, puede ser figuras simples como, círculo, cuadrado, trángulo, oval o irregular)

la forma

como punto

• Su ancho es extremadamente estrecho.
• Su longitud es prominente.

Cuatro aspectos :

• a) La forma total. Recta, curva, quebrada, irregular o trazada a mano.

• b) El cuerpo. Afilado e irregular

• c) Las extremidades. Si la línea es ancha, la forma de sus extremos puede convertirse en prominente y pueden ser cuadrados, redondos, puntiagudos o de cualquier otra forma simple.
• d) Puntos dispuestos en una hilera. Pueden dar la sensación de una línea, por lo cual la línea es conceptual y no visual, por que lo que vemos es una serie de untos.

la forma

como línea

la forma

como línea

Todas las formas lisas que comunmente no sean reconocidas como puntos o líneas son planos. Las formas planas tienen una variedad de figuras, que pueden ser clasificadas como: a) Geométricas b) Orgánicas c) Rectilíneas d) Irregulares

la forma

como plano

la forma

como plano

• Por lo general a la forma se la ve como ocupante de un espacio, pero también puede ser vista como un espacio blanco, rodeado de un espacio ocupado.

• Una forma negra es reconocida como positiva y una forma blanca como negativa

POSTIVAS Cuando se la percibe como ocupante de un espacio NEGATIVAS Cuando se la percibe como un espacio en blanco rodeado por un espacio ocupado

formas

positivas ynegativas

*En diseño se considera al NEGRO como OCUPADO y al BLANCO como VACÍO

Las formas pueden encontrarse entre sí de diferentes maneras.

• a) DISTANCIAMIENTO. Ambas formas quedan separadas entre sí
• b) TOQUE
• c) SUPERPOSICIÓN. Cuando dos figuras se cruzan sobre la otra y parecer estar por encima, cubriendo una porción de la que quedo abajo.
• d) UNIÓN. Cuando dos formas se unen y crean una nueva forma.
• e) SUSTRACCIÓN. Es la superposición de una forma negativa sobre una positiva.
• f) INTERSECCIÓN. Solamente es visible la porción en que ambas formas se cruzan entre sí, y surge una nueva forma más pequeña
• f) COINCIDENCIA. Cuando se acercan dos formas y coinciden se convierten en uno solo.

INTERRELACIÓN

DE FORMAS

formas

positivas ynegativas

POSITIVA

NEGATIVA

*En diseño se considera al NEGRO como OCUPADO y al BLANCO como VACÍO

toque

superposición

distanciamiento

INTERRELACIÓN

DE FORMAS

sustracción

intersección

unión

coincidencia

elementos de

composición

Al realizar un diseño, es necesario establecer un ORDEN y ORGANIZACIÓN de los elementos, establecer un lugar para cada elemento desde el punto de vista jerárquico, (cuál es más importante que otro) de ARMONÍA, o de impacto EN EL ESPECTADOR pero que sea COMPRENSIBLE de forma sencilla donde se PERCIBA de forma EFECTIVA el MENSAJE a transmitir.

• Estos dos elementos son considerados como las bases del diseño por el orden y sentido que le brindan a los proyectos. También se les conoce como layout o maquetación.

• PROXIMIDAD
• ESPACIO EN BLANCO
• ALINEACIÓN
• CONTRASTE
• JERARQUÍA
• SIMETRÍA
• EQUILIBRIO
• REPETICIÓN

DISPOSICIÓN

Y COMPOSICIÓN

proximidad

• PROXIMIDAD. Se relaciona con el uso del espacio visual para mostrar las relaciones entre el contenido.

• ESPACIO EN BLANCO. Es el espacio vacío que hay entre el contenio (líneas de texto, márgenes externos). Se usa para definir y separar diferentes secciones, dándole espacio al contenido para entenderlo mejor.
• ALINEACIÓN. Organiza el contenido bajo un formato específico que mejora la lectura del proyecto. Mantiene las proporciones entre las márgenes y el espacio de trabajo utilizado
• REPETICIÓN. Repetición de elementos visuales (tamaño, textura, color)

ALINEACIÓN

espacio en blanco

• CONTRASTE. Es la diferencia entre elementos y ayuda a resaltar, / enfatizar elementos importantes, el contraste se puede aplicar de diferentes maneras como por tamaño, forma, peso visual de un objeto e incluso usando diferentes estilos de letra (tipografía).

• JERARQUÍA. Se le indica al usuario por donde empezar a navegar un contenido gráfico, usando diferentes niveles de énfasis.
• Consiste en decidir que elementos queremos que el lector note primero y luego destacarlos (Mayor tamaño o más llamativos)

jerarquía

CONTRASTE

simetría

• SIMETRÍA. Proporciona el equilibrio al diseño, si es lo que se busca, aporta armonía, puede ser explícita, absoluta en las formas o puede intuirse de forma sutil a través de la disposición de algunos elementos, como es el caso de los textos y su distribución en el espacio de trabajo
• EQUILIBRIO. La distribución de los elementos debe llenar los espacios que se encuentren vacíos, las saturación de alguno de ellos pueden generar un peso visual mayor sobre el otro, por ello es importante la distribución en el espacio de trabajo, este peso también es importante que se maneje en función de su jerarquía manteniendo el orden adecuado.

equilibrio

equilibrio

• Consiste en lograr formas utilizando una cantidad reducida de trazos, en donde los detalles no distraen la vista, al contrario, se intuyen. No es el uso de pocos objetos en sí, sino en el uso de los necesarios sin que se llegue a lo simple, es el uso del concepto “menos es más”

síntesis visual

• Es utilizado para RESALTAR un elemento dentro de nuestro composición gráfica para dar mayor importancia ante los demás elementos que lo rodean, y enfocarse así en la idea que se quiere transmitir.

acentovisual

tarea 1. PERSONAL ENTREGA- 09-11-23

1. identificar en un material gráfico impreso (cartel) los elementos de diseño y composición (la actividad se imprime y entrega el jueves 9 de noviembre ELEMENTOS DE DISEÑO

• ELEMENTOS VISUALES: FORMA, MEDIDA, COLOR, TEXTURA
• ELEMENTOS DE RELACIÓN: DIRECCIÓN, POSICIÓN, ESPACIO, GRAVEDAD
• LA FORMA COMO: PUNTO, LÍNEA, PLANO, FORMA POSITIVO Y NEGATIVO, INTERRELACIÓN DE FORMAS

PRINCIPIOS DE COMPOSICIÓN

• PROXIMIDAD
• ALINEACIÓN
• ESPACIO EL BLANCO
• JERARQUÍA
• CONTRASTE
• SIMETRÍA
• EQUILIBRIO
• SÍNTESIS VISUAL
• ACENTO VISUAL

09-11-23

simetría

jerarquía

proximidad

Evelyn Flor

acento visual

CONTRASTE

espacio en blanco

ALINEACIÓN

equilibrio

equilibrio

TAREA 2. PERSONAL ENTREGA- 10-11-23

1. DESARROLLA UNA COMPOSICIÓN GRÁFICA DONDE APLIQUES LOS PRINCIPIOS DE COMPOSICIÓN, POR MEDIO DE LOS ELEMENTOS DE DISEÑO ELEMENTOS DE DISEÑO

• ELEMENTOS VISUALES: FORMA, MEDIDA, COLOR, TEXTURA
• ELEMENTOS DE RELACIÓN: DIRECCIÓN, POSICIÓN, ESPACIO, GRAVEDAD
• LA FORMA COMO: PUNTO, LÍNEA, PLANO, FORMA POSITIVO Y NEGATIVO, INTERRELACIÓN DE FORMAS

PRINCIPIOS DE COMPOSICIÓN

• PROXIMIDAD
• ALINEACIÓN
• ESPACIO EL BLANCO
• JERARQUÍA
• CONTRASTE
• SIMETRÍA
• EQUILIBRIO
• SÍNTESIS VISUAL
• ACENTO VISUAL

Ejemplo de composiciones

Ejemplo de composiciones

10-11-23

tipografías

Proviene del griego TYPO que significa forma o golpe y GRAPHIA que se define como la cualidad de escribir. La tipografía es la técnica para diseñar letras de forma gráfica. Una tipografía con lleva un conjunto de caracteres que comparten entre sí algunos elementos o características particulares , eso hace que se cree una unidad llamada familia tipográfica. Con el uso de una tipografía adecuada es posible transmitir un mensaje y crear una identidad visual específica en cada texto o diseño.

TIPOS

Se las conoce también como romanas. Son las tipografías que tienen remates o terminales. Esto quiere decir, que en la zona de sus extremos tienen unos adornos o trazos, lo que permite diferenciarlas claramente de otras categorías o familias de fuentes.

TIPOGRAFÍASERIF

TIPOGRAFIAS MÁS CONOCIDAS: Baskerville Trajan Bodoni Caslon Caslon Italian Old Style Sabon

TIPOGRAFÍASERIF

Serifa o remate: es el trazo que forma una cola, brazo o asta en cada letra. Observa las áreas en el círculo en cada ejemplo. Times New Roman tiene serifas, que le agregan un trazo o línea al final de cada letra. Por el contrario, Helvética tiene extremos abruptos sin serifas, por lo que es una sans serif. El “sans” se relaciona con no tener una serifa.

TIPOGRAFÍASSERIF Y SANS SERIF

Se las conoce también como tipografías de palo seco o sans serif. Como su nombre lo indica, son letras que no tiene remates o terminales..

• Caligráficas o humanistas: se basan en las mayúsculas de las tipografías romanas y tiene trazos heterogéneos.
• Grotescas: de las primeras tipografías sin serif utilizadas en el siglo XIX.
• Geométricas: se caracterizan por líneas rectas e incluyen figuras geométricas como el círculo o el cuadrado. Son muy minimalistas.
• Cuadradas: cuenta con formas cuadradas que se fusionan en ocasiones con el estilo humanístico en sus curvas

TIPOGRAFÍASANS SERIF

TIPOGRAFIAS MÁS CONOCIDAS: New Gothic Franklin Gothic Letter Gothic Gill Sans Open Sans Antique Olive Myriad Calibri

TIPOGRAFÍASANS SERIF

También conocidas como cursivas, caligráficas o script. Llevan este nombre ya que lo que hacen es imitar la escritura a mano. Eso hace que todas sus fuentes tengan cierto estilo de letra itálica.

TIPOGRAFÍAMANUSCRITAS

TIPOGRAFIAS MÁS CONOCIDAS: Cezanne Flood Brush Script Marcel

TIPOGRAFÍAMANUSCRITAS

Este tipo de tipografía la podrás encontrar también con el nombre de display. Son letras divertidas que transmiten mensajes motivadores y que tienen mucha personalidad.

TIPOGRAFÍADECORATIVAS

TIPOGRAFIAS MÁS CONOCIDAS: Bodega Sans Broadway Benguiat Zebrawood Graffiti

TIPOGRAFÍADECORATIVAS

Para crear el diseño de una tipografía, el primer paso es conocer su composición, es decir, cómo se forma cada letra. Para ello, se presentan los siguientes factores:

• Línea base: soporte que direcciona la tipografía en un mismo nivel.

• Altura: largo que tienen las letras hasta una línea superior.

• Astas ascendentes y descendentes: aquellas líneas que hacen más grande la altura de las letras, por ejemplo, las que tienen las letras “q” o “b”.

• Caja alta: diferencia en altura entre las letras minúsculas y mayúsculas.

COMPOSICIÓN TIPOGRÁFICA

Las fuentes gruesas comunican solidez y fuerza, mientras que las fuentes delgadas transmiten una sensación de delicadeza.

TAREA 3. PERSONAL ENTREGA- 15-11-23

1. DESARROLLAr una familia tipográfica con el nombre de tu empresa.para realizar la actividad necesitas basarte en los elementos de composición gráfica (línea base, altura, astas ascendentes y descendentes y caja alta)

15-11-23

teoría del color

La teoría del color es una guía que estandariza todo lo que sabemos sobre el color: definiciones, categorías, relaciones y efectos para su aplicación en las artes visuales, diseño de interiores y diseño gráfico.No existe una única Teoría del color, sino un conjunto de aproximaciones al color y a sus dinámicas. Muchas de ellas forman parte de la historia del arte o de la física (óptica), y poseen diferentes autores. Una de las prinicpales características que distinguen a estas teorías es el círculo cromático. Se trata de una representación circular de todos los colores del espectro visual, organizados de manera tal que los colores contrarios se enfrenten y los colores complementarios estén próximos el uno al otro.

• Tonalidad: es el atributo que permite clasificar los colores por su nombre (rojo, azul etc.)
• Valor: se refiere al grado de claridad o de oscuridad de un color. Un color de tono conocido puede describirse más precisamente calificándolo de claro u oscuro (rojo claro)

• Intensidad: indica la pureza de un color. Los colores de fuerte intensidad son los más brillante y vivos que pueden obtenerse. Los colores de intensidad débil son apagados; contienen una alta proporción de gris.

cOlor

CARACTERÍSTICAS

cOlor

CARACTERÍSTICAS

El modelo de color es un modelo matemático genérico que admite mostrar los colores en forma numérica, utilizando de tres a cuatro valores o componentes cromáticos. A partir de la propuesta de la esfera cromática de Runge, surgen otras propuestas de estudiosos del color en distintas disciplinas, éstas con la finalidad de explicar el fenómeno del color y la luz de una manera ordenada, de acuerdo a sus necesidades de uso.

mOdeloS de color

• Los modelos Red, Green, Blue (RGB)
• Cyan, Magenta, Yellow y Key (CMYK)
• Hue, Saturation, Brightness (HSB)
• Red, Yellow, Blue (RYB)

Son algunos de los modelos para administrar el color; aunque éstos pueden tener distintas particularidades entre sí, comparten la característica de que se rigen por las mismas propiedades: tono, valor y saturación.

mOdeloS de color

Es un sistema de color aditivo, en el que los colores deben sumarse para producir uno nuevo. Las excepciones son el negro, que se produce en ausencia de luz (y por ende, de color) y el blanco que se produce en presencia de todos los colores, recomponiendo el espectro. Este sistema es el EMPLEADO en la mayoría de los televisores, monitores de computador, proyectores de video, etc.

mOdelo

Red, Green, Blue (RGB)

mOdelo

Red, Green, Blue (RGB)

El modelo CMYK es distinto al anterior, pero su nombre también es la unión de las iniciales de los colores que toma como referencia: cyan, magenta, amarillo (en inglés: yellow), con el añadido del negro (llamado Key en inglés para evitar la confusión con la B del blue del RGB)Este modelo del color es empleado en las diversas técnicas de IMPRESIÓN EN TINTA, ya que el papel carece de las propiedades lumínicas de los monitores o proyectores. Por esta razón, cuando se trabaja en un programa digital de diseño, se debe convertir el RGB a CMYK a la hora de preparar el diseño para impresión.

mOdelo

Cyan, Magenta, Yellow y Key (CMYK)

mOdelo

Cyan, Magenta, Yellow y Key (CMYK)

Se basa en la percepción humana del color y describe tres características fundamentales del color: Tono, Saturación y Brillo. Debido a estas ventajas, la selección de color usando el espacio de color HSV se usa, por ejemplo, en muchos programas gráficos comunes.

mOdelo

Hue, Saturation, Brightness (HSB)

mOdelo

Hue, Saturation, Brightness (HSB)

Es el modelo tradicional, es un sistema sustractivo, es decir que al combinar los colores se genera un color más oscuro. Es un conjunto histórico de colores utilizados en la mezcla de colores sustractivos y es un conjunto comúnmente utilizado de colores primarios. Se utiliza principalmente en la educación de arte y diseño, particularmente pintura.

mOdelo

Red, Yellow, Blue (RYB)

mOdelo

Red, Yellow, Blue (RYB)

COLORES SECUNDARIOS

COLORES PRIMARIOS

aparta

luz

RESUMEN

agrega

luz

TEORÍA DEL COLOR

El círculo cromático es una representación ordenada de los colores primarios y secundarios según sus tonos o matices. Esta rueda de color suele graficarse a través de un degradado, o bien de forma escalonada (con 6, 12 o 24 tonalidades).

CÍRCULO

CROMÁTICO

CÍRCULO

CROMÁTICO

La rueda de color sirve para exponer los matices y comprender cómo se vincula cada tono. En otras palabras, el círculo cromático representa colores primarios, secundarios y terciarios con el objetivo de mostrar la relación de armonía y contraste entre sí.

USOS

Rojo, amarillo y azul. Se les llama de esta manera porque son tonos que no se pueden obtener a partir de la combinación de otros. Por otro lado, hacen referencia a la tricromía, que es la capacidad humana por la cual percibimos estos tres colores cuando la luz impacta nuestras células receptoras —también conocidas como conos— del ojo.

COLORES PRIMARIOS

COLORES PRIMARIOS

Los colores secundarios son verde, naranja y violeta. Estos tonos se obtienen de la combinación en partes iguales de los colores primarios.

COLORES SECUNDARIOS

COLORES SECUNDARIOS

Por último, los colores terciarios se obtienen cuando mezclamos los anteriores. Para clasificarlos en este grupo, se considera que hay seis pigmentos predominantes y reciben los siguientes nombres compuestos:

• Amarillo-verde
• Amarillo-naranja
• Fucsia-naranja
• Fucsia-violeta
• Turquesa-violeta
• Turquesa-verde

COLORES TERCIARIOS

COLORES TERCIARIOS

En la rueda de colores están, principalmente, los tonos rojizos y anaranjados e incluyen todos los matices que van desde el rosa al amarillo. Se tratan de tonalidades que asociamos al calor y el fuego, por eso nos transmiten la sensación de movimiento y acción. Son los que se encuentran en la gama de los azules y verdes. En la rueda cromática van desde el violeta o morado hasta el verde. En este caso, nos generan sensaciones que vinculamos a la paz, serenidad y quietud, el interior y todo lo que asociamos a la nieve y el frío.

COLORES CÁLIDOS Y FRÍOS

COLORES

MONOCROMÁTICA

COLORES COMPLEMENTARIOS

Son opuestos uno alotro en el círculo cromático

ANÁLOGA

TRÍADA

https://edu.gcfglobal.org/es/conceptos-basicos-de-diseno-grafico/teoria-del-color/1/

¿CÓMO COMBINAR COLORES?

TAREA 3. INDIVIDUAL ENTREGA- 12-01-24

1. CREAR UN CÍRCULO CROMÁTICO DONDE SE MUESTREN LOS 12 COLORES Y SUS NOMBRES2.CREAR UN CÍRCULO CROMÁTICO DONDE MUESTREN LOS 3 COLORES PRIMARIOS Y SUS NOMBRES 3.CREAR UN CÍRCULO CROMÁTICO DONDE MUESTREN LOS 3 COLORES SECUNDARIOS Y SUS NOMBRES 4.CREAR UN CÍRCULO CROMÁTICO DONDE MUESTREN LOS 6 COLORES TERCIARIOS Y SUS NOMBRES *LOS 4 CÍRCULOS SE ENTREGARÁN EN PAPEL CARTULINA BLANCO, TAMAÑO MEDIA CARTA (SE EVALUARÁ EL ORDEN CORRECTO DE LOS COLORES Y SUS NOMBRES ASÍ COMO LA LIMPIEZA DEL TRABAJO)

11-01-24

PROCESO DE BOCETADO

Para realizar el proceso de bocetado se plantea la idea de un diseño de una forma esquemática, que permita estudiar y conocer el concepto, la idea que se quiere representar, partiendo de una idea general a un concepto más detallado, consideramos que los bocetos se pueden clasificar en tres categorías:

• Burdo
• Comprensivo
• Modelo o “Dummy”

Representa la idea general sin grandes detalles, es una primera impresión que muestra de forma rápida, las ideas principales de que se trata el proyecto.

BOCETO TIPO BURDO

Determina la idea a mayor detalle, especificando las formas con un mayor grado de calidad, determinando con mejor técnica los espacios que se utilizarán, las proporciones y los elementos que intervendrán en una versión final.

BOCETO TIPO COMPRENSIVO

Contiene la versión final del diseño incluyendo todas las especificaciones técnicas, con un alto grado de detalle, empleando los colores, dimensiones, tipografía e incluso materiales que tendrán los productos gráficos, generalmente se realiza por medio de impresión digital y es semejante a la prueba de impresión previa a la producción final (prueba de rol).

Modelo o “Dummy”

Una vez que tenemos clara la idea de las características de los productos gráficos a ofrecer al cliente y teniendo como base las especificaciones del brief se podrá elaborar a través de un programa de diseño, donde se elaborará un prototipo del producto final a través de un boceto tipo modelo (Dummy) creando en ellos un tríptico, cartel, manta, tarjeta de presentación, etiqueta etc., para su posterior impresión en imprenta digital usando los colores dimensiones y materiales especificados en el brief y/o acordados con el cliente. De esta forma se obtiene una “muestra” que permitirá hacer los ajustes finales.

LOGOTIPO/ISOTIPO/IMAGOTIPO

formatos de papel

➤ A0, dimensiones 841 x 1189 mm: El tamaño más grande, utilizado por diseñadores e impresores. Lo mismo para A1 y A2. Se utiliza principalmente para los dibujos técnicos. ➤ A1, dimensiones 594 x 841 mm: Dibujo técnico, mapas, carteles. ➤ A2, tamaño 420 x 594 mm: Dibujo o impresión de fotos, carteles, gráficos, grandes calendarios de pared. ➤ A3, tamaño 297 x 420 mm: Más común con A4, más utilizado en las impresoras de oficina. Dibujo, maqueta, cartel, fotos, revistas, partituras, certificados. Puede utilizarse para hacer folletos promocionales doblados en seis. ➤ A4, tamaño 210 x 297 mm: El papel clásico para impresoras y documentos estándar. Cartas, cuadernos escolares, enciclopedias, revistas, dobladas en tres. ➤ A5, tamaño 148 x 210 mm: También es muy utilizado, cuadernos, listas de tareas, pequeños memos, no ocupa tanto espacio como el A4, imprime libros, folletos y panfletos. ➤ A6, tamaño 105 x 148 mm: Postales, tarjetas de felicitación, agendas de bolsillo y libros. ➤ A7, tamaño 74 x 105 mm: Mini calendarios, folletos, tarjetas de felicitación. ➤ A8, tamaño 52 x 74 mm: Tarjetas de fidelidad, tarjetas de visita, pegatinas y etiquetas. Cabe en una cartera.

ACTIVIDAD 1. EQUIPO ENTREGA- 17-01-24

1. DESARROLLAR 3 BOCETOS (BURDO, COMPRENSIVO, DUMMY Ó FINAL) DEL LOGOTIPO, ISOTIPO O IMAGOTIPO DE LA EMPRESA A DESARROLLAR POR EQUIPO. CADA BOCETO EN UNA HOJA BLANCA TAMAÑO CARTA.
2. HACER 2 PROPUESTAS DE COLOR (1 EN BLANCO Y NEGRO Y LA SEGUNDA CON LA PALETA DE COLOR ELEGIDA). AMBAS PROPUESTAS EN 1 HOJA BLANCA TAMAÑO CARTA.
3. hACER 2 DIFERENCIAS DE TAMAÑO CON LA PALETA DE COLOR ELEGIDA SOBRE EL LOGOTIPO, ISOTIPO O IMAGOTIPO, (SEGÚN SEA EL CASO), LAS DIFERENCIAS DE TAMAÑO SERÁN DE 3X3 CM Y 10X10 CM. CADA PROPUESTA EN UNA HOJA BLANCA TAMAÑO CARTA.

ASPECTOS A CONSIDERAR: LOS BOCETOS SE ENTREGARÁN EN HOJAS BLANCAS TAMAÑO CARTA LA LIMPIEZA DE LOS BOCETOS PRUEBAS DE COLOR DIFERENCIA DE TAMAÑO

12-01-24

imagen corporativa

La imagen corporativa de una empresa es fundamental para transmitir correctamente los mensajes y beneficios del producto o servicio que se ofrece, es uno de los principales elementos de la identidad visual corporativa de una marca. Se trata de todos los elementos físicos o digitales utilizados por una empresa para reflejar sus valores, su filosofía o su personalidad, con el objetivo de que los consumidores se puedan identificar con ella.

La imagen corporativa de una empresa es muy importante porque será la primera visión que tendremos del negocio antes de conocer los servicios que ofrecen en profundidad y la que nos haga que queramos conocer o no más de ella.COMPONENTES:

1. NOMBRE Y LOGOTIPO
2. ESLOGAN
3. COLORES CORPORATIVOS
4. TIPOGRAFÍA CORPORATIVA
5. MANUAL DE IDENTIDAD CORPORATIVA

componentes

El logotipo de un negocio es la base fundamental de la imagen de marca, muestra a simple vista quiénes somos o qué queremos transmitir. Los elementos que incluya el logotipo deben representar los valores que queremos transmitir. TIPOS:

LOGOTIPO

El eslogan es una palabra o frase corta fácil de recordar, un lema original e impactante, que a menudo se utiliza en la publicidad y la propaganda política como frase identificativa. Además, se espera generar confianza en el interlocutor o público al que va dirigido el mensaje.

CARACTERÍSTICAS

• Debe ser fácil de recordar: un eslogan es una frase pegadiza que la gente asocia rápidamente con un producto, servicio, evento o figura pública.

• Es distintivo: resume la cualidad principal de aquello que se quiere ofrecer.
• Transmite sentimientos positivos: el eslogan debería genera una conexión positiva entre la marca y el consumidor.
• Debe ser breve: el uso de pocas palabras que además sean concretas ayudará a aumentar el impacto del mensaje.

ESLOGAN

• Es de uso exclusivo: es una frase única de la marca.
• Frases versátiles: las palabras utilizadas deben responder al contexto de los diferentes países en los que se utilizará. En los casos de las campañas internacionales, una frase puede ser eficaz en un país pero no en otro, y esto debe ser tomado en cuenta.

Ejemplos: "Porque tú lo vales (L'Oreal, marca de cosméticos) "Me encanta" (McDonald's) "A que no puedes comer solo una" (papas fritas Lay's) "Hay cosas que el dinero no puede comprar. Para todo lo demás, existe Mastercard" (tarjeta de crédito)

Es esencial que una empresa cuente con una paleta de colores corporativos con los que se puedan jugar. Dentro de esta gama, existirá uno o dos colores corporativos principales que aparezcan en el logo. Es recomendable que estos colores sean puros cuando se empleen. Cuando hablamos de colores corporativos no solo nos referimos a los colores exactos que podamos emplear, sino a la forma de combinarlos y el uso que tienen cada uno dentro de la imagen corporativa.

COLORES CORPORATIVOS

PÁGINA PARA COMBINAR COLORES

https://colorhunt.co/palettes/teal

La tipografía es igual de importante que el logotipo o los colores a la hora de definir visualmente nuestra empresa. Las tipografías a utilizar en los contenidos corporativos, han de seleccionarse correctamente acorde con la imagen que se desea transmitir y, generalmente, deben pertenecer a una misma familia tipográfica. A la hora de elegir una tipografía, ten en cuenta que debe poder leerse bien en la pantalla del ordenador, y ser apta para textos largos siempre que sean necesarios.

TIPOGRAFÍA CORPORATIVA

Se trata del documento en el que se definen las normas que se deben seguir para utilizar todos los elementos de la identidad corporativa (tanto online, como offline). Desde cómo incluir el logotipo de una marca y los distintos elementos visuales que la conforman (en todo tipo de soportes), hasta los materiales con los que construir la arquitectura corporativa (stands, cartelería, etc.). El manual de identidad corporativa describe de qué manera se deben aplicar los diferentes signos gráficos que representan la identidad de una marca, para que resulten coherentes y garanticen la cohesión comunicativa y visual de la misma.

MANUAL DE IDENTIDAD CORPORATIVA

¿QUÉ INCLUYE?

• La esencia y filosofía de tu marca
• Establece los usos de tu logo

• Indica las fuentes tipográficas
• Incluye los colores de tu marca
• Define la voz de tu marca
• Informa sobre el uso de imágenes y fotografías.

DERECHOS DE AUTOR

Cuando trabajamos con un determinado contenido, a veces es necesario ilustrar con fotografías o imágenes prediseñadas conocidas también como “ClipArt” a modo de complementar nuestra composición, sin embargo, es necesario manejarlo de forma adecuada respetando el trabajo del autor de éstos. En caso de usar elementos adicionales en el desarrollo de un proyecto profesional, de preferencia debemos realizar nosotros mismos los materiales a emplear, de no ser así, pagar los derechos de uso que establezca el propietario de estos recursos, es posible también que podamos emplear bibliotecas de imágenes e ilustraciones que sean de acceso libre, en cuyo caso debemos consultar las políticas de uso que se establezcan y respetarlas.

1. Jay Mantri
2. Little Visuals
3. Startup Stock Photos
4. Libreshot
5. Negative Space
6. Pickwizard
7. Stocksnap.io
8. Freedigitalphotos.net
9. Magdeleine
10. Cupcake
11. Picography
12. Flickr
13. Dreamstime
14. 123RF
15. Splashbase
16. Moveast
17. Skitterphoto
18. Free Refe Real Life Photos

19. ISO Republic20. Free Nature Stock 21. Travel Coffee Book 22. Iconfinder 23. New Old Stock 24. Public Domain Archive 25. Burst 26. Realistic Shots 27. Foodies Feed 28. Designer Pics 29. Shot Stash 30. Freepng 31. GIFs Animados 32. HubSpot

sitios de imágenes gratuitas sin derechos de autor

TIPOS DE IMPRESIÒN

Se puede definir la impresión gráfica como el proceso de preparación, impresión y acabado de un diseño gráfico o varios, previamente creados. Este impresión engloba todo tipo de variantes en cuanto al material sobre el que se imprime y los diferentes acabados utilizados, como puede ser la encuadernación o cualquier proceso adicional que se realice sobre el objeto impreso.Existen muchos tipos de impresión, sin embargo los más habituales o más utilizados son:

• Impresión digital
• Impresión Offset
• Serigrafía

Se caracteriza por el uso de programas de diseño por computadora y periféricos de impresión controlados por dispositivos digitales, emplean pigmentos suspendidos o disueltos en líquidos, en polvo, incluso en cera o el uso de cuchillas de corte que recortan materiales adhesivos. Permiten tirajes cortos y buena calidad de impresión. Tipos: Sublimación. Proporciona una gama alta de colores y tonalidades. Se usa en tirajes pequeños, la limitante consiste en que sólo puede emplearse en materiales sintéticos, particularmente polímeros.

impresión digital

Inyección de tinta. En principio usa para impresión en materiales planos como el papel, sin embargo, se usa para transferir imágenes en materiales diversos como los utilizados en sublimación, flores, uñas, pasteles, mantas impresas en plotter, incluso en impresión por transferencia en agua (hidrográfica) para objetos tridimensionales como tanques o cascos para motocicletas. Corte diamante (SandBlast). Se emplea un láser que erosiona un determinado material, generalmente vidrio o cerámica, ya sean objetos planos o cilíndricos. Impresión láser. Se usa para la elaboración de modelos o prototipos (dummies) en tirajes cortos empleando papeles y cartulinas de diversos tipos como papel estucado (couché) opalina, etc.

impresión digital

Consiste en la impresión de tintas de consistencia grasa a través de impregnar rodillos metálicos en áreas determinadas, y la transferencia de la imagen a un rodillo de goma, el cual transfiere finalmente la impresión utilizando la presión a diversos materiales planos como el papel o el cartón, proporciona una alta definición y una gran fidelidad en las tonalidades de color, requiere de grandes tirajes.

Impresión Offset

Impresión Offset

Proporciona colores firmes de gran duración, la nitidez está sujeta al uso de imágenes en plastas, aunque se pueden imprimir medios tonos con baja definición, se emplea en diversos materiales como textiles, vidrio, metal, madera y plásticos ya sea en objetos planos o cilíndricos, incluso en globos.

serigrafía

serigrafía

ACTIVIDAD 2. EQUIPO ENTREGA- 18-01-24

CrEACION DE MANUAL DE IDENTIDAD CORPORATIVA QUE CONTENGA LOS SIGUIENTES ASPECTOS:

1. LOGOTIPO, IMAGOTIPO O ISOTIPO final, SEGÙN SEA EL CASO DE CADA EMPRESA
2. usos y aplicaciones de los COLORES CORPORATIVOS (PONER CODIGO RGB Y HEXADECIMAL DE CADA COLOR,

SE EXTRAE DE LA PAGINA: https://colorhunt.co/palettes/teal)

1. TIPOGRAFIA ELEGIDA (SERIF, SANS SERIF, MANUSCRITA Ò DECORATIVAS)
2. usos y APLICACIÒN DEL LOGOTIPO, ISOTIPO O IMAGOTIPO EN FONDO BLANCO, FONDO NEGRO Y A COLOR.

***EL MANUAL SE REALIZARÀ A MANO EN HOJAS BLANCAS TAMAÑO CARTA ASPECTOS A CONSIDERAR:

• DISEÑO
• CREATIVIDAD
• ORDEN
• LIMPIEZA

#80BCBD

CÒDIGO HEXADECIMAL

rgb(170, 217, 187)

COLORES CORPORATIVOS

EJEMPLOS

APLICACIÒN DEL LOGOTI PO SOBRE FONDO BLANCO, COLOR Y NEGRO

EJEMPLOS

USOS DEL LOGOTIPO

17-01-24

ENTREGA FINAL. EQUIPO 19-01-24

IMAGEN CORPORATIVA

1. NOMBRE DE LA MARCA
2. OBJETIVO DE LA MARCA
3. INSIGHT
4. PROCESO DE BOCETAJE DEL LOGOTIPO, ISOTIPO Ó IMAGOTIPO (BURDO, COMPRENSIVO, DUMMY)
5. Propuestas de color de logotipo (fondo negro y a color)
6. diferencia de tamaños (3x3 y 10x10 cm)
7. mANUAL DE IDENTIDAD CORPORATIVA (usos y aplicaciones de los COLORES CORPORATIVOS, TIPOGRAFIA ELEGIDA, usos y APLICACIÒN DEL LOGOTIPO EN FONDO BLANCO, FONDO NEGRO Y A COLOR.)

ASPECTOS A CONSIDERAR:

• hojas blancas tamaño carta
• DISEÑO
• CREATIVIDAD
• ORDEN
• LIMPIEZA