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.

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

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

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

• La fuerza detrás del balance es la gravedad.

• Balance simétrico o asimétrico.

Fundamentos

Balance

6

Balance simétricoTodas las figuras en un lado se duplican exactamente en el otro ladode la página.

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.

• 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

9

• 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

• 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

12

• 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

14

• 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

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.

• 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.

• 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.

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

¡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)

• 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.

• 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.

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

¡Las lineas rojas siempre estan paralelas entre ellas!

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

Forma plana determinada por líneas de borde Delimitamos y clasificamos las diferentes zonas de nuestra composición.

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.

• 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.

• 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.

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?

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

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.

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

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.

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)

• 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

• Contrastes que funcionan

• 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

• 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.

• Anatomía de la letra

• Las partes de la letra tienen su nombre especifico de acuerdo a su función.

• 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

• 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.