La mayoría de los desarrolladores Web, cuando piensan en la
alineación piensan en el atributo o la propiedad CSS. Pero la alineación
de los elementos de la página es tan importante como si el texto está
justificado o su imagen flota a la izquierda. La alineación proporciona
el marco estructural de un diseño. La alineación puede afectar el estado
de ánimo de la página, así como su eficacia para conseguir su mensaje.
Pero el diseño de la página puede ser tan estructurado, con un
sistema rígido que es evidente, o puede ser más sutil. Si entendemos
cómo alinear los elementos de manera efectiva en la página web, seremos
capaces de romper las reglas de una manera eficaz también.
Estas imágenes muestran una página Web con tres simples elementos y
cómo podemos diseñar dichos elementos de la página para crear diseños
diferentes.
La alineación a la izquierda es, probablemente, la alineación más común en cualquier diseño. Es organizada y segura. Proporciona un ambiente conservador para cualquier diseño, ya que es confortable y familiar.
El alineado a la derecha es similar a la alineado a la izquierda en
la que todos los elementos están de acuerdo pero alineados en el lado
derecho del contenedor. Esta disposición es un poco menos común que la
alineación a la izquierda, y proporciona una sensación de diseño menos
conservador.
La forma más sencilla de hacerlo es con propiedades CSS, movemos los
elementos a la derecha y luego los obligamos a permanecer por debajo de
otros en el flujo del documento.
El centrado en las alineaciones es popular en el diseño web, especialmente con los diseñadores noveles. El centrado proporciona un enfoque convencional, pero hay que tener cuidado, ya que si centramos el diseño puede parecer plano y aburrido, a menos que lo hagamos realmente bien. Cuando la alineación está perfectamente equilibrada, no hay nada que el ojo pueda enfocar, de modo que el diseño se ve plano.
El centrado es fácil de hacer. Sólo tenemos que utilizar el CSS para alinear los distintos elementos de la página Web.
Algo que recordar cuando se utilizan las alineaciones de centrado, es
que los grandes bloques de texto pueden ser muy difíciles de leer.
“En caso de duda, no centremos”.
El justificado de los diseños es muy similares a los diseños centrados, pero en lugar de tener un borde dentado en el elemento de texto, se centra en ambos lados. Los diseños justificados tienen un aspecto más formal y sencillo que los diseños centrados, y pueden crear un diseño más elegante.
Los diseños justificados utilizan las mismas técnicas de centrado que la alineación centrada, también se añade la propiedad text-align al estilo de cualquier bloque de texto para justificarlo.
Hay una sutil diferencia entre esta imagen y la imagen de página de
alineación centrada. En este ejemplo, la imagen y el título están muy
centrados en el diseño -, pero el texto está alineado a la izquierda. El
texto no coincide con la alineación del resto de la página.
En la página siguiente ofrecemos una sugerencia de cómo solucionar este problema.
En la página siguiente ofrecemos una sugerencia de cómo solucionar este problema.
Este diseño utiliza un centrado de elementos en un punto. En cambio,
hay un borde visible alrededor del texto. Esto resuelve el problema que
teníamos en el ejemplo anterior, porque está claro que el cuadro de
texto es lo que está centrado.
Este diseño también tiene la ventaja de resolver el problema del textos centrados que son difíciles de leer.
Este diseño también tiene la ventaja de resolver el problema del textos centrados que son difíciles de leer.
La estructura de este diseño esta creada por la asociación de los
diferentes elementos. Por ejemplo, las líneas de cabecera con la parte
inferior de la imagen. El bloque de texto se alinea en la misma línea
vertical como el titular.
La mayoría de los diseñadores Web prefieren este tipo de diseño porque ofrece más interés en el mismo. No es tan conservador como las alineaciones a la izquierda o a la derecha y tampoco es tan plano como un diseño centrado.
La mayoría de los diseñadores Web prefieren este tipo de diseño porque ofrece más interés en el mismo. No es tan conservador como las alineaciones a la izquierda o a la derecha y tampoco es tan plano como un diseño centrado.
Link para buscar la informacion:
Lucero Mariana Aldape Sánchez.
No hay comentarios:
Publicar un comentario