ELEMENTOS DEL DISEÑO WUCIUS WONG y JOAN ACOSTA.docx

Introduccion a los elementos del diseño para comunicar a traves de las percepció visual

1. ELEMENTOS EN EL DISEÑO
5. Elementos conceptuales: punto, línea, plano y volumen
Un diseñador de interfaces web debe conocer los elementos conceptuales básicos
del diseño y utilizar un lenguaje común que describa de manera genérica las
acciones y los elementos, incluso antes de que estos sean visibles en la interfaz.
Contenidos del artículo
5. Elementos conceptuales: punto, línea, plano y volumen
5.1. El punto
5.2. La línea
5.3. El plano
5.4. El volumen
Los elementos conceptuales se utilizan durante las primeras etapas del diseño,
cuando aún se está prototipando. Son efímeros e invisibles, ya que son utilizados
únicamente para plasmar una idea, una posición o una dirección dentro de un
determinado espacio visual.
Los elementos conceptuales son el punto, la línea, el plano y el volumen. En la
siguiente imagen animada se puede ver cómo a partir del punto se pueden crear
todos los elementos conceptuales.
5.1. El punto

2. Cuando se habla de un punto se hace para indicar una posición dentro de un espacio
determinado. Cuando hacemos foco en un punto concreto tenemos que tener en cuenta
los elementos adyacentes y su influencia.
Características del punto:
No posee ninguna dimensión.
No tiene posición en el espacio.
Indica una dirección.
Es el principio y el fin de una línea.
Es donde dos líneas se encuentran o se cruzan.
Transformación: Cuando un punto se mueve, su recorrido se transforma en una línea o
puede considerarse también una sucesión de puntos.
5.2. La línea
Es un ente invisible, es la traza que deja un punto al moverse. Es, por lo tanto, un producto
que surge del movimiento.
Características de la línea:
Posee una sola dimensión, largo.

3. Tiene posición y dirección en el espacio.
Está limitada por puntos y forma los bordes de un plano.
Transformación: El recorrido de una línea en movimiento crea un plano.
5.3. El plano
Como elemento icónico, tiene una naturaleza absolutamente espacial. Nos permite
imaginar un contenedor de una sola dimensión con superficie material.
Características del plano:
Posee dos dimensiones, largo y ancho.
Tiene posición y dirección en el espacio.
Está limitado por líneas.
Define los límites extremos de un volumen.
Transformación: El recorrido de un plano en movimiento da lugar a la aparición del
volumen.
5.4. El volumen
Este concepto facilita la representación más realista de los elementos del diseño. Nos
permite fragmentar el espacio plástico de la imagen sugiriendo una tercera dimensión a
partir de la articulación de planos bidimensionales superpuestos.

4. Características del volumen:
Posee tres 3 dimensiones, largo, ancho y profundidad.
Tiene posición en el espacio.
No tiene dirección.
Está limitado por planos.
Transformación: No tiene ninguna transformación.
Cabe destacar que el punto, la línea, el plano y el volumen son herramientas fundamentales
que permiten a los diseñadores crear composiciones visuales complejas y coherentes. Cada
uno de estos elementos tiene su propia personalidad y puede ser utilizado de diversas
maneras para crear una variedad de efectos.
6. Elementos visuales: forma, medida, color, textura
En el artículo anterior vimos los elementos básicos conceptuales que nos permiten
crear formas de todo tipo. Estos elementos básicos con los que podemos crear
elementos más complejos tienen unas características visuales, que son la forma,
la medida, el color y la textura.
Contenidos del artículo
6. Elementos visuales: forma, medida, color, textura
6.1. La forma
6.2. La medida
6.3. El color
6.4. La textura
6.1. La forma

5. La forma tiene lugar cuando una línea se une con otra cerrando un plano. El área
encerrada destaca con respecto al espacio que le rodea.
Figura 6.1. FORMA
6.2. La medida
Todos los elementos tienen un tamaño que se puede establecer por comparación
con el resto de elementos presentes. Por tanto, se puede decir si un elemento es
más grande o más pequeño que otro. Además, los elementos son físicamente
medibles.
Figura 6.2. MEDIDA
6.3. El color
Los diferentes elementos no sólo se diferencian por su forma o tamaño, sino
también por su color. En este sentido, es posible utilizar cualquier color, en cualquier
variación tonal y cromática.

6. Figura 6.3. COLOR
6.4. La textura
La textura se refiere a la apariencia de la superficie de un elemento, que puede ser
plana, con relieve, suave, áspera, homogénea, rugosa, etc.
Figura 6.4. TEXTURA
7. Elementos de relación: dirección, posición, espacio,
gravedad
En los dos artículos anteriores vimos los elementos básicos conceptuales que nos
permiten crear formas de todo tipo y las características visuales que las definen.
Ahora vamos a ver los elementos de relación que nos ayudan a definir la ubicación y
la relación entre las distintas formas. Los elementos de relación son la dirección, la
posición, el espacio y la gravedad.
Contenidos del artículo
7. Elementos de relación: dirección, posición, espacio, gravedad
7.1. La dirección
7.2. La posición
7.3. El espacio
7.4. La gravedad
7.1. La dirección

7. Indica la dirección de un elemento con respecto al resto de elementos presentes en
el sistema. Se puede utilizar para crear un flujo visual que guíe al usuario a través de
la página. Por ejemplo, una dirección diagonal puede crear una sensación de
movimiento, mientras que una dirección vertical puede dar una sensación de
estabilidad y solidez.
Figura 7.1. Elementos de relación: Dirección.
7.2. La posición
Define la posición exacta de un elemento respecto a la estructura en el que se
encuentra ubicado. Los elementos pueden estar posicionados de manera simétrica
o asimétrica. Una disposición simétrica es más formal y puede ser útil para
transmitir una sensación de orden. En cambio, una disposición asimétrica puede ser
más dinámica y emocionante.
Figura 7.2. Elementos de relación: Posición
7.3. El espacio
Todos los elementos presentes en un sistema ocupan un espacio. Sin embargo,
este espacio puede ofrecer diferentes sensaciones en cuanto a su profundidad. El
espacio negativo, también conocido como espacio en blanco, puede ser utilizado
para dar un respiro al ojo del usuario y permitirle centrarse en los elementos
importantes de la página. También puede utilizarse para separar los elementos y
crear una jerarquía visual.

8. F
igura 7.3: Elementos de relación: Espacio
7.4. La gravedad
La gravedad es la fuerza que ejerce sobre los objetos en una página. Gracias a la
sensación de gravedad podemos dar diferentes sensaciones a los elementos:
pesadez, estabilidad, inestabilidad, etc. Los objetos pueden parecer más pesados o
más ligeros dependiendo de cómo se coloquen. Por ejemplo, si un objeto se coloca
en la parte superior de una página, puede parecer más ligero que si se coloca en la
parte inferior.
Figura 7.4: Elementos de relación: Gravedad
Como hemos visto, los elementos de relación son esenciales en el diseño ya que
permiten crear una jerarquía visual y guiar al usuario a través de la página. La
dirección, la posición, el espacio y la gravedad pueden ser utilizados de manera
efectiva para crear un diseño atractivo y funcional. Es importante tener en cuenta
que cada diseño es único y que estos elementos deben ser utilizados de manera
consciente y coherente con el mensaje que se desea transmitir.
8.Elementos prácticos del diseño: representación, significado y función
Los elementos prácticos son aquellos que tienen una interpretación subjetiva y a los
que podemos dotar de un significado. Los elementos prácticos son
la representación, el significado y la función.

9. 8. Elementos prácticos del diseño: representación,
significado y función
8.1. Representación
8.2. Significado
8.3. Función
8.4. ¿Para qué hemos estudiado los elementos prácticos del diseño?
8.1. Representación
Un elemento es representativo cuando se ha creado a partir de un objeto presente
en el mundo real. Ejemplo: Representación de la luna.
Figura 8.1. REPRESENTACION
8.2. Significado
Un elemento tiene un significado cuando transmite un mensaje. Ejemplo: el Yin
Yang describe las dos fuerzas fundamentales opuestas y complementarias que se
encuentran en todas las cosas.
Figura 8.2. SIGNIFICADO
8.3. Función
Un elemento tiene una función cuando es capaz de transmitir el propósito para el
cual ha sido creado. Ejemplo: la señal de prohibido hace la función de prohibir el paso.

10. Figura 8.3. FUNCIÓN
Además, es conveniente saber que un objeto puede disponer de uno o varios
elementos prácticos.
8.4. ¿Para qué hemos estudiado los elementos prácticos del diseño?
Porque los elementos prácticos del diseño son fundamentales para la creación de
productos visuales efectivos. La representación adecuada, el significado coherente y
la función clara son los pilares que permiten que un diseño cumpla su objetivo de
comunicar y ser comprendido. Es importante tener en cuenta estos elementos al
momento de diseñar cualquier producto visual, ya sea una página web, una
aplicación móvil o un cartel publicitario.