Fundamentos del Diseño

Wucius Wong
Diseño Bidimensional
Resumen
Sandra Milena Fonseca Velásquez
Diseñadora Industrial
Magister en Ciencias de la Educación
Referencia
Fundamentos del Diseño
Wucius Wong
Título original:
Principles of form and Design
Traducción: Editorial Gustavo Gili, SA
Barcelona - 1995
1ra edición: 1995
2da edición: 1997
3ra edición: 1998
4ta edición: 2001
Referencia
1. Introducción
Elementos de Diseño
Determinan la apariencia y el contenido de un Diseño.
Elementos Conceptuales: No son visibles, son
abstractos.
Elementos Visuales: Se generan cuando los
elementos conceptuales se hacen visibles.
Elementos de Relación: Relativos a los factores
ubicación e interrelación de las formas.
Elementos Prácticos: Subyacen en el contenido
y alcance de un diseño.
Elementos de Diseño: Elementos Conceptuales
Punto: Un punto indica posición. No tiene largo ni ancho.
No ocupa una zona del espacio. Es el principio y fin de una
línea, y es donde dos líneas se encuentran o se cruzan.
Línea: Cuando un punto se mueve, su recorrido se
transforma en una línea. La línea tiene largo pero no
ancho. Tiene posición y dirección. Esta limitada por puntos.
Forma los bordes de un plano.
Plano: El recorrido de una línea en movimiento se
convierte en un plano. Un plano tiene largo y ancho, pero
no grosor. Está limitado por líneas. Define los límites
extremos de un volumen.
Volumen: El recorrido de un plano en movimiento se
convierte en un volumen. Tiene una posición en el espacio y
está limitado por planos.
Elementos de Diseño: Elementos Visuales

Forma: Identificación principal en nuestra percepción.

Medida: Todas las formas tienen un tamaño. El tamaño es
relativo pero de todas formas mesurable.
Color: Una forma se distingue de sus cercanías por medio
del color.
Textura: Se refiere a las cercanías en la superficie de una
forma. Puede atraer tanto al sentido al sentido del tacto
como de la vista.
Elementos de Diseño: Elementos de Relación

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 es juzgada por su
relación respecto al cuadro o la estructura del diseño.
Espacio: Las formas ocupan un espacio. Así, el espacio
puede estar ocupado o vacío. Puede sugerir profundidad.
Gravedad: Es una sensación no visual. Tenemos tendencia
a atribuir pesantez o liviandad, estabilidad o inestabilidad,
a formas o grupos de formas.
Elementos de Diseño: Elementos Prácticos
Representación: Cuando una forma ha sido derivada de la
naturaleza, o del mundo hecho por el ser humano, es
representativa.
Significado: El significado se hace presente cuando el
diseño transporta un mensaje.
Función: La función se hace presente cuando un diseño
debe servir para un determinado propósito.
Marco de referencia – Plano de la imagen
• Señala los límites exteriores de un diseño • Dentro de la referencia al marco esta el
y define la zona dentro de la cual plano de la imagen.
funcionan juntos los elementos creados y
• Es la superficie plana de papel o de otro
los espacios que se han dejado en blanco.
material en el que el diseño ha sido creado.
• No supone necesariamente un marco real.
Los bordes de un cartel, o las paginas de
una revista, o las diversas superficies de
un empaque se convierten en referencias
al marco.
• Puede ser de cualquier forma, aunque
habitualmente es rectangular.
2. Forma
Forma
La forma y los elementos conceptuales
• Los elementos conceptuales cuando son visibles se
convierten en forma: Un punto sobre el papel, por
pequeño que sea, debe tener una figura, un tamaño, un
color y una textura si se quiere que sea visto.
Forma
La forma como punto
• Una forma es reconocida como un punto porque es pequeña.
• La pequeñez, sin embargo, es relativa: Una forma puede parecer
bastante grande cuando esta contenida dentro de un marco
pequeño, pero Ia misma forma puede parecer muy pequeña si es
colocada dentro de un marco mucho mayor.
• La forma mas común de un punto es Ia de un círculo simple,
compacto, carente de ángulos y de dirección. Sin embargo, un
punto puede ser cuadrado, triangular, oval o incluso de una
forma irregular.
• Por lo tanto, las características principales de un punto son:
a) Su tamaño debe ser comparativamente pequeño
b) Su forma debe ser simple
Forma • En una línea deben ser considerados tres aspectos
separados:
La forma como línea La forma total: Se refiere a su apariencia general, que
puede ser descrita como recta, curva, quebrada,
• Una forma es reconocida como línea por dos razones: irregular o trazada a mano.
a) Su ancho es extremadamente estrecho El cuerpo: Como una línea tiene un ancho, su cuerpo
queda contenido entre ambos bordes. Las formas de
b) Su longitud es prominente estos bordes y Ia relación entre ambos determinan Ia
• Una línea, por lo general, transmite Ia sensación de delgadez. forma del cuerpo. Habitual mente, los bordes son lisos y
La delgadez, igual que Ia pequeñez, es relativa. paralelos, pero a veces pueden ocasionar que el cuerpo
de Ia línea parezca afilado, nudoso, vacilante o irregular.
Las extremidades: Estas pueden carecer de
importancia si Ia línea es muy delgada. Pero si Ia línea es
ancha, Ia forma de sus extremos puede convertirse en
prominente. Pueden ser cuadrados, redondos,
puntiagudos o de cualquier otra forma simple.
• Los puntos dispuestos en una hilera pueden dar Ia
sensación de una línea. Pero en este caso Ia línea es
conceptual y no visual.
Forma d) Irregulares: Limitadas por líneas rectas y curvas que
no están relacionadas matemáticamente entre si
e) Manuscritas: Caligráficas o creadas a mano alzada
La forma como plano f) Accidentales: Determinadas por el efecto de procesos
o materiales especiales, u obtenidas accidentalmente
• En una superficie bi-dimensional todas las formas lisas que
comúnmente no sean reconocidas como puntos o líneas son • Las formas planas pueden ser sugeridas por medio
planos. del dibujo. En este caso, debe considerarse el grosor
de las líneas. Los puntos dispuestos en una fila pueden
• Una forma plana esta limitada por líneas conceptuales que asimismo sugerir una forma plana.
constituyen los bordes de Ia forma (Contorno). Las
características de estas líneas conceptuales y sus • Los puntos o líneas, agrupados en forma densa y
interrelaciones, determinan Ia figura de Ia forma plana. regular, pueden sugerir asimismo formas planas. Se
convierten en Ia textura del plano.
• Las formas planas tienen una variedad de figuras que pueden
ser clasificadas así:
a) Geométricas: Construidas matemáticamente
b) Orgánicas: Rodeadas por curvas libres, que sugieren fluidez y
desarrollo
c) Rectilíneas: Limitadas por líneas rectas que no están
relacionadas matemáticamente entre si
Forma
Formas positivas y negativas
• A Ia forma se Ia ve como ocupante de un espacio, pero también • La forma, sea positiva o negativa, es mencionada
puede ser vista como un espacio blanco, rodeado de un espacio comúnmente como Ia «figura», que esta sobre un
ocupado. «fondo». Aquí el «fondo» designa a Ia zona cercana
a Ia forma o « figura».
• Cuando se Ia percibe como ocupante de un espacio, Ia
llamamos forma “positiva”. Cuando se Ia percibe como un
espacio en blanco, rodeado por un espacio ocupado, Ia
llamamos forma “negativa”.
• En el diseño en blanco y negro, tendemos a considerar al negro
como ocupado y al blanco como vacío. Así, una forma negra es
reconocida como positiva y una forma blanca como negativa.
Pero tales formas no corresponden siempre a Ia realidad.
Especialmente cuando las formas se penetran o interfieren
entre si ya no es fácil separar lo que es positivo y lo que es
negativo.
Forma • Podemos también tener:
La forma y la distribución del color Forma dibujada en negro, dentro de la forma blanca
sobre fondo negro
• Sin cambiar ninguno de los elementos en un diseño, Ia
distribución de colores dentro de un esquema definido de Forma dibujada en blanco, dentro de la forma negra
colores puede adoptar una gran escala de variaciones. sobre fondo negro

• Ejemplo: tenemos una forma que existe dentro de un marco y

podemos usar só1o blanco y negro. Se pueden obtener cuatro
formas diferentes en Ia distribución del color:
Forma blanca sobre fondo blanco: El diseño es totalmente
blanco y Ia forma desaparece
Forma blanca sobre fondo negro: Forma negativa
Forma negra sobre fondo blanco: Forma positiva
Forma negra sobre fondo negro: El diseño es totalmente negro,
y Ia forma desaparece
Forma
La forma y la distribución del color
• Si aumenta Ia
complejidad del diseño,
aumentan asimismo las
diferentes posibilidades
para Ia distribución del
color.
• Ejemplo:
Dos círculos que se
cruzan entre sí dentro de
un marco
Forma Sustracción: Cuando una forma invisible se cruza sobre
otra visible, el resultado es una sustracción. La porción
Interrelación de formas de Ia forma visible que queda cubierta por Ia invisible se
convierte asimismo en invisible. La sustracción puede ser
Distanciamiento: Ambas formas quedan separadas entre si, considerada como Ia superposición de una forma negativa
aunque puedan estar muy cercanas sobre una positiva
Toque: Si acercamos ambas formas, comienzan a tocarse. El Intersección: Igual que en la penetración, pero solamente
espacio que las mantenía separadas queda anulado es visible Ia porción en que ambas formas se cruzan
entre sí. Como resultado de Ia intersección, surge una
Superposición: Si acercamos aun mas ambas formas, una se forma nueva y mas pequeña
cruza sobre Ia otra y parece estar por encima, cubriendo una
porción de Ia que queda debajo Coincidencia: Si acercamos aun mas ambas formas,
habrán de coincidir. Los dos círculos se convierten en uno
Penetración: Igual que la superposición pero ninguna forma
parece estar sobre otra, y los contornos de ambas formas siguen
siendo enteramente visibles
Unión: Igual que la penetración, pero ambas formas quedan
reunidas y se convierten en una forma nueva y mayor. Ambas
formas pierden una parte de su contorno cuando están unidas
3. Repetición
 Repetición
• Son formas idénticas o similares que aparecen más de
una vez en un diseño
• Las columnas y las ventanas en arquitectura, las patas
de un mueble, el dibujo sobre una tela, las baldosas de
un suelo, son ejemplos de repetición
• La repetición suele aportar una inmediata sensación
de orden y armonía. Cada elemento que se repite es
como el compas de un ritmo dado
• Cuando los elementos que se repiten son utilizados en
gran tamaño y pequeñas cantidades, el diseño puede
parecer simple y audaz; cuando son infinitamente
pequeños y se utilizan en grandes cantidades, el
diseño puede parecer un ejemplo de textura uniforme
Repetición
Tipos de repetición
(Respecto a los elementos visuales)

Repetición de figura
Repetición de tamaño
Repetición de color
Repetición de textura
Repetición de dirección
 Repetición
Variaciones en la repetición - Anomalía
La NO repetición de un solo elemento, puede provocar Ia
sensación de desorden, y elimina la sensación de armonía que
asociamos normalmente con Ia disciplina de Ia repetición.

Anomalía: Presencia de Ia irregularidad en donde prevalece

Ia regularidad.
Marca cierto grado de desviación de Ia conformidad general,
lo que resulta en una interrupción, leve o considerable, de Ia
disciplina total.
Objetivos:
• Atraer Ia atención
• Aliviar Ia monotonía
• Transformarla regularidad - Quebrar Ia regularidad
Repetición
Variaciones en la repetición - Anomalía
Repetición
Modulación
Modularidad: Capacidad que tiene un sistema de ser estudiado, visto o entendido
como la unión de varias partes que interactúan entre sí y que trabajan
solidariamente para alcanzar un objetivo común, realizando cada una de ellas
una tarea necesaria para la consecución de dicho objetivo. Cada una de esas
partes en que se encuentre dividido el sistema recibe el nombre de módulo. Un Modulación reticular: Reticular: Que tiene forma de
módulo debe ser independiente del resto de los módulos, sin embargo debe red - Red: El término red se utiliza para definir a una
poder comunicarse con ellos (con todos o sólo con una parte) a través de un estructura que cuenta con un patrón característico –
nodo. Patrón: modelo que sirve de muestra para sacar otra
cosa igual, sucesos u objetos recurrentes
• Módulo: Elemento con función propia concebido para poder ser agrupado de
distintas maneras con otros elementos constituyendo una unidad mayor.
• Nodo: Espacio donde convergen varios elementos que comparten las mismas
características y que a su vez también pueden ser nodos - Se interrelacionan
de una manera no jerárquica y conforman lo que se llama red. Así el concepto
de red puede definirse como "conjunto de nodos interconectados” - En
electricidad, es un punto de conexión entre dos o más elementos de un
circuito - En informática, un “punto de intersección o unión de varios
elementos que confluyen en el mismo lugar”
Repetición
Modulación
Repetición
Submódulos y supermódulos
Un modulo puede estar compuesto por elementos más
pequeños, que son utilizados en repetición. Tales elementos
son denominados “Submódulos”
Si los módulos, al ser organizados en un diseño, se agrupan
juntos para convertirse en una forma mayor, que luego es
utilizada en repetición, denominamos “Supermódulos” a
estas formas mayores o nuevas
Repetición
Repetición vs Modulación
Repetición
Simetría
• Correspondencia de posición, forma y tamaño, de
los elementos de un conjunto o de dos o más
conjuntos de elementos entre sí, respecto a un
punto, una línea o un plano.
• Dos objetos son simétricos, si el resultado de
aplicar una operación matemática, transformación
o movimiento a un objeto, es otro objeto
indistinguible en su aspecto del objeto original.
• En la composición artística y del diseño, se utiliza la
simetría para evocar equilibrio y belleza. Esto
parte de que en general los seres humanos
concebimos los objetos simétricos como bellos.
Repetición 180°
Simetría
Tipos de simetría
• Esférica o de rotación: Se da cuando se aplica cualquier tipo de rotación a un objeto de manera
repetitiva hasta que consigue la posición inicial. La simetría de rotación sucede gracias a un eje
central (punto) de rotación.
• De abatimiento: Es un caso de simetría de rotación. Se da cuando hay dos objetos iguales, tras
llevarse a cabo un giro de 180º de uno con respecto del otro.
• De traslación: Conjunto de repeticiones que lleva a cabo un objeto a una distancia siempre
idéntica del eje y durante una línea que puede estar en cualquier posición.
• De ampliación o dilatación: Se da cuando dos objetos son iguales en forma pero no en tamaño,
porque uno es el resultado de ampliar el original, desde un eje hacia afuera, de manera
progresiva.
• Bilateral, reflectiva o axial: Se da cuando hay dos objetos iguales en efecto espejo: un objeto es
reflejo del otro. Se puede decir que uno de los objetos va en un sentido y el otro en sentido
contrario. La simetría bilateral sucede gracias a una línea recta que es el eje de simetría. A los
dos lados del eje aparecen los objetos iguales a la misma distancia de este, así los puntos de uno
de los objetos coinciden con los puntos del otro, tomando como referencia el eje. También se da
cuando la mitad de un objeto es igual a la otra mitad en efecto espejo. Si se pudiera doblar el
objeto a la mitad, se comprobaría que son dos mitades idénticas, una reflejo de la otra.
 Repetición
1. 2.
Simetría

5. 6.
4.
3.
11.
7.
9.
8. 10.
Repetición
Simetría
12. 13. 14.
 Repetición
16. 17.
Simetría - Agrogramas

15.

18. 19. 20.

Repetición
Simetría
Simetría en biología
Es la correspondencia ideal en el cuerpo de un animal o una planta, tomando como referencia un centro, un eje o
un plano. De acuerdo a esta correspondencia, se distribuyen ordenada y equilibradamente los órganos o partes
del cuerpo. / Es la equilibrada distribución en el cuerpo de los organismos, de aquellas partes que aparecen
duplicadas.
La mayoría de organismos pluricelulares exhiben alguna forma de simetría. Una pequeña minoría no presenta
ningún tipo de simetría (son asimétricos).
• Simetría radial: Definida por un eje heteropolar (que presenta diferencias en sus dos extremos) a partir del
cual se establecen los planos principales de simetría. El extremo que contiene la boca se llama lado oral, y su
opuesto lado aboral o abactinal. / Este tipo de organismo tiene partes semejantes dispuestas en torno a un
eje central común. Ejemplo: Erizos y estrellas de mar, aunque en realidad presentan simetría radial
secundaria: las fases de desarrollo tempranas y las larvas poseen simetría bilateral que posteriormente se
pierde en el adulto. La mayoría de las flores.
• Simetría bilateral: Definida por la existencia de un único plano, llamado plano sagital, que divide el cuerpo de
un organismo en aproximadamente dos mitades especularmente idénticas, llamadas mitad izquierda y mitad
derecha. Un plano perpendicular al sagital, llamado plano frontal, separa una mitad dorsal de otra ventral. La
simetría bilateral permite la definición de un eje corporal en la dirección del movimiento, lo que favorece la
formación de un sistema nervioso centralizado y la cefalización. Ejemplo: Humanos y perros. Flores como las
orquídeas presentan simetría bilateral. Las hojas de la mayoría de las plantas son también bilaterales.
Repetición
Fractal
Es un objeto geométrico cuya
estructura básica se repite a
diferentes escalas. Alfombra de Sierpinski

• La palabra “fractal” proviene del latín Triangulo de

fractus, que significa “fragmentado”, Sierpinski
“fracturado” Conjunto
Mandelbrot
Características:
• Autosimilitud: Propiedad de un objeto
en el que el todo es exacta o
aproximadamente similar a una parte Copo de nieve de koch
de sí mismo.
• Infinitud: Por mas que nos acerquemos
o alejemos del grafico fractal,
observaremos siempre la misma
estructura. Por esto no se puede
afirmar a qué distancia nos
encontramos del objecto, ni
cuando/donde comienza o termina.
Repetición
Fractal
Fractales en la naturaleza
• Las formas fractales, las formas en la que
las partes se asemejan al todo, están
presentes en la materia biológica, junto con
las simetrías (las formas básicas que solo
necesitan la mitad de información genética) y
las espirales (las formas de crecimiento y
desarrollo de la forma básica hacia la
ocupación de un mayor espacio), como las
formas más sofisticadas en el desarrollo
evolutivo de la materia biológica.
• Ejemplos: ADN, Algas, Árboles, Costas,
Cristales, Cuernos de cabras monteses,
Cadenas montañosas, Olas marinas, Ananás,
Proteínas, Anillos de Saturno, Coliflor
romanesco, Copos de nieve, Redes fluviales,
Relámpagos, Ritmo cardíaco, Terremotos,
Vasos sanguíneos y pulmonares.
Repetición
Fractal
Gráficos fractales
 5. Similitud
• Relación entre cosas que tienen
características comunes (entran en una misma
clasificación), sin embargo no son iguales.
 6. Gradación
• Cambio gradual de manera ordenada
• Ejemplos: Gradación de forma, tamaño,
color, textura, dirección, posición…

Gradación alternada
6. Gradación