Hoy vamos a abordar algunos problemas comunes que llegan no con tener demasiado contenido disperso sino con muy poco. ¿Cómo puedes desarrollar un diseño cuando tu cliente apenas te ha dado algo con lo que trabajar?
Vamos a repasar algunos consejos rápidos y fáciles para crear diseños magníficos que no se sienten vacíos a pesar de usar muy pocos recursos.
Amplios espacios abiertos
Lance a un grupo de diseñadores alrededor de una mesa y verá que muchos de ellos se quejan de que los clientes siempre quieren que se metan tanto en tan poco espacio. Los no diseñadores tienden a centrarse en maximizar el potencial de una página web disponible o un anuncio impreso, sin pensar que la sobrecarga de información puede hacer que incluso los mejores diseños sean ineficaces.
Descubrir cómo organizar mucha información y recursos en un espacio limitado es un gran problema al que todos nos enfrentamos, pero es solo la mitad de la historia. Quizás igual que muchos diseñadores luchan con clientes que tienen muy poco Proporcionar, tanto en dirección como en recursos.
Cuando no tienes mucho para correr, una página en blanco puede parecer enorme y te quedas preguntándote cómo en el mundo lo vas a llenar. Analicemos algunos escenarios comunes y veamos algunas soluciones de ejemplo para cada uno.
Sólo una foto, texto mínimo
Este es un problema bastante común entre los diseñadores. Debe producir un diseño de calidad y acabado, pero solo se le ha proporcionado una única imagen para trabajar. Para empeorar las cosas, solo tienes unas pocas oraciones de texto. Si te dieron un anuncio de página completa o una página web completa, esto podría parecer bastante desalentador.
Al lanzar la imagen a tu lienzo, ¡ves toneladas de espacio que se necesita llenar!
A medida que comenzamos a agregar contenido web estándar, la página ciertamente comienza a verse mucho mejor. Al simplemente mover la foto a la derecha, obtenemos un diseño decente de dos columnas que sigue las tendencias minimalistas y tiene mucho contraste.
Desafortunadamente, es completamente aburrido. Los elementos no parecen? Diseñados? tanto como lanzarse juntos de la manera más obvia. Para algunas imágenes, esto podría ser lo mejor que podemos hacer, pero es una buena idea tomar la foto y pensar cómo se puede usar de una manera más creativa.
En nuestro caso, es una foto de estudio sobre fondo negro. Esto hace que extender la foto sea un proceso prácticamente indoloro. Las imágenes de sangrado completo tienen una forma de parecer elegante y profesional. Podemos usar un diseño casi idéntico al anterior y lograr un resultado mucho más sorprendente visualmente:
Usando la misma foto varias veces
Un gran truco que puedes implementar cuando tus recursos son limitados es usar la repetición para darte la ilusión de que tienes más para trabajar de lo que realmente haces.
Para mí, esto normalmente implica encontrar formas de duplicar la imagen con buen gusto y sin redundancia obvia. Aquí está nuestro proyecto de ejemplo en el paso uno. Una vez más, tenemos algo que es bastante aburrido y no muy creativo para empezar:
Para darle un poco de vida y variedad al diseño, concentrémonos en maximizar nuestro uso de esa foto. Para empezar, con unas pocas copias de capa y simples efectos de capa de Photoshop, podemos convertir una sola imagen en una pila de fotos. Ya nuestra página luce un poco más amigable y menos rígida.
Para llevar esta idea aún más lejos, vamos a convertir la misma foto en una textura de fondo. Lo estiramos a un sangrado completo y luego lo revisamos un poco. Esto toma ese fondo blanco liso y agrega mucho más interés visual.
En este punto, la imagen de fondo es, obviamente, la misma foto. Esto no es necesariamente una mala idea, pero si quieres abstraerlo un poco para que no sea tan obvio, intenta desenfocar el fondo.
Puedes ir tan lejos como quieras con esto. Intenta agregar un poco de textura también. Básicamente, la imagen de fondo solo nos proporciona algo más que un fondo blanco para nuestro lienzo. A medida que construimos sobre algo que refleja los colores y la composición de la foto característica, nuestro diseño sigue siendo agradable y consistente, al mismo tiempo que nos brinda una extraordinaria libertad para experimentar.
Llenar los huecos con stock
Otra cosa importante que debe recordar es que siempre puede usar imágenes de archivo para completar sus recursos. Incluso si su cliente ya le ha proporcionado una imagen principal para usar, a menudo es una tarea bastante fácil encontrar una foto relacionada que termine bien el diseño.
Como ejemplo, digamos que nuestro cliente nos dio la siguiente imagen para trabajar y la instrucción para mostrarla de manera destacada en la página.
Dado que esta imagen es tan atractiva, ya tenemos mucho con qué trabajar. Podemos usar fácilmente la imagen de la tortuga marina como base para un anuncio de gran apariencia en toda la página.
Me gusta este diseño, pero hay algunos problemas funcionales. La imagen superior es tan atractiva que me llama la atención de inmediato. Desafortunadamente, después de esto, no hay nada más que llame mi atención en la página, excepto una gran parte de texto aburrido. Es probable que muchos espectadores echen un vistazo a la tortuga y luego pierdan interés, lo que no es bueno si queremos que lean ese título secundario.
Una solución es buscar una imagen de stock para ayudar a atraer esa atención hacia abajo. No necesitamos nada sorprendente, solo algo simple que agregue interés visual al campo de blanco en la mitad inferior del anuncio.
En solo uno o dos minutos pude encontrar una gran imagen para la tarea:
El concepto de una exhibición de tortugas ahora está aún más avanzado y la mitad inferior tiene un pequeño y lindo chico para que le saques los ojos y te obligue a leer el título. Afortunadamente, las fotos como esta son muy fáciles de encontrar, ya sea completamente libres de formas extremadamente baratas. iStock tiene casi todo lo que puedas imaginar filmado en un fondo blanco y no romperá tu presupuesto.
Conclusión
Dado que el diseño minimalista es tan popular en este momento, tener menos con lo que trabajar puede ser algo positivo siempre que sepas lo que estás haciendo. Supone algunos desafíos de diseño, pero si eres creativo e ingenioso, puedes superarlos fácilmente.
Recuerde analizar sus imágenes y considerar cómo ampliarlas o maximizar el espacio que utiliza. Pruebe una foto de sangrado completo y vea si su diseño no se ve mucho más elegante que antes.
Además, si solo tienes una imagen con la que trabajar, considera cómo puedes duplicar esa imagen de una manera elegante. Esto puede tomar la forma de una repetición intencional obvia o algo más sutil.
Finalmente, recuerde que la web está llena de increíbles recursos visuales que son súper baratos o completamente gratuitos. Piense en cómo puede utilizar el stock para reforzar lo que ya ha recibido.
Fuentes de fotos: Vikram Vetrivel, Luis Hernández, María Herrera e Ibrahim Iujaz.