Lecciones de diseño: diseñamos el sitio de acuerdo con los cánones de las revistas de moda.

El concepto de diseño web nació hace relativamente poco tiempo, no han pasado tantos años desde que Internet ha entrado con confianza en nuestra vida cotidiana. La cantidad de sitios aumentó exponencialmente, y pronto hubo la necesidad de crear no solo información rica, sino también recursos convenientes y atractivos en la red. Mientras tanto, el concepto de diseño ha existido durante mucho tiempo, y muchos de los conceptos básicos de diseño y diseño utilizados por los diseñadores de revistas de moda han fluido sin problemas en los libros de texto de diseño web.

A primera vista, parece que casi todos los principios de diseño y diseño de la revista se pueden transferir fácilmente al mundo del diseño web. Algunos trucos comunes son de hecho bastante obvios, pero la mayoría de los desarrolladores pierden de vista muchos puntos útiles.

A continuación, encontrará algunos ejemplos de cómo aplicar el diseño de una revista satinada regular al diseño del sitio. Lo más importante de este artículo es hacerle saber que siempre puede tomar ideas para el diseño de una publicación y aplicarlas a la creación de un producto completamente diferente.

Entonces, si se ha especializado en algo como diseño de interiores o diseño gráfico (o incluso industrial), aún puede utilizar su conocimiento para diseñar sitios web; lo principal es ver y comprender los enlaces principales.

Regla 1. Cuanto más simple sea el fondo, más fácil será leer el texto.

Abra cualquier revista que tenga en su brazo y en 9 de cada 10 casos, el fondo detrás del texto principal será blanco. Ocurrió históricamente, pero no sin razón (omitimos los matices de la tecnología de impresión). Incluso en los casos en que el fondo no es blanco puro, es simple, monocromo y uniforme, porque el propósito principal de la edición impresa es leerlo. Y para que sea fácil de leer, el texto debe imprimirse en ese fondo. Los ojos de los lectores no se cansan, el color de fondo no es molesto, todo está en orden, la publicación es popular.

Sin embargo, a veces el fondo del texto principal es una imagen, en cuyo caso encontrará que el tamaño de fuente con este diseño aumenta y se presta especial atención al contraste entre el texto y la imagen. Honestamente, es raro que todo el artículo se imprima completamente en el fondo de las imágenes, por lo general son solo unas pocas líneas. Lo mismo se puede aplicar al diseño de cualquier sitio.

El fondo no debe obstaculizar la comprensión del texto (fuente)

Regla 2. Se adhieren al mismo estilo.

Desplácese por cualquier revista y notará que la mayoría de las páginas están diseñadas en el mismo estilo: la misma fuente, la misma disposición del texto en los pliegos de página. Por supuesto, el diseño de diferentes artículos puede variar, pero los detalles de los números de página se ubicarán en los mismos lugares y las ilustraciones se harán en un estilo similar.

El hecho de que esta constancia alienta al lector. Pasará página tras página, sabiendo qué esperar. El mismo principio puede ser transferido al mundo del diseño web. Asegúrese de que los detalles (encabezados, barras de navegación y otros elementos clave del diseño) sean los mismos en todo el sitio. Además, asegúrese de utilizar las mismas fuentes en el sitio, incluidos el tamaño y los estilos utilizados con ellas.

El diseño debe estar en el mismo estilo.

Regla 3. Cualquier desviación atrae la atención.

Como se mencionó anteriormente, el lector sabe qué esperar en la próxima página de su revista favorita, por lo que cualquier desviación del diseño estándar atrae la atención. Las páginas de diseño diferente se destacan entre otras, y a menudo los artículos del título tienen al menos un par de diferencias con respecto al diseño estándar.

Esta regla se puede aplicar a la creación del sitio. Si tiene una página específica que desea resaltar para el usuario, simplemente cambie el estilo de diseño predeterminado e inmediatamente llamará la atención. Normalmente, este enfoque se aplica a las páginas a las que los usuarios reciben enlaces de otros recursos.

Regla 4. La publicidad debe estar claramente marcada y ser discreta.

Los anuncios de revistas siempre están claramente separados del contenido principal de la publicación, ya sea visualmente o con un distintivo publicitario especial. Se trata de la confianza de los lectores. Si no pueden distinguir con confianza entre el material editorial y el publicitario, estarán menos dispuestos a confiar en el contenido de la publicación. En primer lugar, esto se refiere a publicaciones de blog patrocinadas. Si desde el principio de ese texto no se indica claramente que está patrocinado, entonces sus lectores pueden sentirse engañados al final de la lectura.

El material promocional debe estar separado de la editorial.

Regla 5. Cuantas más imágenes, mejor.

En las revistas, como regla general, se utilizan ilustraciones grandes: puede ver imágenes en una página entera o incluso en una extensión. Esta regla se puede aplicar fácilmente a la mayoría de los sitios web. Utiliza imágenes que ocupen toda la pantalla. Atraen la atención de los usuarios y hacen que el sitio esté más saturado visualmente. El uso de imágenes grandes en el diseño web es un paso audaz que realmente podrá distinguir un sitio de muchos otros.

Las imágenes grandes te ayudarán a diferenciarte de las demás (fuente)

Regla 6. Diluir grandes bloques de texto.

Este es uno de esos momentos que la mayoría de los diseñadores web pasan por alto. De hecho, esta regla puede parecer poco obvia a primera vista, porque la mayoría de las revistas contienen, por su propia naturaleza, bloques de texto muy grandes; de hecho, las páginas completas están formadas por texto sólido.

Sin embargo, solo se necesita un poco para mirar, y notará que los bloques de texto generalmente se diluyen con citas o ilustraciones llamativas. Es raro encontrar página tras página de un texto sólido en revistas para una amplia audiencia (las publicaciones especializadas o científicas no cuentan).

Por lo tanto, en lugar de la disposición del texto principal en el sitio en bloques grandes, dilúyalo con elementos tipográficos, imágenes o incluso inserciones publicitarias. Intente dividir el texto en párrafos cortos y secciones con encabezados, y notará una gran diferencia en la legibilidad y la retención del interés de los visitantes.

Regla 7. Alinee el texto, pero no tenga miedo de subir al campo

Por lo general, las páginas de las revistas están perfectamente alineadas verticalmente. Sin embargo, a menudo es posible ver diseños que violan intencionalmente esta verticalidad estricta con elementos tales como ilustraciones o citas que se simplifican con texto; estos detalles hacen que las páginas sean más interesantes visualmente.

Mientras tanto, un diseñador web puede ser más difícil técnicamente que un diseñador de impresión para usar la página, pero esta técnica sigue funcionando igual de bien tanto en diseño digital como en impresión.

Regla 8. Necesitas intriga.

La portada de la revista es su teaser. Cuando un consumidor mira por la ventana de un puesto de periódicos, solo una portada de revista pegadiza puede captar su atención. Para la mayoría de las revistas, la portada pegadiza es la única oportunidad de atraer a nuevos lectores o de forzar a los existentes a comprar un nuevo número.

Los sitios web no tienen una cubierta como tal, pero aún pueden tener teasers. La cubierta del sitio es lo que el visitante ve cuando ingresa por primera vez al sitio: el título, el diseño visual y la facilidad de navegación. En resumen, esta es la primera experiencia de usuario.

Si no hay una intriga en su sitio que despierte el interés del visitante ocasional, lo más probable es que haga clic en "Atrás" en su navegador, con la misma facilidad con que salta la portada de la revista sin interés en el escaparate de un puesto de periódicos. Realice una evaluación crítica de la impresión que causa su sitio cuando visita por primera vez, y admítase honestamente: ¿le gustaría quedarse más tiempo?

Teaser brillante - la mitad del éxito (fuente)

Y, sin embargo, en las ediciones brillantes hay algo que aprender!

Como puede ver, muchas reglas de diseño de impresión pueden aplicarse fácilmente al diseño web. Sin embargo, debe comprender que esto no se realiza mediante una copia oculta de un formato de publicación a otro, sino mediante el estudio de otros tipos de diseño y características de un formato particular. Solo de esta manera puede entender claramente qué y exactamente cómo puede pedir prestado a sus colegas que trabajan en revistas de moda. Con este enfoque del diseño web, es casi seguro que probará muchos métodos nuevos y experimentará con ideas de otros formatos. Algunos de estos experimentos tendrán éxito, otros no, pero un buen diseño siempre seguirá siendo un buen diseño, en cualquier forma.

Loading...

Deja Tu Comentario