Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Promoción de webs | Rentabilidad de webs
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo

El diseño equilibrado. La escala


Se entiende por escala la relación entre las proporciones de los elementos visuales de una composición.


09/1/04 - Se entiende por escala la relación entre las proporciones de los elementos visuales de una composición.

Todos los elementos tienen la capacidad de modificarse y definirse unos a otros según las relaciones que se definan entre las propiedades análogas de ellos. Por lo tanto, el concepto de escala no se refiere sólo a la relación entre tamaños de dos o más elementos, sino también a la relación entre colores, formas, etc.

Un elemento es grande o pequeño según el tamaño de los elementos que le acompañan en el escenario. El color de una forma es brillante o apagado según el color del fondo sobre el que se encuentra.



Es decir, las propiedades de un elemento visual no son absolutas, sino relativas, ya que dependen de las del resto de elementos que le acompañan en la composición.

La proporción relativa entre elementos debe ser equilibrada, lo que implica el uso de una escala correcta en la composición. Las escalas son utilizadas de esta forma en planos y mapas, para conseguir representar los objetos reales lo más correctamente posible, con las proporciones adecuadas entre ellos.



En una composición gráfica la escala usada es igualmente importante, tanto para distribuir el espacio de diseño de forma acertada como para dar equilibrio de proporciones a los elementos, usándose a veces diferentes métodos de distribución de eficacia probada, como la regla Aurea o el método de Corbusier.

La regla Aurea, inventada por Vitruvio, se utiliza para obtener escenarios de trabajo de proporciones equilibradas, y se basa en contemplar un espacio rectangular dividido en terceras partes, tanto horizontal como verticalmente, consiguiendo con ello seccionar los espacios en partes iguales.



Por su parte, el método de proporciones creado por el arquitecto francés Le Corbusier utiliza como unidad modular de escala el tamaño del hombre, estableciendo con ella las alturas correctas de los objetos que usamos y de los elementos de una construcción arquitectónica.



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.

Escala proporcionada entre logotipo,
opciones de menú y contenido



Así, 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, etc.



Un error muy común es ente sentido es el de los iconos, que deben ser suficientemente grandes como para que no pierden sus rasgos diferenciadores ni su zona activa si actúan como enlaces, pero nunca tanto que destaquen en exceso, sobre todo si van acompañados de un texto explicativo.

 Seguir navegando a partir aquí:
+ 1 manual relacionado
+ 1 categoria relacionada
+ 2 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 Versión imprimible del artículo
Enviar artículo por e-mail Enviar artículo por e-mail
Añadir un comentario al artículo Publicar un comentario del artículo

Manuales relacionados con este artículo
Dentro de Curso práctico de diseño web

Categorias relacionadas
A través de las categorías de nuestro directorio se pueden encontrar otro tipo de recursos relacionados con este artículo:
+ Entrar en Guias de diseño


 Comentarios sin revisar
Entre los comentarios no revisados puede haber algunos interesantes que se hayan enviado recientemente.
 Se han encontrado 2 comentarios sin revisar

Ver el comentario no revisadoVer los comentarios no revisados
Añadir un comentario al artículo Añadir un comentario del artículo



Enlaces:
Maestrosdelweb
  Ir arriba

Manuales relacionados
+Curso práctico de diseño web
Categorías
+Guias de diseño

Lectura recomendada

Compra este libro en Agapea, la librería urgente a domicilio.

Tienda DesarrolloWeb

DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia