El
diseño de una página web debe estar acorde con el contenido de la misma. Esto
quiere decir que la selección del tipo de diseño que va a llevar nuestra
web debe estar acorde con lo que el usuario busca en ella y con el producto o
servicio ofrecido por la misma.
Una
página destinada a juegos (http://www.juegos.com/)
y un periódico digital (http://www.elpais.com/global/)
implican estéticas totalmente diferentes, ya que mientras que en la primera
prevalecerán los colores fuertes y estará basada en imágenes, el periódico
digital deberá ofrecer un aspecto más sobrio, elegante, ordenado y se basará en
imágenes y contenidos escritos.
El
diseñador deberá analizar estos factores y planificar su trabajo,
haciendo una maqueta. Esta maqueta no es más que un dibujo de lo que programará
posteriormente.
¿Cuáles
son los principios del diseño web?
Ante
esta pregunta, debemos comentar que el diseño web debe seguir los mismos
principios que rigen cualquier clase de diseño. Una página web, la portada de
un libro, una revista, un periódico o cualquier otra publicación deben estar
diseñados bajo los mismos principios, entendiendo las diferencias que corresponden
a cada medio.
Esto
quiere decir que, para tener ejemplos de buenos diseños, podemos
observar y analizar publicaciones exitosas y atractivas para saber cómo se
deben ordenar y decorar los elementos componentes de nuestra web. Otra
forma de observar buenos diseños es visitar páginas que se destaquen por ello,
como puede verse en las siguientes páginas:
Los
principios que rigen el diseño web son:
Equilibrio - Es
la distribución de
los elementos visuales
en una composición.
Con esto queremos decir
que ningún elemento
de la estructura
o la composición
debe llamar más la atención que otros, en comparación con el resto de la
composición.
Nuestros
ojos y mentes están más cómodos con una visión equilibrada de diseño o
composición. Como diseñadores, a veces tendemos a hacer que el diseño tenga alguna
inclinación hacia un lado o, a veces, a dejarlo totalmente desequilibrado.
Pero
antes de hacer un balance, hay que, en primer lugar conocer y aprender los conceptos
básicos - ¿Qué es el equilibrio y la manera de lograrlo?
El equilibrio
simétrico se produce cuando encontramos igualdad de peso y tono en ambos
lados de nuestra composición. Cuando un diseño puede ser centrado tanto
vertical como horizontalmente tiene la más
completa simetría posible.
El equilibrio simétrico
en general se
presta a lo más formal,
en diseños ordenados.
A menudo transmiten
una sensación de tranquilidad, o familiaridad, o elegancia
o contemplación.
El equilibrio
asimétrico es visto en los
diseños y composiciones
que suelen estar
fuera del centro. Son generalmente más dinámicos porque
intencionalmente e hace caso omiso de mantener el equilibrio el diseñador puede
crear tensión, expresar movimiento, o
transmitir un estado
de ánimo como
la ira, emoción, alegría, diversión o la casualidad.
Los elementos
de diseño salen
de una turbulencia
o giran en torno a una forma circular o espiral. Las
partes del diseño debe estar organizadas de manera que sean equilibradas en
toda la anchura y la longitud de la página a menos de
que se tenga
intencionalmente el objetivo
de crear una
falta de equilibrio
Balance
– Es el equilibrio que debe existir entre los diferentes elementos que componen
la página. Imágenes y texto, elementos grandes y pequeños, zonas oscuras y
claras, etc., deben estar balanceadas de forma tal que la página no solo
resulte atractiva, sino que además logre enfocar la atención del usuario sobre
aquellos elementos que nos interesa que lo haga.
Contraste – El contraste es una forma de distinguir los elementos que
deseamos resaltar. Diferencias en la tipografía, diferencias en las formas
(círculos, cuadrados, rectángulos, etc.), diferencias de tamaño (una imagen más
grande con otras más pequeñas, por ejemplo), texturas y fondos diferentes,
etc., son algunos de los contrastes que pueden emplearse para enfocar la
atención del usuario sobre los elementos más importantes de la página
Énfasis – Es una forma de distinguir algo dentro de un elemento. Un
ejemplo de esto es lo que sucede con este texto, donde los títulos se
encuentran resaltados así como algunas palabras o frases, de forma que facilita
la comprensión de lo que se quiere transmitir.
Repetición o ritmo – El ritmo o repetición es una forma de
establecer patrones con los que se ordenan los elementos de la página. Si los
elementos de una página web siguen un patrón determinado, es mucho más sencillo
para las personas comprender el contenido y acceder a la mayor parte del mismo
en poco tiempo. Este punto es clave para mantener la usabilidad del sitio.
Proximidad o unidad – Este concepto se refiere a colocar juntos o
próximos los elementos que estén relacionados, formando unidades visuales que
brindan coherencia al contenido de la página.
No hay comentarios:
Publicar un comentario