El diseño de mascotas para web es una de mis especialidades, en los últimos años he diseñado docenas de mascotas corporativas para web, el cliente suele quedar bastante satisfecho con el diseño pero después no sabe cómo sacarle el máximo partido.
A veces tienen que usarlas a tamaños muy pequeños, otras no están bien integradas con el contenido, muchas veces modifican el diseño con desastrosas consecuencias, otras veces son demasiado agresivos en la compresión de la imagen… y en muchos casos no se hace un uso real de los diseños.
Puntos a tener en cuenta para sacar el máximo partido a tu mascota.
- Antes de nada pregúntate si realmente necesitas una mascota, ¿es adecuado para tu público objetivo?.
- Planifica tu web para sacar el máximo partido a tu mascota.
- Recuerda que cuanto más grande uses la ilustración (dentro de lo razonable) más bonita se verá.
- Deja márgenes alrededor de la ilustración para que el diseño respire.
- Haz que la mascota interactue con la web, se creativo.
- Aplica tus colores corporativos en la mascota.
- Diseña una mascota versátil que puedas usar para banners, avatares, camisetas, o para tu página "about" (acerca de… ).
- Elige un concepto que vaya acorde con tus valores corporativos.
- Optimiza el peso de la ilustración, guarda como JPG al 60%.
- Si tienes que hacer posteriores modificaciones pídeselo al autor del diseño.
- Pide los diseños en alta resolución (hasta 7000x7000px) o en formato vectorial, así podrás imprimir cualquier tamaño que necesites.
- Observa si tu diseño cumple los principios básicos a la hora de diseñar una mascota.
Tyler Cruz personaliza su mascota para diferentes ocasiones, una buena idea.
Características de una buena mascota
- Memorable, tiene que causar impacto.
- Fácil de recordar, debe dejar huella en la memoria del observador.
- Debe ser único, debe ser fácil de discriminar respecto a los competidores.
- Atractiva, el personaje debe ser atractivo para el públcio objetivo.
- Icónico, el personaje debe representar los valores corporativos de la marca.
- Funcional, debe funcionar en banners, en el encabezado de la web, en el logo.
Maneras efectivas de integrar diseños de personajes en la web.
La utilización de la mascota integrada en el logotipo es la forma más común de integrar al personaje, así asociamos el personaje a la marca, es una de las maneras más efectivas de usar una mascota.
Fíjate que la mascota usa los colores corporativos de la web. Muy buena integración.
Podemos integrar la mascota de forma muy efectiva usándola como icono o integrada en los botones, podemos usarlo en el estado "over" de nuestros botones y animarlo en Flash:
Una de las maneras más efectivas consiste en usar la ilustración a todo el ancho de la web, sacrificas mucho espacio pero consigues un gran impacto visual. La web de John Cow era un buen ejemplo, lástima que estén reduciendo cada vez más el tamaño de la ilustración en lugar de optimizar el espacio restante.
Algunos ejemplos de illustración como encabezado a todo lo ancho de la web.
No necesariamente tenemos que usar la mascota en el encabezado de la web, también podemos usarla para resaltar determinados elementos del diseño:
Y para terminar algunos banners con diseños de personajes:
Pingback: Tweets that mention How to integrate a mascot design in your website | SOSFactory Blog -- Topsy.com
Pingback: Twitted by FatsCrib
Pingback: uberVU - social comments
Pingback: 50+ Excellent Character Illustrator & Photoshop Tutorials | Tutorials Share | Graphic & Web Design Tutorials
Pingback: 48+ Fantastic Character Illustrator & Photoshop Tutorials | Daily Roundups