lunes, 23 de mayo de 2016

Cómo hacer más interesantes y profesionales las cabeceras del blog


Si tienes un blog, necesitas una presencia digital cuidada, coherente y que tu maca respire el mismo estilo en todas las imágenes que realices y eso incluye la cabecera del blog y la de las entradas que hagas en el mismo. 
La diferenciación visual es una de las estrategias que nos va a ayudar a sobresalir y captar la atención de nuestros lectores. Es lo que Susana Morin, especialista en Marketing Visual llama el Marketing Visual. O cómo hacer para destacar, generando confianza y conseguir más ventas a través de una imagen visual atractiva. Puedes leer sus entradas en http://lovevisualmarketing.com/blog/

El contenido de esta entrada está extraído de http://lovevisualmarketing.com/imagen-de-cabecera-blog/ donde Susana habla de cómo una imagen de cabecera para el blog puede ayudarte a generar reconocimiento de marca y confianza con tus seguidores, lo que deriva en una estrategia visual efectiva para tu negocio. Es la idea simple que nos ayudará a destacar frente a tu competencia.
También podemos completar la información con el post: http://www.ciudadano2cero.com/crear-cabeceras-atractivas-blog-sin-disenador/ donde se muestran ejemplos paso a paso para crear nuestras propias plantillas para cabeceras de nuestras entradas.

Para empezar podemos entrar a su blog y ver cómo están presentadas las entradas a sus post para ir haciéndonos una idea de los contenidos que vamos a tratar en esta entrada: http://lovevisualmarketing.com/blog/


¿Cómo crear una plantilla para la imagen de cabecera para el blog ?

Es fácil llegar a tener una buena plantilla; más que ser un experto diseñador gráfico o saber los trucos de Photoshop, es importante conocer tu blog. Qué tipo de contenido compartes, qué colores te identifican, el tipo de imágenes que le gusta a tu audiencia, para poder aunar todo y hacer un diseño atractivo.
Una plantilla no requiere un sofisticado nivel de complejidad. Debemos reunir en un diseño todos los elementos que te representan: Tus colores, las tipografías, el logotipo, una buena fotografía, el título del post y tu estilo.

1. Tus colores: Cada color tiene un significado y es un mundo muy subjetivo lo que lo define. Una paleta de colores es una combinación de aquellos colores que representan a tu marca y que vas a utilizar en todos los diseños de tus imágenes. Una paleta suele tener entre 3 y 6 colores. Normalmente tiene 2 o 3 colores principales y 3 tintas y tonos.


TIP: para inspirarte en paletas de colores existen un sin fin de herramientas. Te recomiendo le eches un vistazo a estas páginas, son una de mis favoritas. Colour Loversy Design Seeds

Si necesitas encontrar un color de la web exacto, utiliza la extensión Color Zilla, que se añade al navegador Chrome. Es fantástica.

Si quieres saber el significado de los colores, chequea esta colección de post que hice: post 1, post 2 y post 3.

2. Las tipografías: Al igual que los colores, las tipografías reflejan una personalidad. Tu marca necesitas tipografías que representen tu personalidad y valores. Si tu negocio es una tienda online de ropa para bebés, la tipografía será de líneas redondas y estilo juguetón o infantil. Si por el contrario tu blog es de moda y tendencias, escogerás una tipografía más actual y moderna. Jugar con la tipografía, combinándola de distintas formas, te ayudará a conseguir un diseño único y creativo.

TIPsi quieres utilizar las tipografías de Google entra aquí.

Si no sabes qué tipografía usar y quieres ver cómo se vería el nombre de tu marca, escríbelo en el recuadro y haz click en “load fonts”.  Wordmark te facilitará a elegir una.

Y con este herramienta vas a alucinar. Si te gusta una tipografía y no sabes cual es, sube una imagen y te dirá las que más se le parecen. Font Matcherator.

3. El logotipo: Es la firma y huella visual de tu empresa. Suele tener tres estilos.
- El logotipo solo de letras. Es ideal para hacer marca personal y suele ser con el nombre del emprendedor.

- Logotipo de símbolo. Es el logotipo que lleva un isotipo o ícono como forma de la marca.

- Logotipo combinación de tipografía con símbolo. También se le llama la marca gráfica. Es el más usado y se utiliza siempre junto o también en versiones solo de tipografía o solo de símbolo.
Si no tienes un logotipo te recomiendo que siempre incluyas la URL de tu web en la imagen.

4. La fotografía: Te va a ayudar a visualizar cuál es el tema de tu artículo. Las fotos también sirven de prueba visual, la calidad de la foto te permite enseñar como funciona tu producto. Un error que comenten muchos blogueros es colocar en sus blogs una mezcla de estilos de fotografías amplia y eso genera confusión en la identidad visual que trasmite el blog.


Una forma clara de diferenciarnos es usando fotos hechas por nosotros mismos. Para eso debes tener nociones de encuadre e iluminación.

TIP¿No sabes dónde encontrar imágenes impresionantes para tus post y que además sean gratuitas? Susana hizo un  mega listado con más de 50 webs gratuitas. Aprovechémoslo.

5. El estilo. Cuando trabajamos un estilo me refiero a distintos aspectos en una imagen. Supón que la imagen lleva un recuadro transparente. O que tiene un cuadrado grande, de color azul con texto blanco. “El estilo” significa conseguir unas características en el diseño únicas que haga al tuyo original. Por ejemplo, utilizar un borde, un marco, un círculo con un símbolo, etc. O elegir un degradé entre 2 tonos de tu marca y ese será el sello visual que siempre emplees en tus diseños.
Por otro lado puede que tus fotos vayan siempre con un filtro definido y ese sea el estilo de tu marca. Es decir que elijas el estilo que elijas para tu plantilla, siempre debes de mantenerlo.


El estilo del ejemplo es muy gráfico y sencillo de obtener. Usa distintas texturas para jugar en lugar de fotografías. Lleva una letra fuerte de tipo negrita, en mayúsculas y parte del texto que quiere resaltar va en otro color. Lleva además, un círculo en la zona superior con un ícono que ilustra lo que significa el tema del artículo. 

Ahora bien, si lo tuyo es la creatividad y te gusta el diseño puedes inspirarte mirando ideas muy creativas en  Behance y en Pinterest.

6. El titulo de la entrada. Esto va a depender de qué trate dicha entrada o post. Aunado al estilo y a la tipografía que sea parte de tu identidad visual, puedes definir los tamaños de ciertas palabras en tu plantilla.
Algunas plantillas aprovechan el título del post para jugar con el diseño. Puedes resaltar parte del título, utilizar distintos grosores y tamaños de tipografías para algunas palabras. 

En definitiva, cada uno de estos elementos, son los ingredientes indispensables para trabajar tu receta vencedora: una plantilla para la imagen principal de cabecera de tu post.


martes, 3 de mayo de 2016

7 plataformas gratis para desarrollar videojuegos

En este post os reseño siete programas para hacer videojuegos en Windows sin necesidad de saber programar. Siete aplicaciones gratuitas para programar videojuegos de forma intuitiva y sin necesidad de saber escribir código ni tener conocimientos de programación.
Stencyl
Stencyl
http://www.stencyl.com/
Stencyl es una plataforma gratuita para la creación de videojuegos 2D para desktop, web y dispositivos móviles. El software es gratuito para el desarrollo de videojuegos en web (flash) y con dos modalidades de pago si quieres publicar los juegos en IOs, Android y para ordenador (Windows/Mac).
Ejemplos: http://www.stencyl.com/game/showcase/
GDevelop
GDevelop
http://compilgames.net/main-es.html
GDevelop te permite crear videojuegos sin necesidad de saber programar o escribir código. Mediante su sistema de eventos se va creando la lógica del juego. Diseñando los juegos en HTML5 se pueden exportar a Android. Es de código abierto y multiplataforma.
Ejemplos: http://compilgames.net/main-es.html#games-gallery
Scratch
Scratch
https://scratch.mit.edu/
Scratch es un programa gratuito para iniciarse en la creación de videojuegos. Es gratuito y de software libre. Una herramienta interesante para empezar a programar, crear nuestros primeros videojuegos y realizar animaciones y arte interactivo.
Ejemplos: https://scratch.mit.edu/starter_projects/
Game Maker Studio
Game Maker Studio
https://www.yoyogames.com/studio
Game Maker Studio es otra plataforma interesante para crear videojuegos. Los desarrolladores aseguran que se trata de una plataforma muy fácil de usar y con capacidad para crear juegos un muy poco tiempo.
Ejemplos: http://www.yoyogames.com/showcase
Construct
Construct
https://www.scirra.com/construct2
Construct te permite crear videojuegos 2D sin necesidad de tener conocimientos de programación en HTML5. Tiene una versión de pago y otra gratuita.
Ejemplos: https://www.scirra.com/arcade/top-addicting-games
Flixel
Flixel
http://flixel.org/
Flixel es una plataforma para crear videojuegos libre y gratuita. Programada en ActionScript 3, esta aplicación te permite la creación de una gran diversidad de juegos de forma fácil y sencilla.
Ejemplos: http://games.flixel.org/

Unity
Unity
http://unity3d.com/unity/
Unity te permite crear juegos 2D y 3D en más de veintiuna plataformas diferentes. Es uno de los programas para la creación de videojuegos más avanzados. Dispone de varios tipos de licencias.
Ejemplos: http://unity3d.com/showcase

Faltaría añadir Entidad 3D: http://www.entidad-3d.com/
No necesita programación, soporta juego online multi-jugador, y es español.
No todos los motores 3D y herramientas 3D sirven para todo y para todos los niveles de aprendizaje.

Sploder

Crea tus propios juegos de distintos tipos y sin necesidad de programar. Crea juegos de plataformas, puzzles, arcades retro, shooters...