Elementos de caja en el diseño del sitio web para compartir capacitación en informática de Beijing
¿Cuál es el propósito de utilizar el diseño de cuadro?
Tal vez esto sea un poco filosófico y teórico para ti. Echemos un vistazo a las razones por las que otros eligen un diseño cuadrado. Por cierto, el cuadro al que me refiero también incluye rectángulos, y en algunos casos también se utilizan rectángulos. Hay dos razones principales para utilizar este elemento. Primero, ayuda a organizar el contenido. En segundo lugar, también puede crear un estilo especial. Son el elemento perfecto para expresar tus deseos y necesidades interiores.
Al observar las obras de Dennis Adelmann, es obvio que utiliza elementos de caja para organizar sus obras. Es una manera fácil de organizar cualquier cantidad de contenido y simplificar las cosas.
Pero mira el sitio web WeLoveNoise, ¡es completamente diferente! Sí, hay bloques por todas partes y animaciones interesantes al mover el ratón. Sin embargo, además de organizar el contenido, descubrirás que el elemento del cuadro también pasa a formar parte del estilo de diseño. Es el factor clave y definitorio de este estilo.
¿Cómo hacer buen uso de ellos?
No creo que sea difícil utilizar elementos cuadrados. Las páginas web, en particular, han utilizado formas de cuadros para diseñar interfaces desde su nacimiento. Pero si quieres utilizarlo de forma más eficiente, sigue estos pasos.
Establece un objetivo deseado.
Las páginas y bloques varían mucho dependiendo de lo que quieras lograr. Una vez que determines eso, los elementos de bloque pueden ayudarte a lograr tus objetivos. ¿Lo utilizas para organizar contenido? ¿O quieres agregar algo de diversión a tu página?
Mira PaperandPaint, ya que utilizan elementos cuadrados para mantener la página organizada y resaltar el flujo único de la página. A medida que el mouse se desplaza hacia abajo, el contenido diferente en cada cuadro se desplaza visualmente; es un efecto realmente genial; cada cuadro le cuenta una historia única y se agrega a la página general. El propósito de estos elementos del cuadro es mantener las secciones alineadas de manera ordenada, pero también crear una atmósfera de historia diferente para cada página.
AnthonyJohnGroup utiliza cuadros para mostrar sus proyectos e información clave de la empresa, como el "Equipo detrás de escena". La planificación y construcción de la página de inicio es excelente, pero también está estrechamente integrada. Están claramente comprometidos con la creación de diseños arquitectónicos elegantes y de alta gama como los de esta página. Sin estos bloques, este efecto no sería posible.
Usa cuadros para organizar el contenido.
Ahora que sabes lo que buscas (aunque sea casi reunir información existente), llegarás a la organización del contenido. Tienes que categorizar el contenido. ¿Cómo se organizará la información de los cuadros? ¿Algunos cuadros tendrán más contenido que otros? Esto es útil para organizar el contenido. Jugarás y verás qué funciona y qué no, qué es demasiado y qué es muy poco. Prometo que este no es un gran truco. En realidad, no es necesario que sea intuitivo. La mayoría de las veces es sencillo: siéntate y hazlo.
Tenga en cuenta que el sitio web anterior no tiene BlockLevel, el cuadro ni el ícono en el cuadro, solo el ícono. Esto es lo que yo llamo organizar contenido. Los diseñadores de BlockLevel dejaron intencionalmente solo un ícono en cada cuadro. Lo siguiente a considerar es cómo poner el contenido ajustado en un diseño agradable, que es de lo que hablaremos a continuación.