La circunferencia

Elementos de diseño: la circunferencia.

12/12/03 - La circunferencia es un contorno contínuamente curvado, cuyos puntos están todos a la misma distancia de un punto central, llamado centro del círculo. La distancia constante de cualquier punto de la circunferencia se denomina radio.

La circunferencia representa el área que contiene en su interior, denominada círculo, la forma más enigmática de todas, considerada perfecta por nuestros antepasados. Su direccionalidad es la curva, asociada al movimiento, al encuadramiento, a la repetición y al calor.


La forma circular produce un movimiento de rotación evidente, posee un gran valor simbólico, especialmente su centro, y tiene connotaciones psicológicas como protección, inestabilidad, totalidad, movimiento contínuo o infinitud. Es típico representar también los espacios cerrados, herméticos, con circunferencias o círculos.

Contornos derivados de la circunferencia son el óvalo y el ovoide, con cualidades parecidas a las de ésta, pero que expresan aún más inestabilidad y dinamismo, aunque el movimiento perfecto sea una cualidad propia de la circunferencia.

La proyección tridimensional de la circunferencia es la esfera, el cuerpo geométrico más perfecto, el que contiene un mayor volumen en un menor espacio, el que define la forma tanto de los átomos como de los cuerpos celestes.

La circunferencia y el círculo son tal vez los elementos geométricos más perfectos y estables, aunque cargados de una gran carga dinámica.

Las formas circulares son muy difíciles de representar en una página web, ya que todos los elementos que nos facilita el lenguaje HTML son rectangulares, aunque aparenten no serlo. Además, las formas curvas se visualizan muy mal en los monitores, debido a la interpretación gráfica mediante pixels, que origina efectos de escalado indeseables.

Otro inconveniente de usar círculos en el diseño web deriva precisamente de ser la forma que contiene más área en el menor perímetro, ya que la mayoría de las veces al diseñador le interesa precisamente lo contrario, reducir al mínimo el área y maximizar al máximo el perímetro.


Tal vez la única forma de incluir una forma circular completa en una página sea incluyéndola en una imagen. Pero cualquier imagen es de por sí rectangular como objeto HTML, lo que nos obligará a desperdiciar todo el espacio comprendido entre el contorno circular y los bordes de la imagen, apareciendo espacios sin contenido no deseables en la mayoría de los casos.

Este efecto negativo se puede paliar incluyendo dentro de la imagen la forma circular y los demás objetos que le rodean en la composición y que se encuentran dentro de los límites del rectángulo que define la imagen, pero entonces esos elementos serán estáticos, fijos, sin posibilidad de ser modificados si no es cambiando todo el contenido de la imagen.

Una mejor solución es incluir la imagen que contiene el contorno circular (o curvo en general) como fondo de la página o de un elemento contenedor de la misma (tabla, celda de tabla, párrafo, capa, etc.), lo que nos permitirá presentar otros objetos HTML ocupando espacios vacíos alrededor de la forma circular.


Formas más sutiles y efectivas de incluir curvas en una página pueden ser recortando imágenes en forma de óvalo o círculo, e incluso simulando caminos curvos mediante elementos textuales o gráficos dispuestos en sucesión.

+ 1 manual relacionado
+ 1 categoria relacionada
+ 2 comentarios (Añadir)
+ 10 comentarios no revisados

Autoría, licencia y acciones sobre este artículo

Informe de Luciano Moreno* Consultor, diseñador y desarrollador web en ParaRedeBJS. Especialista en usabillidad y diseño centrado en el usuario. URL: http://www.htmlweb.net/ Atención: Contenido exclusivo de DesarrolloWeb.com y HTMLWeb.com. No reproducir. Copyright. * Para consultas técnicas utilizar la lista de correo. Versión imprimible del artículo Enviar artículo por e-mail Publicar un comentario del artículo

+ Entrar en Guias de diseño

Añadir un comentario del artículo Los comentarios de los visitantes son para ampliar la información del artículo. Cualquiera puede participar.

Se muestran 2 comentarios revisados

Añadir un comentario del artículo

Comentarios sin revisar

Añadir un comentario del artículo Entre los comentarios no revisados puede haber algunos interesantes que se hayan enviado recientemente.

 Se han encontrado 10 comentarios sin revisar

Ver los comentarios no revisados

Añadir un comentario del artículo

Enlaces:

Maestrosdelweb

  Ir arriba