El documento describe las reglas básicas de diseño efectivo y equilibrado, incluyendo el uso del equilibrio formal e informal, los factores que dinamizan una composición como la tensión y el ritmo, y la importancia de seguir las pautas naturales de lectura de izquierda a derecha y de arriba abajo.

2. El diseño ha de tener en cuenta los aspectos psicológicos de la percepción humana y las significaciones culturales
que pueden tener ciertos elementos, eligiendo éstos de forma que cada uno de ellos tenga un porqué en la
composición y buscando un equilibrio lógico entre las sensaciones visuales y la información ofrecida. Lo más
importante de toda composición es el mensaje que subyace bajo ella. Es nuestro trabajo buscar la máxima
eficacia comunicativa, transmitiendo ese mensaje por medio de una composición que impacte visualmente al
espectador y le haga receptivo.

3. Ahora bien, sin una disposición adecuada de las formas, colores y agrupaciones, sin un equilibrio
global en la composición, el mensaje no llegará de forma adecuada al espectador. Las reglas de
Fundamentos de Composición Visual son aplicables igualmente al diseño de páginas web, aunque
sujetas a las limitaciones que impone este formato y modificadas para adaptarlas a la interactividad y a
las posibilidades multimedia del mismo.
Este va a ser el tema de este capítulo de nuestro curso, estudiar las reglas básicas de diseño efectivo y
equilibrado: peso de los elementos, equilibrios, factores que dinamizan la composición y el recorrido
visual

4. Podemos definir como la ordenación adecuada de los elementos de nuestro
diseño, ya sean texto o ilustraciones, destinados a lograr los objetivos propuestos,
es decir, impactar visualmente al público receptor de nuestro mensaje.
No hay ninguna norma específica que nos garantice el éxito de nuestra
composición, aunque sí existen una serie de pautas a las que uno se puede
adecuar, con las que uno consigue aproximarse a soluciones compositivas más
eficaces.
Toda composición trabaja junto con elementos, es decir cada uno de los objetos, textos, clip, gráficos, etc. Dentro de nuestra área de trabajo se le
denomina como tal.
Ahora debemos definir qué partes del área de diseño deben estar ocupadas por elementos y qué partes van a quedar vacíos, sin contenido
alguno. Si dejamos muchos espacios vacíos la composición puede resultar descoordinada, ya que será difícil establecer relaciones globales entre
los elementos o entre los grupos de ellos. Pero si el número de componentes es elevado, podemos obtener una obra sobrecargada, difícil de
entender, en la que no se distingue con claridad qué es cada cosa y cuál es el mensaje que quiere transmitir.
Empezaremos a situar entonces los elementos en escena, como si fueran actores de nuestra particular obra de teatro, combinándolos de
diferentes formas hasta que obtengamos un resultado satisfactorio. En este punto es muy importante tener en cuenta que cada elemento visual
tiene una función determinada dentro de la composición

5. La información visual que aporta un elemento puede cambiar según lo hagan las propiedades
del mismo, como su tamaño, forma o color, pero sobre todo su proporción, el peso visual que
tenga en el total de la composición. Indudablemente, la forma más directa de marcar
proporciones es mediante el tamaño relativo de los elementos. Los elementos más grandes,
altos o anchos tienen una carga visual superior a los más pequeños, cortos o finos, creando
zonas de atracción más intensas
Cada elemento que se ubique en el área de diseño (en este caso la pantalla del ordenador)
adquiere un peso visual en la composición.
Nuestro diseño debe constituir un todo en el que cada uno de los elementos gráficos de que
nos servimos posea una función específica, sin interferir en importancia y protagonismo a los
elementos restantes.
Debemos tener claro el orden de importancia de cada elemento (título, ilustración, textos, etc.)
y darle su proporción adecuada.
Esto no quiere decir que si queremos resaltar la ilustración, la misma será del tamaño de la
mitad de la pantalla, opacando por completo el resto de los elementos o creando así una
composición desequilibrada y poco atractiva.
Hay que encontrar las relaciones fundamentales entre los elementos y el espacio gráfico.
El peso visual es el que determina en última instancia, el poder de atracción

8. Podemos conseguir en nuestra composición ese equilibrio de formas y líneas, es decir, los pesos de
los elementos deben estar compensados.
La manera de medir el peso de las formas y líneas del diseño es, analizando la importancia visual de
estos dentro de nuestra composición. Toda composición debe poseer un equilibrio visual y se
conocen dos tipos: el formal y el informal.
El centro óptico de nuestra pantalla no es precisamente el centro geométrico de la misma, pues el
primero está ubicado un poco por encima del segundo

9. El equilibrio formal es aquel que está basado en la simetría, es decir que
posee igual peso en ambos lados del eje central (centro óptico) de nuestra
página o pantalla
Las composiciones con equilibrio formal o simétrico reflejarán estabilidad,
calma y estatismo. No supone una composición muy audaz, aunque lo
que sí asegura es una distribución armónica de los elementos

10. Las composiciones con equilibrio informal visual no son simétricos, el
equilibrio se logra al contrastar y contraponer los pesos visuales de los
elementos
Se puede introducir una ligera variación en una figura simétrica
desalineando las dos mitades, solapándolas o añadiendo alguna variación a
una de ellas. Los equilibrios informales o asimétricos proyectan fuerza
gráfica y dinamismo.

11. Los factores pueden considerarse como lo opuesto al equilibrio desde el punto de vista estructural de un diseño. No por ello se
aleja de la distribución de una buena composición. Estos factores nos pueden ayudar a coaccionar al receptor en un mensaje
específico, también nos dan secuencia a nuestras presentaciones, para que estas no se vean afectadas por lo monótono.
La tensión consiste en aplicar al diseño fuerza, dinamismo y movimiento.
Esta se puede lograr combinando líneas y formas agudas e irregulares aplicando algunas técnicas como:
 Técnica Sugestiva
 Técnica Rítmica
 Técnica Mecánica
La aplicación de tensión en el diseño de la pantalla de nuestro curso, logrará un dinamismo y agilidad en la composición,
rompiendo el aburrimiento de un diseño demasiado formal.

12. Técnica Sugestiva: Consiste en dirigir la atención intencionadamente, a través de otros
elementos, la atención a un punto determinado. Por ejemplo muchas líneas confluyen en
un mismo punto o muchos personajes dirigen en la fotografía su atención hacia el mismo
sitio.
Las líneas finalizan todas en un mismo sitio, la manzana
Técnica Rítmica: Basada en la tendencia innata del ojo humano a completar secuencias
portando parte de sus propios conocimientos previamente adquiridos y a percibir elementos
semejantes como un todo tendiendo a agruparlos. Cuando contemplamos determinadas
secuencia de elementos( ya sean formas, números figuras geométricas y colores) tendemos
a agrupar aquellos que poseen formas semejantes.
En este caso, agrupamos los elementos en filas verticales, eludiendo hacerlo en
sentido horizontal cuando todos se encuentran equidistantes tanto en sentido
horizontal como en el vertical.

13. Técnica mecánica: Consiste en guiar de manera imperativa la atención del observador. Puede llegar a
ser menos efectiva que las técnicas anteriores ya que se produce coacción visual sobre el observador.
El factor de ritmo se produce cuando encontramos una repetición secuencial de un conjunto de elementos.
Con esta técnica se puede producir dinamismo y armonía en nuestra composición. Es capaz de transmitir movimiento dentro del
área de diseño, gracias a la aproximación de elementos semejantes.
El ojo humano se encuentra predispuesto a realizar recorridos dinámicos por la composición, lo cual le transmite una alta sensación
de dinamismo.
Los recursos empleados son:

14. De forma establecida por nuestro sistema de percepción visual, influenciados además por factores culturales, procedemos siempre a
leer la información gráfica según un esquema direccional constante y preestablecido.
En el mundo occidental, la escritura se realiza en sentido horizontal con un trazado de izquierda a derecha.
Por lo tanto, poseemos una inclinación natural a mantener esta direccionalidad en la decodificación que
hacemos de los mensajes gráficos.
Teniendo en cuenta este principio, el diseñador ha de intentar distribuir la información gráfica procurando
mantener esta estructura de Iectura en la disposición de los elementos, adjudicando a cada uno la ubicación
óptima para que la transmisión de su mensaje alcance la máxima efectividad comunicativa.

15. Cuando nos enfrentamos a una única página, la entrada al área de diseño se realiza siempre por el margen superior izquierdo. La salida
se efectúa siempre por el margen inferior derecho.
Desde que entramos hasta que abandonamos la página habremos realizado un promedio máximo de diez fijaciones visuales por hoja,
habiéndonos detenido una media de dos veces en cada bloque de información.
Siempre realizamos un recorrido visual en sentido descendente avanzando de izquierda a derecha.
Nuestros diseños deben mantener esta estructura de lectura para alcanzar el éxito en la comunicación.

16. Debemos colocar la información más importante en la parte superior derecha de la pantalla y
seguir ubicando la información en forma descendente y en orden importancia.
La información que queremos que los usuarios recuerden por sobre todo, debemos ubicarla
al final del diseño, en el margen inferior derecho.
Tengamos presente la información suministrada a la hora de realizar nuestros diseños, así
como también lo que pretendemos comunicar con la máxima eficacia gráfica.