Los elementos visuales tienen un gran poder en el diseño web. Incorporar imágenes es sólo una técnica natural para captar la atención de los usuarios. De hecho, se considera esencial y un sitio web que no incluya imágenes difícilmente puede tener éxito entre sus usuarios. Incluso sitios web con un gran contenido de texto como diarios en línea hacen uso de fotografías en sus noticias y en muchos casos también emplean videos.
Para las imágenes de un sitio se pueden emplear fotografías o ilustraciones. Aunque es común que sitios web opten por uno u otro, existen formas sutiles de combinar estos dos elementos. Y son tan efectivas que ni el usuario nota que se han empleado dos recursos distintos. Pero eso no es todo, en este artículo te mencionamos las técnicas sutiles y no tan sutiles de utilizar fotografías e ilustraciones en tu sitio web.
Ilustración como pantallazo inicial
Aunque para el primer pantallazo en la página de inicio se suelen utilizar fotografías como fondo en la gran mayoría de sitios web, no es del todo extraordinario que se emplee una ilustración en vez de una imagen. Para ciertas páginas es mucho más efectivo que se emplean ilustraciones pues va con la identidad de marca, la personalidad de la marca, se identifica mejor con el público objetivo o porque simplemente la ilustración se relaciona mejor con el producto o servicio que se ofrece.
Así que, como ves, la decisión de emplear fotografías o ilustraciones en un sitio web no es un decisión que se tome al azar, de hecho se analiza cuidadosamente. Aunque se pueden encontrar sitios que emplean ilustraciones en todas las secciones, también es común que se utilice sólo en el pantallazo, mientras que otros elementos son fotografías como pueden ser las capturas de pantalla para demostrar los beneficios del servicio o las fotografías de las personas en la sección de testimonios. De esta forma, combinar tanto imágenes como ilustraciones no es del todo inusual en un sitio web.
Ilustraciones vectoriales en iconos y mockups
Otra forma sutil de añadir elementos de ilustración que se ve a menudo en los sitios web es mediante el uso de iconos. De forma usual, los iconos se suelen emplear para destacar ciertos beneficios de algún producto o servicio. De esta manera, sin ni siquiera percatarte en muchas páginas web se están empleando ilustraciones vectoriales. Así que no es necesario que fuerces la inclusión de una ilustración si realmente no es coherente con la marca, puedes incorporar ilustraciones fácilmente utilizando iconos.
Aparte del uso de iconos, también puedes colocar mockups en diseño flat. Los mockups son de utilidad particularmente en páginas web de plataformas online o aplicaciones móviles pues incrementan la confianza que el usuario puede tener, sin mencionar que pueden tener una idea más clara de la interfaz. En la gran mayoría de casos se emplean fotografías de ordenadores y dispositivos móviles en los mockups, pero también puedes optar por añadir mockups en diseño flat o algún estilo de ilustración que favorezca la interfaz de tu sitio web.
Ilustración como acento y elemento decorativo para fondos
Usualmente cuando se usa la palabra “ilustración” nos viene a la mente complicados dibujos vectoriales o manuales que hacen uso de sombras y posee un gran detalle. Sin embargo, la ilustración como tal incluye una gran variedad de estilos. Incorporar ilustraciones en un sitio web tal vez no es un proceso tan directo como hemos mencionado anteriormente, en donde la ilustración se utiliza como pantallazo inicial, mientras que las otras imágenes que conforman el sitio son fotografías.
En algunos casos puedes utilizar ilustraciones sencillas como elementos decorativos en el fondo. Por supuesto, estas ilustraciones deberán ir acorde a la identidad de la marca para que haya cierta coherencia en otros medios donde la marca tiene presencia. En estos específicos, los elementos de ilustración que coloques en el sitio web bien pueden ser objetos concretos como estrellas o nubes ó ser composiciones más abstractas como manchas de color o elementos poligonales. De esta manera, el fondo posee elementos ilustrados que no distraen al usuario de las fotografías, texto y demás contenido del sitio web.
Fotografía e ilustración en una misma composición
En los ejemplos anteriores hemos mencionado como la ilustración puede utilizarse en conjunto con las fotografías, pero más que todo como dos elementos en diferentes secciones. De esta forma, aunque tanto la ilustración como la fotografía se complementan, no se puede decir que interactúan en la composición. Pero también tienes esta alternativa a tu disposición.
En estos casos, puedes elegir una fotografía como fondo y añadir elementos de ilustración dentro de la composición que pueden ser tanto claramente vectoriales o tener cierto aspecto manual. Ambos pueden funcionar perfectamente, sin embargo, el contraste es más notorio cuando se emplean fotografía e ilustraciones manuales. Por otro lado, también puede darse el caso inverso: utilizar una ilustración como fondo y colocar algún elemento real, obviamente calado de alguna fotografía.
Ilustraciones como sellos
Aunque en la gran mayoría de los casos, los logos suelen ser tipográficos, a menudo con un acento o elemento que hace un guiño hacia el rubro de la empresa, también existen logos compuestos por figuras o formas. Ya que en un sitio web siempre se coloca el logo, al menos en la parte superior junto al menú, entonces es otra forma sutil en que la ilustración puede ser incorporada en un sitio web.
En otros casos más específicos, el logo no sólo se coloca a menor tamaño en la parte superior izquierda y sirve como enlace a la página de inicio, sino que también se coloca como una especie de grabado o sello en el pantallazo inicial. Esta es otra forma en que puede combinarse ilustración y fotografía en un diseño web.
En conclusión…
Como ves, existen formar en que la ilustración, de alguna manera u otra, siempre se encuentra presente en el diseño y no te habías percatado de ello. Pero si la marca con la que estás trabajando admite un mayor uso de ilustraciones, entonces puedes tomar cualquier de las otras opciones que mencionamos en este artículo. Hallar el balance entre fotografías e ilustraciones puede ser una tarea que requiera paciencia, pero podría hacer que tu diseño se vea mucho más fresco.
