La semana pasada vimos los elementos de cero y una dimensión, es decir, el punto y la línea. Esta semana añadiremos un par de dimensiones y hablaremos de las superficies y los planos (2D) para pasar después a los volúmenes (3D). A lo largo de la semana consideraremos las ideas de masa visual y peso.
Antes de llegar a todo lo anterior, quiero empezar con una discusión sobre la forma.

Permítanme disculparme de antemano por ir saltando de un nombre a otro a lo largo de este post. Forma, superficie, plano, forma, volumen, masa, peso. Se intercambian mucho dependiendo de dónde los leas. Esperemos que no se convierta en algo demasiado confuso a medida que leas aquí o incluso mejor que todos estos términos de gramática visual queden más claros para cuando termines este post.

¿Qué es la forma?

La forma es cualquier elemento positivo que colocamos en una página en contraposición a los elementos negativos que consideramos espacio. La forma es el punto, la línea, el plano y el volumen. Son las formas y los puntos y el texto y las texturas y las imágenes que utilizamos en nuestro diseño. Si se trata de un elemento positivo, es la forma.

Incluyo la forma aquí en la serie, ya que la mayoría de las veces se utiliza como sinónimo de forma o de volumen, para aquellos elementos que son bidimensionales o tridimensionales. A menudo he encontrado esto confuso al leer los artículos que hablan de la forma, ya que el mayor significado más inclusivo de la forma suele estar ausente dejando a uno a creer que una forma es una forma de 2 dimensiones en un lugar y un volumen de 3 dimensiones en otro.

De nuevo la forma es cualquier elemento positivo en su página. Todo en tu diseño es forma o espacio, positivo o negativo, figura o fondo.

La forma y el espacio, la figura y el fondo son mutuamente dependientes. No puedes cambiar uno sin cambiar el otro. La relación entre la forma y el espacio crea tensión, determina la cantidad de actividad visual y el movimiento, y da una sensación de tridimensionalidad en un diseño. El espectador debe comprender primero la relación entre la forma y el espacio antes de entender cualquiera de los objetos individuales de la página.

Todas las formas tienen algún tipo de significado, aunque ninguna es mejor que otra a la hora de comunicarlo. Sin embargo, la elección de las formas que se utilizan es una consideración importante para comunicar el mensaje correcto, su mensaje.

Superficies, planos, formas

De la misma manera que una línea puede considerarse una serie de puntos adyacentes, un plano o superficie puede considerarse una serie de líneas adyacentes. Simplemente estamos añadiendo otra dimensión. Las superficies y los planos son objetos abstractos. Hablaremos de ellos más bien como figuras o formas al pensar en ellos como objetos concretos.

Los planos o superficies actúan en su mayoría como puntos. La diferencia es que el tamaño de la superficie ha crecido lo suficiente como para convertirse en una característica importante al igual que el contorno que define el plano. Cuanto mayor sea el tamaño del plano, más secundarias serán las características de los puntos. Este tamaño es relativo al espacio y a los elementos que lo rodean.

Los planos grandes pueden seguir actuando como puntos si el espacio que los rodea es lo suficientemente grande y cualquier otro elemento del espacio lo suficientemente pequeño. A medida que los tamaños relativos cambian, hay un punto de cambio que se produce cuando el plano se hace lo suficientemente grande como para que su forma afecte al espacio y a las demás formas que lo rodean.

Cuanto más activo sea el contorno de un plano, más dinámica parecerá su forma y menos parecido a un punto.

Aunque técnicamente un objeto bidimensional no tiene masa ni volumen, nuestros elementos bidimensionales tienen peso y masa visuales. Esta masa y peso visuales están determinados por el tamaño y la simplicidad o complejidad del contorno de la forma.

Las formas grandes y simples tienen un gran peso visual y parecen puntuales. Las superficies con contornos complejos e interacción con su espacio interno y externo (tanto positivo como negativo) tienen menos peso y se parecen más a las líneas.

Formas; geométricas y orgánicas

Cuando llegamos a ver el contorno exterior de una forma, nuestro cerebro intenta establecer algún significado con la forma y el contorno. Podemos agrupar estas formas en dos tipos principales, geométricas y orgánicas. Un tercer tipo de forma, la abstracta, la consideraremos como un subtipo de formas orgánicas, aunque más a menudo se considera una de las tres clases de forma.

Cuando una forma o figura tiene contornos regularizados, cuando las medidas internas y externas son matemáticamente similares en múltiples direcciones, pensamos en la forma o figura como geométrica. Las formas angulares y de bordes duros suelen considerarse geométricas.

Los 3 tipos principales de formas geométricas son el círculo, el polígono (el cuadrado y el triángulo son los más simples) y la línea. El cuadrado es el más estable y el que más peso visual tiene. El triángulo es el menos estable y muestra un gran movimiento. El círculo es casi tan estable como el cuadrado e insinúa un movimiento de rotación.

Los círculos o puntos pueden interpretarse como geométricos u orgánicos.

Las formas que tienen contornos irregulares, complejos y muy diferenciados se consideran orgánicas. Las formas suaves y con textura también parecen ser formas orgánicas, ya que se parecen más a las cosas que vemos en la naturaleza. La variación es una cualidad inherente a las formas orgánicas.

Las formas abstractas son versiones simplificadas o estilizadas de las formas orgánicas. Piense en los iconos.

La geometría existe en la naturaleza, pero a menudo está oscurecida por la percepción de la irregularidad. Piensa en una hoja. Generalmente es simétrica y a menudo está cerca de adoptar una forma triangular. Sin embargo, percibimos las irregularidades de sus contornos antes de ver esta simetría y casi triangularidad.

Las formas geométricas pueden disponerse orgánicamente y las formas orgánicas pueden disponerse geométricamente. Cualquiera de las dos crea una tensión entre las formas y su estructura. Cuando queremos transmitir un mensaje orgánico, debemos enfatizar las cualidades orgánicas de la forma y utilizar más irregularidad y variedad.

Volúmenes y masa

Los volúmenes son espacios vacíos definidos por superficies, líneas y puntos. Cuando rellenamos el espacio o damos la percepción de que el espacio dentro de un volumen se ha llenado hasta cierto punto el volumen contiene masa.

Si recuerdas de la clase de física, densidad = masa / volumen. En un diseño bidimensional sólo podemos ofrecer la percepción de masa, densidad y volumen. Cuando damos a una superficie o a un plano la ilusión de ser tridimensional, tenemos un volumen.

Podemos hacerlo añadiendo un patrón y una textura a la superficie o cambiando el color o el valor en toda la superficie para imitar el efecto de la luz y la sombra. También podemos utilizar la perspectiva dentro de una forma para crear la ilusión de que la forma es un volumen.

Como vivimos en un mundo tridimensional, cuando añadimos cualidades volumétricas a nuestro formato bidimensional añadimos una sensación de realismo a un diseño. Para algunos ejemplos eche un vistazo a cualquiera de los siguientes posts y considere cómo los diseños mostrados hacen uso de la profundidad y los elementos 3d para añadir una sensación de realismo.

• Ejemplos hermosos de elementos 3D en el diseño web
• Galería de elementos 3D en el diseño web

Los volúmenes avanzan en comparación con un plano y también tienen mayor masa y peso visual que los planos o superficies. Si superponemos un plano sobre un volumen se crea una tensión entre el primer plano y el fondo ya que lo normal es que el volumen avance y el plano retroceda.

Masa y peso visual

La masa y el peso son cualidades físicas que no existen realmente en un formato bidimensional. En el diseño hablamos de masa y peso visual u óptico.

En el mundo físico los objetos con gran masa atraen y tiran de otros objetos hacia ellos. En el mundo del diseño visual los elementos con gran masa también atraen. La percepción de la masa en un elemento es la fuerza con la que el elemento atrae la mirada hacia él.

Al igual que el volumen, la masa es algo que sólo podemos insinuar o representar en el formato bidimensional con el que trabajamos. Añadimos masa visual y peso a un elemento, a través del tamaño y el color o el valor. También podemos jugar con la forma del elemento.

A través de nuestro uso de la masa o el peso controlamos el equilibrio y el movimiento en un diseño.

Podemos añadir masa a una serie de planos angulares girándolos y dejando que se superpongan entre sí. La zona superpuesta se vuelve más oscura y se ve como si contuviera la masa de varios planos. La rotación también crea movimiento.

Añadir un patrón consistente en una superficie lleva a la percepción de que hay menos masa en ese plano. El plano también se vuelve más plano en comparación con un plano sólido adyacente. El plano sólido parece avanzar hacia el primer plano debido a la percepción de que tiene más peso.

Además de parecer más plano, nuestro plano texturizado también parece más activo que el plano sólido adyacente y si superponemos el plano texturizado sobre el plano sólido volvemos a crear tensión entre el primer plano y el fondo.

Esto cambia si el patrón o la textura emulan los efectos de la luz y la sombra, en cuyo caso la superficie o el plano se convierte en un volumen con mayor masa y peso y, naturalmente, parece menos plano. Los volúmenes son tridimensionales y la dimensión extra trae consigo la percepción de masa y peso. Una esfera siempre pesa más que un círculo.

Resumen

Las formas son cualquier elemento positivo que coloques dentro del espacio negativo de tu diseño. Todas las formas comunican y debes elegirlas en función del mensaje que quieras transmitir a tu público. La relación entre la forma y el espacio debería ser una de las consideraciones más importantes en cualquier diseño.

Los planos o superficies son formas abstractas bidimensionales. Las formas son el equivalente concreto. Un plano puede parecer un punto o una línea dependiendo de su contorno y de su tamaño relativo con respecto al tamaño del espacio y de otros elementos que lo rodean.

Los volúmenes son formas tridimensionales. Sólo pueden representarse en un formato bidimensional, pero al hacerlo dan una mayor sensación de realismo a un diseño. Los volúmenes se crean imitando los efectos de la luz y la sombra sobre una superficie o un plano.

Todas las formas tienen una masa o peso visual determinado por el tamaño y el color y por el contorno de la forma. Los volúmenes tienen más peso por defecto que las superficies, pero el peso de ambos puede aumentarse o disminuirse alterando las características de cualquiera de las formas.

Si recuerdas mi post sobre gramática visual, hablamos de objetos y estructuras. Este post y el anterior de esta serie sobre puntos, puntos y líneas cubrieron los objetos de la gramática visual.

La próxima vez continuaremos la serie pasando a discutir las estructuras. Estructurando alguno o todos los objetos que hemos visto podemos formar patrones y texturas.

La serie de elementos de diseño

• Introducción: Elementos y principios del diseño
• Puntos, puntos y líneas
• Formas: Superficies y planos, volumen y masa
• Estructuras, patrones y texturas
• Tamaño, escala y proporción
• Pensamientos sobre el espacio en blanco
• Cómo utilizar el espacio en el diseño
• Teoría del color
• El significado del color

Descargue una muestra gratuita de mi libro, Fundamentos del diseño.