_gramática visual y
configuración
_índice
Gramática visual y configuración
Diferencia entre los conceptos configurar y diseñar............... 03
Elementos básicos de configuración
de la forma: punto, línea, plano y volumen.................................. 04
Organización de la forma................................................................... 05
Textura....................................................................................................... 12
Fuentes de información....................................................................... 15
diseño 02
Diferencia entre los conceptos configurar y diseñar
Para comprender el lenguaje del diseño, se requiere inicialmente
experimentar con las reglas de composición básica. Así, los conceptos
configurar y diseñar van de la mano pero no se refieren a lo mismo.
ESCUELA
El plano gráfico es una superficie El diseño se considera un lenguaje
plana bidimensional donde se expresado de manera visual, donde
componen las figuras, y la forma su mensaje contiene tres elementos
surge de organizar los elementos básicos: imagen (forma), texto
sobre dicho plano. De ese modo, (tipografía) y color (elemento más
mediante la composición se expresivo y significativo). El diseño,
configura, es decir, se establece un a su vez, comprende un proceso en
orden, relación y jerarquía entre las su proyectación, acompañado de
figuras que comprende la forma. una metodología propia de la
disciplina. Por lo tanto, diseñar
implica práctica, así como la
comprensión de la gramática y
sintaxis del lenguaje visual.
diseño 03
Elementos básicos de configuración de la forma:
punto, línea, plano y volumen
El punto, la línea, el plano y el volumen se consideran como dispositivos
que se mueven en el espacio gráfico y en conjunto generan la forma.
Por lo tanto, el campo gráfico es la superficie sobre la que se trabaja,
delimitada por su formato y sus dimensiones. En este caso, es
bidimensional porque es un plano que sólo tiene largo y ancho.
A continuación, se describe cada uno de los elementos mencionados.
Punto: Es la marca mínima que Línea: Cuando un punto se mueve
deja un instrumento de dibujo sobre el campo gráfico, su recorrido
sobre una superficie. se transforma en línea.
Se caracteriza por: Se caracteriza por:
• Indicar una posición sobre el • Ser unidimensional, es decir, tiene
campo gráfico. largo pero no ancho.
• Ser adimensional, es decir, no • Estar determinada por sus
tiene largo ni ancho, aunque sí extremos y su grosor.
ocupa un lugar en el espacio.
• Tener una posición y una dirección.
• En la gráfica, tener variadas
formas: redondo o cuadrado, • Formar los bordes de un plano.
regular o irregular.
• Ser el principio y el fin de una
línea.
• Ser donde dos líneas se cruzan.
diseño 04
Plano: Cuando una línea se Volumen: Cuando un plano se
mueve sobre el campo gráfico mueve en dirección distinta a la
su recorrido, en dirección suya, intrínseca, se convierte en
distinta a la suya intrínseca, se volumen.
convierte en plano.
Se caracteriza por:
Se caracteriza por:
• Ser tridimensional, es decir,
• Ser bidimensional, es decir, tiene largo, ancho y
tiene largo y ancho. profundidad.
• Estar limitado por líneas. • Estar limitado por planos y
tener una posición en el
• Tener una dirección y una espacio.
posición.
• Ser ilusorio en el plano
• Formar los límites extremos bidimensional.
de un volumen.
Organización de la forma
La forma tiene infinidad de características; por ejemplo, destaca de un
área como punto; tiene una dirección como línea; se concibe como un
plano geométrico, orgánico, irregular o accidental; puede ser vista como
volumen; tiene color y textura; se clasifica como positiva (negro sobre
blanco) o negativa (blanco sobre negro); y, sobre todo, se organiza
como unidad en el campo gráfico.
diseño 05
A continuación, se describirán los criterios por los que se organiza una
forma:
1. Interrelación
Distancia
Entre los elementos del espacio se ejercen fuerzas de
atracción recíproca, por lo que al aplicar una distancia
entre ellos, no debe ser demasiada y perder la correspon-
dencia, ni tampoco mínima y que se toquen.
Toque
Si los elementos finalmente ceden al acercamiento y
comienzan a tocarse, el espacio que existía entre ambos
queda anulado.
Superposición
Un elemento se superpone o cruza por encima de otro;
uno queda en primer plano y el otro en segundo. Además,
si ambos poseen la misma figura, uno cubriría totalmente
al de abajo, produciendo una coincidencia.
Unión
Si los elementos se reúnen pueden dar lugar a una nueva
forma, ya que se eliminan los contornos originales.
06
Sustracción
Cuando una forma negativa avanza sobre una positiva le
resta área; el resultado es una figura incompleta.
diseño
Unión
Si los elementos se reúnen pueden dar lugar a una nueva
forma, ya que se eliminan los contornos originales.
Sustracción
Cuando una forma negativa avanza sobre una positiva le
resta área; el resultado es una figura incompleta.
Intersección
De la unión surge una forma nueva y más pequeña, donde
quedan borradas las formas originales.
2. Contraste
Figura-fondo
Una forma se articula con uno o varios objetos, donde
el que es más fácil de percibir por su simplicidad, se
convierte en figura, y el más complejo en fondo. Sin
embargo existen las figuras ambiguas estudiadas
desde la Psicología de la Gestalt; éstas parecen jugar
con la percepción del sujeto, quien no logra determinar
cuál es la figura y cuál es el fondo.
Positivo-negativo
El ojo humano percibe desde la figura-fondo, por lo
cual se habla de positivo cuando la figura negra (espacio
ocupado) se relaciona con el fondo blanco (espacio
vacío); en caso contrario −figura blanca sobre fondo
negro−, se concibe como negativo.
Trama
El significado literal de trama proviene de una urdimbre
diseño
de hilos. Sin embargo, en el diseño y las artes gráficas,
las tramas son las pantallas compuestas por puntos y
líneas en varias direcciones, las cuales se aplican para
07
crear la ilusión de volumen. Éstas se miden por su
convierte en figura, y el más complejo en fondo. Sin
cuál es la figura y cuál es el fondo.
embargo existen las figuras ambiguas estudiadas
desde la Psicología de la Gestalt; éstas parecen jugar
con la percepción del sujeto, quien no logra determinar
cuál es la figura y cuál es el fondo.
Positivo-negativo
El ojo humano percibe desde la figura-fondo, por lo
cual se habla de positivo cuando la figura negra (espacio
Positivo-negativo
ocupado) se relaciona con el fondo blanco (espacio
vacío); en caso contrario −figura blanca sobre fondo
El ojo humano percibe desde la figura-fondo, por lo
negro−, se concibe como negativo.
cual se habla de positivo cuando la figura negra (espacio
ocupado) se relaciona con el fondo blanco (espacio
3. Efecto vacío); en caso contrario −figura blanca sobre fondo
negro−, se concibe como negativo.
Trama
El significado literal de trama proviene de una urdimbre
de hilos. Sin embargo, en el diseño y las artes gráficas,
Trama
las tramas son las pantallas compuestas por puntos y
líneas en varias direcciones, las cuales se aplican para
El significado literal de trama proviene de una urdimbre
crear la ilusión de volumen. Éstas se miden por su
de hilos. Sin embargo, en el diseño y las artes gráficas,
densidad en puntos, y dependiendo de ello, se pueden
las tramas son las pantallas compuestas por puntos y
percibir tonos grises claros, medios o altos. De hecho,
líneas en varias direcciones, las cuales se aplican para
las imágenes impresas se logran con una serie de
crear la ilusión de volumen. Éstas se miden por su
puntos de diferente diámetro que se superponen.
densidad en puntos, y dependiendo de ello, se pueden
percibir tonos grises claros, medios o altos. De hecho,
las imágenes impresas se logran con una serie de
puntos de diferente diámetro que se superponen.
Gradiente
El gradiente o gradación equivale a la transición que se
da entre el blanco y el negro (escala de grises), de un
Gradiente
color a otro, o de una figura a otra. El intervalo entre
una transición y otra tiene que darse de manera
El gradiente o gradación equivale a la transición que se
imperceptible para que se visualice una forma
da entre el blanco y el negro (escala de grises), de un
continua.
color a otro, o de una figura a otra. El intervalo entre
una transición y otra tiene que darse de manera
imperceptible para que se visualice una forma
continua.
4. Estructura
Agrupamiento
Mientras que en la trama los puntos están ordenados
de manera lineal, concéntrica o como un contorno
Agrupamiento
geométrico; en el agrupamiento se disponen de
manera
Mientrasespontánea o aleatoria.
que en la trama Además,
los puntos están los puntos
ordenados
pueden
de maneraser iguales, similares, próximos
lineal, concéntrica o comoo lejanos entre
un contorno
sí, y formar figuras. Así, el agrupamiento
geométrico; en el agrupamiento se disponen derepresenta la
posibilidad inmediataopara
manera espontánea configurar
aleatoria. cualquier
Además, cosa.
los puntos
pueden ser iguales, similares, próximos o lejanos entre
sí, y formar figuras. Así, el agrupamiento representa la
posibilidad inmediata para configurar cualquier cosa.
Tensión
Para Dondis (1990), se concibe la tensión como lo
opuesto al equilibrio (simetría); gracias a ello las figuras
Tensión
adquieren fuerza espacial y gran potencial visual.
Aunque la tensión puede provocar inestabilidad y
Para Dondis (1990), se concibe la tensión como lo
cierto malestar en el observador, a veces funciona
08
opuesto al equilibrio (simetría); gracias a ello las figuras
como una técnica poderosa para llamar su atención.
adquieren fuerza espacial y gran potencial visual.
Aunque la tensión puede provocar inestabilidad diseño
y
cierto malestar en el observador, a veces funciona
como una técnica poderosa para llamar su atención.
Agrupamiento
Mientras que en la trama los puntos están ordenados
de manera lineal, concéntrica o como un contorno
geométrico; en el agrupamiento se disponen de
manera espontánea o aleatoria. Además, los puntos
pueden ser iguales, similares, próximos o lejanos entre
sí, y formar figuras. Así, el agrupamiento representa la
posibilidad inmediata para configurar cualquier cosa.
Tensión
Para Dondis (1990), se concibe la tensión como lo
opuesto al equilibrio (simetría); gracias a ello las figuras
adquieren fuerza espacial y gran potencial visual.
Aunque la tensión puede provocar inestabilidad y
cierto malestar en el observador, a veces funciona
como una técnica poderosa para llamar su atención.
Movimiento
Al igual que el volumen, el movimiento es ilusorio, ya
que no existe realmente dentro de una composición;
aún en el cine es una secuencia de fotogramas fijos. El
movimiento proporciona dinamismo, audacia y
vivacidad a los diseños.
Dirección
Una línea o figura se define por su dirección, la cual
tiene que ver con el agrupamiento, tensión y
movimiento. De ese modo, se recomienda utilizar la
dirección que se orienta hacia el cuadrante superior
derecho, debido a que esta sección provoca
psicológicamente la salida a un espacio abierto, y en
caso contrario la cancela. Además una dirección
vertical refiere a lo activo y la horizontal a lo pasivo.
diseño 09
5. Armonía
Ritmo
El ritmo está relacionado con el movimiento
(por ejemplo, al caminar) y los procesos vitales
(por ejemplo, la respiración o los latidos del
corazón). En el caso de una composición, las
formas con ritmo impiden la monotonía, pues
el ojo humano prefiere la variación; alternar
los elementos de forma coordinada provoca
atracción, ya sea en intervalos constantes o
complejos.
Equilibrio
Algo se considera bello porque posee
equilibrio, el cual, por sentido común, se
relaciona con el peso o estabilidad de las
figuras.
Simetría
La simetría es una condición casi común en
la naturaleza, por ejemplo, se encuentra en
el rostro y el cuerpo humano, o en las formas
orgánicas e inorgánicas como un copo de
nieve. Así, la simetría se establece como orden
al cortar un plano por cualquiera de sus ejes:
vertical, horizontal, diagonal o radial.
diseño 10
Tipos de simetría
Simetría axial:
Se obtienen dos partes iguales en área,
proporción y posición; lo más común es el corte
en espejo.
Simetría de traslación:
Las partes que son iguales, se deslizan por sobre
un eje de manera constante.
Simetría radial:
Como su nombre lo indica, irradia de un punto
central.
diseño 11
Textura
Se denomina textura a la apariencia externa de la estructura de
los objetos, pero también al tratamiento que se puede dar a una
superficie a través del uso de materiales. De ese modo, se consideran
dos categorías de textura:
1. Textura real: se identifica por ser táctil y perceptible
en toda la superficie de cualquier objeto. Por lo tanto,
es posible encontrarla en la naturaleza o puede ser
fabricada por el ser humano. Así, este tipo de textura es
inherente a los materiales que existen en el ambiente
físico.
(s. a.) (2017). Follaje [fotografía]. Tomada de https://
[Link]/es/photo/680465 (s. a.) (2013). Canasta realizada con fibras de palma
de Chunga, Panamá [fotografía]. Tomada de https://
[Link]/wiki/File:Canasta_de_fibras_
de_palma_de_Chunga.JPG
diseño 12
2. Textura artificial: Se produce a través de
representaciones ópticas de los materiales, por lo
cual se considera ilusoria e inexistente, a excepción
de algunas creaciones impresas con pigmentos y
papeles que poseen un acabado texturizado. Es
común encontrarla en el arte de la pintura, y también
puede evocar objetos tridimensionales.
(s. a.) (s. f.). La mujer que llora 1937, Pablo Picasso Pérez, S. (s. f.). Columna, Mural del Gran hotel, Ciudad de
[fotografía]. Tomada de [Link] México [fotografía].
[Link]/2013/07/[Link]
diseño 13
Para su experimentación, se considera la obtención de texturas visuales
a partir de diferentes métodos; algunos de ellos son:
Dibujo: Utilizando diversos materiales de trazo (por
ejemplo, tiza, carbón, tinta, etc.) y diferentes papeles
(por ejemplo, rugosos, gofrados, brillantes, etc.).
Copia: Se frota un lápiz o grafito suave sobre un papel
suave que se encuentra por encima de una superficie
rugosa.
Raspado: Una superficie se entinta con una capa
gruesa de pigmento y ésta se talla para producir
efectos texturizados.
Mecánicos: Fotografías, pantallas u otros.
Digitales: Manipulando programas para asemejar
diversos acabados.
Mixtos: Por ejemplo, crear una textura con
pigmentos con minerales, arenas u otros materiales,
y posteriormente trasladar el resultado a un sistema
digital.
En su máximo valor como unidad de expresión básica, una forma debe ir
acompañada de una textura, ya que esto agrega a lo creado una mayor
percepción aumentando la información que se muestra de la misma.
diseño 14
_fuentes de
información
Fuentes de información
Unidad 3 | Básicas
Bibliografía
De Sausmarez, M. (1995). Diseño básico.
Barcelona: Gustavo Gili.
Dondis, D. (2011). La sintaxis de la imagen.
México: Gustavo Gili.
Prette, M. y De Giorgis, A. (2006). Leer el arte
y entender su lenguaje. Madrid: Susaeta.
Puente, R. (2008). Dibujo y comunicación
gráfica. Barcelona: Gustavo Gili.
Scott, R. (2007). Fundamentos del diseño.
México: Limusa.
Twemlow, A. (2007). ¿Qué es el diseño gráfico?
2. Manual de diseño. España: Gustavo Gili.
VV. AA. (2008). El pequeño sabelotodo: El
sentido común para diseñadores. Barcelona:
Index Book.
Wong, W. (2011). Fundamentos del diseño.
México: Gustavo Gili.
diseño 15
