El cuadrado

  • 13 de noviembre de 2003
  • Valoración:
  • 13 Comentarios
  • Guias de diseño
Elementos de diseño: el cuadrado.
El cuadrado es la figura geométrica formada por cuatro líneas rectas de igual longitud, denominadas lados, que forman ángulos perfectamente rectos en los puntos de unión entre ellas (esquinas a 90º).


El cuadrado es una figura muy estable y de carácter permanente, asociada a conceptos como estabilidad, permanencia, honestidad, rectitud, limpieza, esmero y equilibrio.

La figura derivada del cuadrado por modificación de sus lados es el rectángulo, de propiedades análogas al cuadrado, aunque sugiere menos perfección y estabilidad.


El cuadrado expresa direccionalidad horizontal y vertical, referencia primaria con respecto al equilibrio y el bienestar. Es menos sugerente y más neutro que los rectángulos, pero más sólido. Invita a mirar su centro y pasear la mirada en espiral en torno a ese punto.


Los rectángulos horizontales aportan solidez, estabilidad, dan la sensación de ser difíciles de volcar. Cuando son de gran tamaño permiten que la mirada el espectador se pasee de un lado a otro, en sentido horizontal.


Los rectángulos verticales, por el contrario, da sensación de menos solidez, es menos estable, parece que puede volcarse en cualquier momento. En ellos, la mirada del espectador no puede de un lado a otro, pero puede moverse verticalmente, dando sensación de elevación, y es apto para representar aquellos objetos que en la realidad tienen una forma ascendente.


Los cuadrados y rectángulos verán modificadas sus cualidades visuales según su forma, tamaño, color del contorno y área interna, ubicación, escala, etc.
La proyección tridimensional del cuadrado es el hexaedro o cubo, cuerpo geométrico muy asociado a las obras propias del ser humano, como los edificios.
Los rectángulos son las formas más naturales para un ordenador, ya que el monitor y las ventanas de los sistemas operativos gráficos son todas rectángulos horizontales. Una página web posee una forma claramente rectangular, definida por la ventana del navegador. Además, los elementos web (tablas, capas, animaciones Flash, applets de Java, etc.) son de forma rectangular.

Esto hace que los rectángulos sean especialmente adecuados para su uso en las páginas web, proporcionando equilibrio y estabilidad a las mismas.


Sin embargo, es conveniente seguir una serie de pautas a la hora de usar rectángulos, con vistas a evitar la monotonía y el aspecto artificial de una página demasiado cuadriculada:

  • Cada rectángulo debe estar alineado con los demás objetos de la página que le rodean.
  • El tamaño del rectángulo debe ser mayor que el contenido del mismo, lo suficiente como para que éste se presente libre, con espaciados convenientes por los cuatro lados.
  • No usar en las tablas bordes por defecto, es decir, grises y con efectos de relieve. Si se usan para separar lógicamente registros, es mejor asignarles un borde fino (sobre 1 píxel) de un color que contraste suficientemente con el borde, pero que no resulte llamativo en exceso. De todas formas, es preferible utilizar otros métodos para obtener la separación, como filas de dos colores alternativos (pijamas).
  • Si de desea situar en la página varios rectángulos de funcionalidad análoga (caso de elementos de un menú de navegación, por ejemplo), es preferible posicionarlos en series horizontales, ya que se percibirán más como una línea que como un conjunto rectangular.

La dureza visual de los rectángulos se puede suavizar añadiéndoles otros elementos que los modifiquen en parte. Un ejemplo de esto son las tablas o botones con esquinas redondeadas, que rompen la monotonía de la forma rectangular.


Otra forma de compensar la rigidez de las formas rectangulares es combinarlas en la composición con formas curvas que aporten libertad y dinamismo.

Autor

Luciano Moreno

Consultor, diseñador y desarrollador web en ParaRedeBJS. Especialista en usabillidad y diseño centrado en el usuario.

Comentarios

ALVARO

13/4/2009
no me gusta esta pagina
COMERME LOS HUEVOS HIJOS DE PUTAAAAAA

chido

23/2/2010
holaa
aburido

viviana

21/9/2010
ooooo
gracias x esto me quitan el trabajo de pensar

yasmaq_2010

28/3/2011
Muy bueno!!!
Es muy bueno, ese post, ya que te ayuda a comprender mejor de como estan formadas la mayoria de las web, y ademas te da un horizonte de como formularlas....Gracias!!!

Karlaa Sofia Perez

21/9/2011
Amm Jumm
Casi no me sirvio no nomas x comentar eso XD

adriana

27/9/2011
genial............
es genial esto encontre mi investigacion wujuuu

joshua

28/9/2011
comentario personal
Son muy buenas las definiciones de el cuadrado

rebe

06/10/2011
exelente
esta exelente para mi tarea

Cotaaa

14/11/2011
Elementos del cuadrado
esk no repondiste mi duda cuales son los elemsntos del cuadradoo toy desesperadaaa nesesito terminar el trabajooo D:

erika melendes

05/6/2012
el cuadrado
el caudrado es muy importante en la matematica eu2k

jean carlos camacaro

05/6/2012
daniela
daniela es una puta porque anoche me la pegue y me desia ay,ay,ay,ay,ay,ay,ay,ay,ay,ay,jean me duele el culo pero no me importa pega mas duro

juan camacho

06/6/2012
los narisones
el mundo esta llenos de puros narisones empesando por mi mama

daniela

07/6/2012
mi vida con jean carlos camacaro
si jean me cogio y era myu rico asi que es toy alarorden para darte culito lllame si estas interesado tlf=0426 8764055

Compartir