Upload
myriam-noury-punina
View
304
Download
1
Embed Size (px)
Citation preview
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.