diseño web equilibrado. diseño web equilibrado podemos definir el diseño de una composición...

Diseño web equilibrado

Diseño Web Equilibrado

• Podemos definir el diseño de una composición gráfica como la adecuación de distintos elementos gráficos previamente seleccionados dentro de un espacio visual, combinándolos de tal forma que todos ellos puedan aportar un significado a la misma, consiguiendo el conjunto transmitir un mensaje claro al espectador.


• El diseño gráfico 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.


No existe un método mágico que consiga una composición exitosa, pero sí que existen una reglas básicas de diseño que

facilitan la transmisión de un mensaje por medio de una composición gráfica de forma efectiva.


No existe un método mágico que consiga una composición exitosa, pero sí que existen una reglas básicas de diseño que

facilitan la transmisión de un mensaje por medio de una composición gráfica de forma efectiva.

Proporciones, escalas, contrastes, agrupaciones, reticulados, alineaciones, simetrías, equilibrio entre contenidos y

jerarquía visual.

Diseño Web Equilibrado: Las proporciones

En el caso de una página web, los tamaños posibles son muy pocos, generalmente dos (800x600 y 1024x768

píxeles), pero es de suma importancia decidir para cuál de ellos se va a trabajar, ya que, aunque es posible diseñar una página para que sea compatible con ambas resoluciones, tan solo en una de ellas se visualizará tal y como la diseñemos.


En el caso de una página web, los tamaños posibles son muy pocos, generalmente dos (800x600 y 1024x768 píxeles).


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.


También podemos delimitar proporciones mediante el color, con el que podemos definir distintas áreas tonales útiles para distribuir de forma adecuada toda la información

gráfica. En este sentido, los colores puros y saturados tienen un mayor peso visual que los secundarios neutros, y estos

mayor que los terciarios poco saturados.


Otra técnica para definir proporciones es el uso de agrupaciones de elementos y la correcta distribución de estas en la pantalla, lo que nos va a permitir estructurar de una forma u otra la composición.


Las formas regulares tienen menor peso que las irregulares.

Las formas alargadas y angulares alargan el campo de visión, creando zonas dominantes.

No importan los elementos usados en una composición deberemos siempre buscar unas proporciones adecuadas entre ellos, el objetivo es que cada uno cumpla su papel

comunicativo de forma adecuada.


En el caso del diseño web, el tamaño del área de trabajo es fijo, pero si que deberemos establecer una escala de trabajo

adecuada para dimensionar los elementos de nuestra página.

Diseño Web Equilibrado: La Escala

La regla Aurea


La regla Le Cobusier


• En Diseño Web, el logotipo debe tener un tamaño relativo adecuado a la página, los sistemas de navegación (menús) deben ser lo suficientemente grandes como para ser vistos y manejados con facilidad, pero no tanto que resten importancia al contenido informativo de la página,


El contraste permite resaltar el peso visual, lo podemos conseguir por medio de diversos medios: tonos,

colores, contornos y escala

Diseño Web Equilibrado: Contraste

Diseño Web Equilibrado: Contraste

El ser humano, tanto pos su carácter racional como por herencia cultural, tiende a organizar los elementos que percibe en torno a conjuntos significativos organizados. Esta inclinación a agrupar elementos relacionados en un factor que influye de forma notoria en la percepción que tenemos de nuestro entorno, de lo que vemos alrededor nuestro.

Diseño Web Equilibrado: Agrupación

Las composiciones gráficas no escapan a esta tendencia, por lo que una correcta agrupación de sus elementos les otorga un carácter lógico, racional, que aumenta su valor comunicativo.

La agrupación de nuestros elementos gráficos y textuales puede basarse en diferentes criterios:

• Proximidad: Tendemos a agrupar aquellos objetos que están próximos, cercanos entre sí.

• Semejanza: Tendemos a agrupar los elementos iguales o parecidos.• Continuidad: Nuestra mente tiende a agrupar aquellos elementos que

tienen una continuidad significativa.• Simetría: Tendemos a agrupar los elementos para que aparezcan ordenados

formando figuras conocidas.


Diseño Web Equilibrado: reticulado

• Cómo armonizar los bloques de contenido que formarán la composición del diseño.

• Una composición gráfica debe ser equilibrada no sólo en contenidos, sino también visualmente, hasta tal punto que podemos decir que el orden en la disposición espacial de los elementos de la misma es uno de los factores más importantes para su éxito.

Diseño Web Equilibrado: reticulado

Diseño Web Equilibrado: Alineación

Si bien las alineaciones son imprescindibles, pueden originar monotonía visual si se siguen a rajatabla, al

producir páginas demasiado cuadriculadas y artificiosas. Por ello, es bueno introducir algunos

elementos que, sin romper el reticulado y las alineaciones básicas, introduzcan un poco de variedad visual, de frescura en el diseño. Buscar el equilibrio

entre alineaciones y elementos que las rompan es una de las tareas principales del diseñador de páginas web.

Diseño web equilibrado

diseño web equilibrado. diseño web equilibrado podemos definir el diseño de una composición...

Documents