Morton 24 de febrero de 2015 a las 10.23
   Imprimir artículo
elWebmaster.com

Claves para lograr un balance visual en tu dise√Īo web


freelancers-wideEl balance es siempre sobre armonía. Cuando ves algo que se ve bonito, con un sentido de consistencia y similaridad, es probable que estés ante una composición perfectamente balanceada. Puede ser un objeto de la naturaleza, una pintura, un edificio, una fotografía o incluso, un sitio web.

Balance simétrico

Si quieres que algunos objetos en tu p√°gina web (o todo el sitio) se vean pulidos y elegantes, debes hacer un sitio web sim√©trico. Este efecto es f√°cilmente conseguible a trav√©s de ubicar objetos similares en cada lado del eje central. Por ejemplo, puedes usar im√°genes del mismo tama√Īo, p√°rrafos adecuados a grillas, o fotos con texto acorde.

Como este tipo de dise√Īo es m√°s placentero a la vista, es el m√°s usado en dise√Īo web. Esto provoca que quienes usan Internet a menudo est√©n ya cansados de esta tendencia.

simetrico

Balance asimétrico

La asimetr√≠a trae un esp√≠ritu casual a tu dise√Īo. Es algo un poco menos natural para tus visitantes, a√ļn cuando es usado comunmente en dise√Īo gr√°fico. Habr√°s visto sitios web con fondos gigantescos que presentan un objeto desplazado del eje de composici√≥n.

Otra gran forma de usar balance asim√©trico en tus dise√Īo es con objetos desproporcionados luego de la portada. Pueden ser l√≠neas curvas, grupos de l√≠neas, grupos de objetos de diferentes tama√Īos o combinaciones de texto con fotos.

asimetrico

 Balance horizontal

Este tipo de balance es el m√°s t√≠pico para dise√Īos de sitio web. La mayor√≠a de las culturas leen de izquierda a derecha, por lo que es natural observar elementos similares o iguales en los costados izquierdo y derecho de las p√°ginas.

Una estructura de p√°gina con balance horizontal es altamente recomendada para proyectos con un p√ļblico conservador. Si tu cliente est√° enfocado en la creatividad, entonces tu dise√Īo debe ser simple y claro.

horizontal

Balance vertical

El balance vertical ocurre cuando los elementos de la parte superior y los de la inferior del dise√Īo son muy similares. Una imagen pesada puede ser balanceada con espacio blanco, un men√ļ liviano, o elementos ricos en colores. Esta soluci√≥n es ideal para proyectos con un slider de im√°genes puesto en alguna parte de la cabecera, o dise√Īos basados en tipograf√≠a.

vertical

Fuente original del artículo: Vandelay Design
Traducción realizada por elWebmaster.com


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder