9 claves para mejorar notablemente el diseño de tu blog

Hoy es el Día Mundial del Diseño Gráfico, así que creo que es una ocasión inmejorable para compartir contigo 9 claves para tener un blog con estilo.

La vista juega un papel fundamental y nos dejamos guiar por ella, para sacar conclusiones. Si lo que vemos, nos atrae, investigamos. Si no, salimos en busca de lugares más acogedores. ¿Por qué crees que tienen tanto éxito Pinterest e Instagram? son redes visuales, en las que no nos importa pasarnos horas y horas, alegrándonos los ojillos (al menos a mí me pasa constantemente).

No me cansaré nunca de decir que el diseño de un blog es tan importante como el contenido. De la misma manera, que nadie entraría a comer en una taberna cochambrosa, por muy exquisitos que fueron los platos, es difícil que tus contenidos sean leídos, si tu página espanta al primer vistazo. Así que, si te tomas en serio tu blog, sigue leyendo, que te cuento con detalle los 9 pilares para triunfar con el diseño de tu blog.

1. UN LOGOTIPO QUE TE DEFINA BIEN

Toda buena marca que se precie cuenta con un logotipo, que la haga identificable al primer vistazo. Tener un logo, no sólo servirá para que tus seguidores te distingan con facilidad. Es una parte fundamental del branding de tu blog y lo podrás usar en tus imágenes o productos para crear una identidad visual coherente.

Es importante también que lo incorpores como favicon en la parte superior de tu blog, para que si un lector tiene abierta varias pestañas, pueda encontrarte de un vistazo y seleccionar la tuya. Debes intentar que el diseño de tu logo, guarde relación con tu marca: no tiene ningún sentido tener como logotipo un perrito en un blog de nutrición.

 Pedrita Parker es un buen ejemplo de logotipo sencillo y consecuente. Ella es ilustradora y ha escogido una caracterización propia,  para abanderar su empresa.

Fíjate cómo lo usa en la cabecera, el favicon y hasta en el menú con una pequeña descripción.

2. UNA CABECERA QUE MUESTRE LO QUE HACES

No hace falta complicarse lo indecible con el diseño de la cabecera y más hoy en día, que se llevan las páginas con diseños limpios y sencillos. Lo que sí es importante es que comunique al primer vistazo, lo que ofreces en tu blog. Ya sea ayudándote de una imagen o una pequeña descripción que acompañe al título, da lo mismo, pero que cuente qué tema/s tratas en él.

 Tanto Laucreativa como El armario de Silvia lo hacen genial, tan sólo usando una tipografía bonita y una breve descripción

¿Necesitas inspiración para tu cabecera?

Un diseño no logra la perfección cuando no hay nada que añadir, sino cuando no hay nada que quitar.Tuitéalo

3. UNA PALETA DE COLORES QUE TRANSMITA EL MENSAJE DE TU MARCA

Es importante elegir una paleta de colores que defina tu marca y que puedas usar para diseñar los elementos de tu blog. Forma parte de tu branding y es esencial elegir tonos que transmitan bien la personalidad de tu trabajo. Aquí tienes un muy buen post de Three Feelings, en el que te explica la simbología de los colores y para completar este tema, también puedes leer este artículo que escribí para mostrarte 3 aplicaciones geniales para gestionar los colores de tu blog.

 Vitamina D es un gran ejemplo de un buen uso de colores en el blog. Observa cómo juega con los iconos sociales, añadiendo a cada uno, sus tonos corporativos y sigue la misma línea en el resto de elementos del sidebar.

4. ELEMENTOS FUNCIONALES Y EQUILIBRADOS

Un blog estéticamente equilibrado es más cómodo de leer. Cuida que todos sus componentes guarden la misma relación de aspecto, tanto en tamaños como en colores. Lograr una armonía visual, genera confianza, serenidad y mayor poder de atracción.

  Fíjate cómo lo aplica The Craftcake Mama en su tienda online: las imágenes del slide están colocadas cuidando impecablemente la estética, de manera que los colores y los temas, coincidan a la perfección. Esta idea, quedará genial en tu blog, si diseñas productos artesanales o tu temática se basa en la decoración. 

El diseño realmente elegante es funcional, simple y ordenado.Tuitéalo

5. MUÉSTRATE, NO TE ESCONDAS

Es necesario para generar confianza. A todos nos gusta ponerle cara a quien nos habla y si tu blog tiene una finalidad más allá del hobby, es prácticamente obligatorio. ¿Le comprarías a alguien que no sabes ni como se llama? yo desde luego no. No hace falta que salgas hasta por las esquinas si te da palo, puedes poner una sola imagen en el sidebar. Si la acompañas con una breve descripción que resuma un poco quién eres y para qué estas aquí, mejor que mejor.

  Me maravilla cómo se lo ha montado Clara de Pearl Knitter, para mostrar su "Sobre mí": ella se dedica a tejer y ha usado unas molonas agujas de lana, para colocarse un moño con mucho arte. No da completamente la cara, sino que está de perfil (ideal para tímidas) y ha escrito una pequeña descripción para que te hagas una idea de lo que te ofrece el blog.

Y ya, siguiendo con el hilo de lo que hablamos en el punto anterior, fíjate cómo cuida la proporción de los elementos, tanto en el sidebar como en las imágenes de los posts. Sencillamente genial.

6. COLOCA LO IMPORTANTE, BIEN A LA VISTA

Las redes sociales, el banner de suscripción, la dirección física de tu tienda (en caso de tenerla) y las llamadas a la acción que te benefician directamente, bien a la vista ¡por favor!. Son los elementos que te ayudarán a crecer, así que no los escondas en el footer. Si quieres ponerlos allí también, porque quedan bonitos o profesionales, muy bien: siempre que los pongas también al principio. Hay muchos que no llegan hasta abajo, no te arriesgues.

Ya traté con detalle este tema en el post de 5 errores y 5 aciertos de un sidebar.

  En el caso de Andrea Amoretti, tiene las redes sociales justo entre el título y su imagen.

 Holamama, cuenta con tienda física y lo incluye bien a la vista en su sidebar.

7. USA TIPOGRAFÍAS SENCILLAS Y FÁCILES DE LEER

Por mucho que te gusten las fuentes script, no las pongas en el texto del post, de verdad, da dolor de cabeza leer así. La tipografía de los textos cuanto más sencilla mejor y a buen tamaño, entre 14-16 px, que no tengan que dejarse los ojos para enterarse de lo que cuentas.

No vas a ser menos cuqui o femenina, por reservarlas sólo para títulos o frases concretas de una presentación: vas a ser más profesional.

  Observa cómo lo hace Xo Sarah: no prescinde de ellas, pero sabe dónde colocarlas.

Un buen diseño, es un buen negocio. (Thomas J. Watson Jr.) Tuitéalo

8. PLASMA TU PERSONALIDAD, SÉ ORIGINAL

Cuando conoces la esencia de tu marca, es mucho más fácil crear un diseño que refuerce tu mensaje. Esto se consigue teniendo tus objetivos claros, definiendo tu temática y elaborando el contenido en torno a ella.

  En Pata de pirata, su autora lo hace genial: ella crea imágenes personalizadas mezclando fotografías con ilustraciones. Su temática está dirigida a niños y le ha dado una buena dosis de originalidad a los elementos del sidebar, utilizando banners estampados para señalar sus redes sociales e imágenes con forma de chapas, para presentar algunas de sus páginas.

9. FONDO: ¿SI O NO?

Depende, en principio cuanto más limpio y oxigenado tengas el blog, mejor. Pero hay veces, que según tu temática, puede quedar bien un fondo de color o estampado, si está bien elegido.

  En Small Studio, han usado los colores de su marca, para hacer un fondo color block.

 Y sinceramente, Cocottó no sería tan bonito si hubiera dejado su fondo blanco porque tiene una temática tan cuqui que esos topitos encajan como un botón en el ojal.

Crea tu propio estilo visual, que sea único para ti e identificable para otros. (Orson Welles) Tuitéalo

Como ves, no es tan complicado cuidar tu imagen para lograr un blog profesional con estilo y voz propia. Si quieres cambiar el aspecto de tu blog, pero nunca te has atrevido por falta de presupuesto o claridad en tu objetivo, ahora tienes una gran oportunidad, ya que por fin está disponible el Curso de Photoshop para blogueras creativas.

Toda una experiencia creativa, que te permitirá aprender a manejar Photoshop para lograr presentaciones únicas y diseñar un blog con personalidad que deje huella. Por mucho menos de lo que te costará encargar una plantilla personalizada, tendrás un 2 en 1: un blog maravilloso, a tu medida y habilidad para crear preciosos diseños. Aquí tienes algunas pinceladas de lo que puedes conseguir, pero hay mucho más, no te lo pierdas!

QUIERO SABER MÁS

Espero te haya sido de gran ayuda, para aportarte muchas ideas que implementar en tu sitio. Recuerda que no se trata de copiar, sino de adaptar a la personalidad de tu marca, aquellos conceptos que te interesen y sobre todo de pensar de qué manera puedes diferenciarte para hacerlo único, especial y tuyo.

Ahora te toca a ti, cuéntame:

 ¿Cual ha sido la idea que más te ha gustado?
 ¿Conocías alguno de estos blogs?
 ¿De qué elemento de tu blog estás más orgullosa?

Si te ha gustado esta entrada o la has encontrado útil, no dudes en compartirla para que le sirva a más gente. Te estaré enormemente agradecida.

9 claves para mejorar notablemente el diseño de tu blog ¿cuántas te faltan? Tuitéalo

¡Que tengas un gran día!

Si quieres seguir aprendiendo, no olvides unirte a la Comunidad Demo 2.0, porque te esperan contenidos, guías, descargables y secretillos de gran valor exclusivos, que no verás en el blog, como esta super-guía para que aprendas a usar imágenes en la red (sin buscarte problemas) en la que además tendrás acceso a millones de imágenes gratuitas para usar en tu blog, sin ningún miedo.

¿Qué me dices? ¿te apuntas? si es así, encantada de contar contigo   

CURSO PHOTOSHOP PARA BLOGUERAS CREATIVAS

Tras varias semanas anunciándolo, por fin da comienzo el Curso de Photoshop para Blogueras Creativas, con el que vas a poder transformar tu blog y desarrollar tu marca, para atraer a tu público.

Podrás comenzar a familiarizarte con el mundo del diseño y crear un blog precioso, con estilo y personalidad, en el mejor editor de imágenes que existe, Photoshop. 

Si te soy sincera, ha sido una semana de locura, porque no me he despegado apenas de la silla, pero estoy bastante satisfecha con el resultado. Te hemos preparado una gran presentación para un gran curso, en el que vas a aprender como no te imaginas. Y esta vez uso el plural, porque sin la ayuda de mi hermano, no lo hubiera podido conseguir. Tengo la suerte de contar en la familia con un artista montando webs  en WordPress que ya me tiene dominio preparado allí para cuando decida moverme (que de momento va a ser que no). Así que no puedo estar más agradecida, de que haya aparcado todos sus compromisos, para echarme una mano y dejármelo todo listo en tan sólo 2 días.

Aquí tienes toda la información:

CURSO DE PHOTOSHOP PARA BLOGUERAS CREATIVAS

Ya me contarás qué te parece, feliz semana!

Cómo poner imágenes o iconos en los botones de compartir bajo el post

Blogger trae por defecto los botones para compartir tus entradas al final del post, pero la verdad es que no sólo son feotes, sino que además, pasan desapercibidos por su color sosete y su tamaño mini.

Así que hoy vamos a ponerle solución, para tener unos botones personalizados que combinen con nuestro blog y atraigan la atención de los lectores. Te he preparado un tutorial completito que además incluye freebies, así que estoy segura de que te va a encantar. Empezamos!

Todos los bloggers deseamos que nuestras entradas se compartan, cuanto más mejor. Pero si no incluimos botones sociales para facilitar el que puedan compartirlas, es como si quisiéramos que nos tocara la lotería sin comprar el décimo.


La función de activar los botones, está disponible en cualquier plataforma de blogs, así que esto no supone mayor problema. El tema está en que los que trae Blogger de serie, son un pelín incómodos de mirar y causan el mismo efecto que un ventilador desconectado, vamos, que ni despeinan.

Por eso hoy toca, ponerlos bien monos para que vayan a juego con los tonos del blog y de paso, llamen la atención de las visitas para que se decidan a compartir el contenido. Este código, se puede usar con imágenes o con iconos. Y tiene otro plus importante con el que no cuentan los de Blogger, la opción de compartir en Whatsapp, que a mí me parece muy interesante, ya que se usa incluso más que las redes sociales.


 Como para gustos, están los colores,  te voy a enseñar cómo hacerlo de 2 maneras:

• Con imágenes (te he diseñado unos botones cuquis, para que los uses si te molan). 
• Con iconos (y te explicaré cómo personalizarlos con CSS). 

Comenzamos con los botones de imágenes. Bajo el vídeo encontrarás los códigos para hacer este tutorial y los botones que he diseñado para que te los descargues como quieras. Dale al play:








Si quieres ver también el tutorial para acortar las entradas de tus posts en la página principal, ahí tienes el enlace.

BOTONES SOCIALES CON IMÁGENES BAJO EL POST

Dirígete a la Plantilla/Editar HTML (recuerda hacer copia de seguridad). Una vez dentro clica en cualquier sitio dentro de la plantilla y pulsa Ctrl+F. Cuando te salga la cajita de busqueda, pega este código  <div class='post-footer'> y dale a intro dos veces, porque nos interesa el segundo que aparece.

Bajo el segundo <div class='post-footer'> es dónde tienes que pegar este código:

<!-- Iconos sociales bajo el post -->
<div class='addthis_toolbox'>
<div class='custom_images'>
<p>Corre la voz</p>
<a class='addthis_button_facebook'><img src='DIRECCION IMAGEN'/></a>
<a class='addthis_button_google_plusone_share'><img src='DIRECCION IMAGEN'/></a>
<a class='addthis_button_pinterest_share'><img src='DIRECCION IMAGEN'/></a>
<a class='addthis_button_twitter'><img src='DIRECCION IMAGEN'/></a>
<a class='addthis_button_whatsapp'><img src='DIRECCION IMAGEN'/></a>
<a class='addthis_button_email'><img src='DIRECCION IMAGEN'/></a>
</div>
</div>
<script type='text/javascript'>var addthis_config = {"data_track_addressbar":false};</script>
<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-511bbe8405a64ebd' type='text/javascript'/>
<!-- Fin iconos sociales -->

Ahora vamos a darle un poquito de CSS, para que queden más equilibrados. Copia este código y pégalo en la parte CSS de tu plantilla. Mira el vídeo, para hacerlo bien:

.addthis_toolbox {
font-size: 14px;
text-transform: uppercase; 
text-align: center;
letter-spacing: 1px; 
word-spacing:25px;
}
.addthis_toolbox p{
word-spacing:25px;
}
.addthis_toolbox img:hover{
opacity: 0.8;
}

Todo lo que está en azul, es lo que puedes personalizar. Tanto la llamada que anime a los lectores a compartir como las imágenes que quieres que aparezcan como botones.

Si necesitas ajustar la medida de tus botones, añade width= '70' tras el enlace de dirección de la imagen y cambia el valor como necesites.



Y aquí tienes los botones que he diseñado, si te gustan, sírvete haciendo clic en las imágenes, que son cortesía de la casa!  

¿Te gustaría aprender a diseñar tus propios botones y tener tu blog personalizado completamente a tu gusto? No te pierdas el Curso de Photoshop para blogueras creativas.

No te pierdas este tutorial para personalizar los botones de compartir el post en redes sociales. Incluye freebies, te va a encantar!Tuitéalo

ICONOS SOCIALES CON CSS BAJO EL POST

Usar imágenes como botones puede quedar muy bonito y te da un gran abanico de posibilidades a la hora de personalizar tu blog. Pero ralentizan la carga de tus paginas y su calidad de imagen, no siempre es buena. En una de mis entradas anteriores, te lo explicaba con detalle al tiempo que te mostraba cómo instalar iconos, para usar en esta y otras funciones del blog.

Además el uso de iconos también te da una gran capacidad de personalizar tus botones. Si pasas el ratón por mis botones de compartir al final del post, podrás comprobar que se le puede sacar muchísimo partido y además, son mucho más ligeros. ¿Quieres saber cómo personalizar tus botones con css? Pues vamos al vídeo. Debajo tienes los códigos que necesitas para seguir el tutorial:

Este es el código, para instalar la cartera de iconos, por si no lo habias hecho aún:

<link href=’//netdna.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.css’ rel=’stylesheet’ type=’text/css’/>

Ahora tendrás que buscar en la plantilla este código, <div class=’post-footer’> para incluir el que te muestro a continuación, justo bajo el segundo <div class=’post-footer’> que te encuentres:

<!-- Iconos sociales bajo el post -->
<div class='addthis_toolbox'>
<div class='custom_images'>
<p>Corre la voz</p>
<a class='addthis_button_facebook'><i class="fa fa-facebook"></i></a>
<a class='addthis_button_google_plusone_share'><i class="fa fa-google-plus"></i></a>
<a class='addthis_button_pinterest_share'><i class="fa fa-pinterest"></i></a>
<a class='addthis_button_twitter'><i class="fa fa-twitter"></i></a>
<a class='addthis_button_whatsapp'><i class="fa fa-whatsapp"></i></a>
<a class='addthis_button_email'><i class="fa fa-envelope"></i></a>
</div>
</div>
<script type='text/javascript'>var addthis_config = {"data_track_addressbar":false};</script>
<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-511bbe8405a64ebd' type='text/javascript'/>
<!-- Fin iconos sociales -->

Una vez que lo hayas pegado, toca personalizarlos con CSS.




EFECTO ROTACIÓN:

Si quieres que tengan efecto rotación al pasar el ratón, añade este código en el apartado CSS de la plantilla. Mira el vídeo, si tienes dudas:

.addthis_toolbox {
font-size: 14px;
text-transform: uppercase; 
text-align: center;
letter-spacing: 1px; 
word-spacing:25px;
}

.addthis_toolbox .custom_images{
margin-top: 25px ;
}

.addthis_toolbox i{
 -webkit-transition-duration: 0.8s;
 -moz-transition-duration: 0.8s;
 -o-transition-duration: 0.8s;
 transition-duration: 0.8s;
 -webkit-transition-property: -webkit-transform;
 -moz-transition-property: -moz-transform;
 -o-transition-property: -o-transform;
 transition-property: transform;
 overflow: hidden;
}

.addthis_toolbox i:hover{
padding: 10px;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -o-transform: rotate(360deg);
}

ICONOS CON DIFERENTES COLORES

Para que cada uno tenga un color diferente:

.addthis_toolbox {
font-size: 14px;
text-transform: uppercase; 
text-align: center;
letter-spacing: 1px; 
word-spacing:25px;
}

.addthis_toolbox .fa-facebook {
color: #ffbdaf;
}

.addthis_toolbox .fa-facebook:hover{
color: #b7cdc0;
}

.addthis_toolbox .fa-pinterest {
color: #b7cdc0;
}

.addthis_toolbox .fa-pinterest:hover{
color: #ffbdaf;
}

.addthis_toolbox .fa-whatsapp {
color: #ffbdaf;
}

.addthis_toolbox .fa-whatsapp:hover{
color: #b7cdc0;
}

.addthis_toolbox .fa-envelope {
color: #b7cdc0;
}

.addthis_toolbox .fa-envelope:hover{
color: #ffbdaf;
}

.addthis_toolbox .fa-twitter {
color: #ffbdaf;
}

.addthis_toolbox .fa-twitter:hover{
color: #b7cdc0;
}

.addthis_toolbox .fa-google-plus {
color: #b7cdc0;
}

.addthis_toolbox .fa-google-plus:hover{
color: #ffbdaf;
}

ICONOS ENMARCADOS

Para añadirles bordes alrededor:

.addthis_toolbox {
font-size: 14px;
text-transform: uppercase; 
text-align: center;
letter-spacing: 1px; 
word-spacing:25px;
}
.addthis_toolbox i{
color: #ffbdaf;
border: 2px solid #b7cdc0;
padding:10px;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
}

.addthis_toolbox i:hover{
color: #ffbdaf;
border: 2px solid #b7cdc0;
padding:10px;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}

ICONOS CON TEXTURAS

Para colorear el fondo con texturas:

.addthis_toolbox {
font-size: 14px;
text-transform: uppercase; 
text-align: center;
letter-spacing: 1px; 
word-spacing:25px;
}

.addthis_toolbox i{
color: #ffffff;
background: url(http://i65.tinypic.com/2w6gksh.jpg) repeat;
padding: 15px;
}

.addthis_toolbox i:hover{
color: #666666;
background: url(http://i63.tinypic.com/2nkt6v5.jpg) repeat;
}

Bueno, pues llegó la hora de despedirse ¿qué botones tienes al final del post? ¿los has personalizado ya? ¿cual es el modelo que más te ha gustado de los que he diseñado? ¿prefieres imágenes o css para tus botones? cuenta, cuenta!! Que tengas un gran día!

¿Quieres aprender a diseñar bonito y tener un blog atractivo? Échale un vistazo al Curso de Photoshop para Blogueras Creativas, con el que podrás perfeccionar tu manejo de Photoshop, a la vez que desarrollas tu marca y creas el blog que deseas tener. Es un curso muy completo, en el que sin duda, habrá un antes y un después en tus diseños. Échale un vistazo:

20 cuentas de Instagram que rebosan creatividad

Si andas escasa de ingenio para tus proyectos, estás de enhorabuena, porque aprovechando que mañana se celebra el Día Mundial de la Creatividad, he recopilado las 20 cuentas de Instagram más creativas que conozco. Te aviso que cuando las descubras no tendrás excusas (ni límites) para desarrollar tu imaginación. Así que, prepárate para disfrutar de lo lindo.

Es uno de mis trucos infalibles cuando tengo la inspiración bajo mínimos o estoy en uno de esos días que necesito escapar de la realidad y despejarme sumergida en mundos de fantasía, colores o cosas bonitas. Cada vez que me pasa, recurro a Pinterest o Instagram y salgo con otro talante e ideas para escribir un libro.


Las imágenes tienen un alto poder para influir en nuestro estado de ánimo y si además vienen acompañadas de chispa o talento, mejoran nuestra capacidad creativa.


He creado una infografía para que la puedas consultar cada vez que la necesites, pero estoy casi segura, de que vas a seguir estas cuentas automáticamente (si no las seguías ya). Bajo la infografía, tienes una pequeña descripción de lo que vas a encontrar en cada una de ellas, aunque sus trabajos hablan por sí solos como vas a poder comprobar.

1. Samantha Lee: creo que he encontrado el remedio infalible para que la peque se coma la comida sin protestar. El reto está en conseguir que mis platos, se acerquen una cuarta parte a las maravillosas composiciones que hace esta chica con los ingredientes. De momento el emoji sonriente, usando salsa de tomate, me queda divino al lado del arroz        ¡algo es algo!


2. Rachel Ryle: esta ilustradora tiene el poder de dejarme con la boca abierta cada vez que contemplo alguno de sus breves vídeos. Domina la técnica del Stop Motion como nadie y ha hecho que me entre el gusanillo de querer aprenderla, aunque sea para llegar a tener un tercio de su nivel. En cuanto pueda, hago un curso, por descontado.


3. Tal Peleg: hace poco, mostré una selección de 6 de sus trabajos de fantasía en mi página de Facebook. La verdad es que me costó decidirme, porque todas las ilustraciones que recrea en la mirada, son espectaculares. Podrás encontrar desde escenas de cuentos o películas, hasta bellísimos animales, envueltos en un festival cromático.


4. Alfonso Casas: este barcelonés plasma sarcasmo y excelentes reflexiones en sus ilustraciones. Si buscas frases memorables o apasionadas sin caer en la cursilería, esta es la cuenta perfecta. También resulta fantástico para inyectar ánimo en momentos de crisis sentimental. Vamos, para meterlo en el botiquín de primeros auxilios contra la bajona.


5. Helene Meldahl: soy de las que no encuentra nada atractivas las autofotos delante del espejo, pero tengo que aplaudir la inventiva de esta chica para convertirlas en momentos divertidos y super originales. Desde que la he descubierto, me he apuntado en la agenda, hacerme una frente al espejo y tunearla con la ayuda de Photoshop. Próximamente...


6. Andrea Reed: si antes te enseñé a una artista del maquillaje de fantasía en la mirada, ahora te traigo a otra que lo hace igual  de requetebien, pero en los labios. Su capacidad de inventiva no tiene frenos y sus espectaculares ideas, transmiten sin abrir la boca.


7. Stephen Mcmennamy: un diseñador gráfico con un talento especial para combinar imágenes que generan resultados sorprendentes. Es una de mis cuentas fetiches, cuando necesito inspiración.


8. Maria Marie: preciosas capturas en tonos pastel, tratadas con una delicadeza especial. Personalmente, contemplar el trabajo de esta fotógrafa me genera sensaciones opuestas, porque encuentro sosiego a la par que inquietud por crear detalles bonitos. ¿Qué te transmite a ti?


9. Kristina Makeeva: esta chica maneja la cámara y Photoshop a las mil maravillas. Las imágenes que edita con su gato como protagonista, son mágicas. Pero el resto de sus fotografías, en las que predominan los paisajes, no se quedan atrás. Tiene un encanto especial que no te deja indiferente.


10. Littledrill: pareja de fotógrafos que maneja con gran destreza la técnica del Color Block, que ya te mostré en ese post. Sus capturas centradas en el diseño moderno, son muy demandadas por grandes firmas como Adidas o Ban.do. A mí es el tipo de fotografías que más me gustan: minimalistas, coloridas y poco convencionales.


11. Runnerkimhall: otra cuenta muy similar a Littledrill, pero con un concepto más femenino y delicado, por ese motivo, me gusta incluso más que la anterior (soy muy repollo para las cucadas...)


12. Peechaya Burroughs: la imaginación de esta chica es asombrosa. Sin necesidad de materiales complejos, compone escenarios mágicos repletos de creatividad. Todas sus fotografías emplean el mismo fondo, pero cada una de ellas se expresa por sí misma y a tí te dejarán sin palabras.


13. Matt Crump: preciosas fotografías llenas de color que transmiten alegría y dulzura.  Sus composiciones minimalistas usan y abusan de los tonos pastel y neón, para recrear escenas que no te dejarán indiferente.


14. Chris Cline: el poder de Photoshop no tiene límites. Y si no, que se lo digan a Christopher Cline, que ha conseguido convertir a su mejor amigo en un gigantesco compañero de aventuras. Las escenas que recrea, no tienen desperdicio, a mí cada vez me sorprende más.


15. Mezesmanna: desde Hungría nos llegan galletas con auténticas obras de arte en su glaseado. Esta mujer, tiene un pulso y un gusto decorando que deja con la boca abierta. No hay una sola de ellas, que no dé pena comerse, porque son para enmarcar. Aquí te dejo un vídeo, para que la veas en acción, todo un espectáculo!


16. Gesichtermix: ¿te has preguntado alguna vez cómo sería un híbrido entre Keanu Reeves y Javier Bardem? ¿o entre Beyoncé y Oprah Winfrey? si tienes curiosidad, Gesichtermix, te muestra esta y otras fusiones de famosos con ayuda de Photoshop.


17. Hyemi Jeong: esta ilustradora surcoreana tiene el poder  de explotar la creatividad de objetos comunes. Un buen ejemplo de que no hay que complicarse la vida, para conseguir impactar con tu trabajo.


18. Kay Bells: los complementos de esta mujer, me tienen perdidamente enamorada. Compone auténticas joyas artesanales usando pequeños elementos de la naturaleza. Aún no me he decidido por una, pero en cuanto lo haga, pediré que me la envíen a casita. Tengo que tener al menos uno de los tesoros de su colección, ha mutado de capricho a necesidad!


19. Amanda Korotkova: tiene un gusto especial para el scrapbooking y crea unas tarjetas que si digo preciosas, me quedo corta. Además nos enseña cómo lo hace en vídeo, para que podamos aprender. Yo estoy suscrita a su canal desde hace tiempo, pero no porque quiera aprender sino porque disfruto como una enana, viéndola en acción.


20. El taller de Cá la Fina: no es de Andalucía, pero lleva muchos años en el sur y sus creaciones reflejan lo enamorada que está de esta tierra. Tiene de todo, camisetas, bolsos y accesorios para los peques, pero no es lo que tiene, sino el cuidado y la personalidad que imprime en cada uno de sus productos. Derrocha arte por los cuatro costaos y sin tener la legión de seguidores de los demás, es de esas cuentas en las que si entras, te quedas sin dudar.

No te pierdas estas 20 cuentas de Instagram repletas de creatividad ¡te conquistarán!Tuitéalo

Y esto es todo por hoy ¿qué cuenta te ha gustado más? ¿conocías alguna? ¿se te ocurren otras para un próximo post? con mención incluida, por supuesto. Cuéntame y charlamos un rato.



Que tengas un gran día!



Imagen portada: Ashley Ella Design

¿Te gustaría seguirme en tu lector de feeds favorito?

¿Quieres aprender a diseñar bonito y tener un blog atractivo? Échale un vistazo al Curso de Photoshop para Blogueras Creativas, con el que podrás perfeccionar tu manejo de Photoshop, a la vez que desarrollas tu marca y creas el blog que deseas tener. Es un curso muy completo, en el que sin duda, habrá un antes y un después en tus diseños. Échale un vistazo:

Mockup: tarjeta de felicitación Día de la Madre [Freebie + Tutorial]

El domingo 6 de Mayo, se celebra el día de la madre. La verdad es que es algo que se debería celebrar todos los días, porque tener una buena madre, es uno de los mayores tesoros que puedes tener en tu vida. Así que, he decidido dejar esta semana los tutoriales para diseñar botones en tu blog, con ayuda de iconos y CSS, para que puedas preparar con tiempo un detallazo para tu mami que la deje con la boca abierta.

Para ello, he vuelto a crear una tarjeta de felicitación mockup, como ya hice anteriormente para celebrar el día del padre. Si ya viste este post, sabrás que es totalmente personalizable, porque le podrás añadir las imágenes y el texto que más te gusten. ¿Vamos a ello?

Buen domingo ricura! esta vez me he propuesto que no te coja el toro para encontrar el mejor regalo para tu mamá. Así que aquí tienes una tarjeta de felicitación mockup, totalmente personalizable, para que la diseñes como quieras.





Los fondos empleados, los he sacado del material del  Curso de Photoshop para Blogueras Creativas  que ya tienes disponible y que este año, viene con nuevo módulo para WordPress. Te recomiendo que le eches un vistazo, si aún no lo has visto, porque creo que te va gustar 😉



Y dicho esto, seguimos con este detallazo. Aquí puedes ver los textos que te he preparado para la parte exterior. Aunque esto, también lo podrás personalizar con tus propias palabras si lo deseas.






Y así quedarían las tarjetas. Como ves, tienes bastantes opciones para elegir. En concreto cuentas con 10 fondos, pero como ya te he comentado, también puedes subir los tuyos.

DESCARGA TU TARJETA DE FELICITACIÓN

Bueno, pues vamos con el tutorial, verás qué facilito es y lo que vas a disfrutar diseñándola:

¡Mil disculpas! 

 Se me ha olvidado cerrar el tutorial contándote cómo guardarla para mandar a imprimir. Cuando vayas a guardar, tienes que elegir la opción Photoshop (PDF) como formato, para ambas caras. Y pedir papel cartulina como material de impresión. Si tienes dudas, en el tutorial para el día del padre, te lo explico a partir del minuto 31.

Pues esto ha sido todo por hoy, he estado más breve que de costumbre, pero es que he volcado toda la creatividad en el diseño y la presentación y me he quedado un poquito vacía.

Además es un tema, en el que no me gusta ahondar, porque dentro de 2 días, se cumplirán 3 años desde que falta la mía y en estos trabajos, prefiero volcar el sentimiento en el diseño, en vez de en las palabras.

Tan sólo decirte que si todavía tienes la inmensa suerte de disfrutar de la tuya, valores de verdad lo que eso significa y os regaleis mutuamente preciosos momentos. Hazle saber lo importante que es para ti. Y si usas la tarjeta para decirle lo mucho que la quieres, me encantaría que me lo contaras, para mí también será un regalo. Un abrazo!



Cuéntaselo a tus amigos, sus madres te lo agradecerán  

Tarjeta personalizada para el día de la madre: hacerla feliz no te costará nada.Tuitéalo

¿Te gustaría seguirme en tu lector de feeds favorito?

3 razones decisivas para acortar tus entradas [tutorial+freebies]

¿Acortar o no acortar entradas? es uno de los dilemas que tienen muchos bloggers y que genera bastante debate en la red. Y es que el uso de esta función tiene tantos detractores como defensores (bueno, por fortuna, de los últimos un pelín más).

La verdad es que yo lo tuve claro desde el primer momento, acortar las entradas en el blog tiene grandes ventajas y para mí, cero inconvenientes. Así que te voy contar mis razones y de paso te mostraré cómo hacerlo bien y bonito (por supuesto).

Hey ¿cómo va esa semana? ¿cumpliendo metas marcadas? espero que sí. Llevaba ya tiempo queriendo hacer esta entrada, porque me parece muy necesaria, pero el calendario editorial tenía otras prioridades, así que hoy estoy encantada de poder despacharme a gusto con este tema.


Cada vez hay mas bloggers que dan el tijeratazo a sus posts, porque son conscientes de los beneficios que les aporta, pero aún sigo observando un gran número de blogs que no lo hacen y realmente es una pena, porque están perdiendo visibilidad en Google sin saberlo.

VENTAJAS DE ACORTAR LAS ENTRADAS DE TU BLOG

Voy a empezar a enumerar por orden de importancia. En primer lugar, beneficia notablemente el SEO de tu blog. Básicamente, por dos motivos principales:

  Mejora la experiencia de navegación del lector

Cuando una visita entra en tu blog y se encuentra todo un tochazo de texto a primera vista, (que puede que ni sea el tema que le interesa) tiene que tener mucha fe en tus contenidos o buscar algo en concreto, para entretenerse haciendo scroll. Esto es aún peor cuando encima no cuentas con un índice que le ayude a ir directo a lo que está buscando y tus contenidos son muy largos.

Consecuencia directa: aumenta tu tasa de rebote. 

Por si no sabes lo que es la tasa de rebote, es una métrica que apunta directamente al nivel de interés que muestran tus visitas hacia tus contenidos. Cuanto más alto sea el porcentaje, más motivos le das a Google para que no vuelva a mostrar tu contenido en los tipos de búsqueda que han ido a parar a tu blog, porque entiende que no es el tipo de información que el usuario estaba buscando.

Seguimos con el tema de la experiencia de navegación de tus lectores:


Como ya sabrás por experiencia propia,

El tiempo de carga de una página es inversamente proporcional al interés por descubrir la información.Tuitéalo

Es decir, que cuanto mas tarde en mostrarse el contenido, menos probabilidades habrá de que el lector se quede pacientemente esperando para consumirlo. Si abandona antes de que se muestre, es otro galón menos que tienes a los ojos de Google, porque vuelve a influir en tu tasa de rebote. 

Una entrada con mucho contenido, que no sólo contenga texto sino que además incluya imágenes, vídeos y demás recursos multimedia, es un caramelo muy apetecible para el rey de los buscadores, pero también es un arma de doble filo, porque suele ralentizar la carga del blog. Yo por ejemplo, tengo mucho contenido de este tipo, imagínate qué pasaría si mostrara las entradas completas... que todo ese contenido, empezaría a cargarse en el momento que visitan el blog, por lo que el tiempo de carga, aumentaría. Al acortar la entrada, esta, comenzará a cargar en el momento que el usuario haya clicado en ella (y no antes) por lo que aunque tarde un pelín, el tiempo de espera será menor y no abandonará porque ha mostrado interés por ese contenido en concreto ¿entiendes la diferencia, verdad?

  Tendrás datos fiables del número de páginas vistas.

Yo creo que es algo que pasa desapercibido por mucha gente, pero en cuanto te lo explique, le vas a ver toda la lógica:

Cuando una persona llega a tu blog, se encuentra normalmente en la página principal (es decir miblog.com ) a no ser que proceda de un enlace directo externo, hacia un artículo concreto. Si tu le das todo el contenido en bandeja, podrá leer 2,3,10,20 contenidos sin salir de la página principal. 

¿Qué quiere decir esto? que para Google y para tus métricas ha visitado una página solamente aunque haya leído una buena cantidad de posts.

Otra desventaja es que muchos blogs son seguidos a través de feeds. Te voy a poner como ejemplo Bloglovin, que es el que yo uso: cuando leo un artículo de un blog que no acorta sus entradas, no tengo que salirme de la aplicación para consumir el contenido. Esto es una gran faena para el autor de ese blog, ya que mi visita no le va a contar. Ni la mía ni la de los que lo lean directamente allí. 

Consecuencia directa: tú no sabrás a ciencia cierta cuales son los contenidos de tu blog que gustan más y Google no es propenso a posicionar artículos que no tengan muchas visitas. Lo peor es que seguramente uno de tus contenidos despierta gran interés y podría petarlo en buscadores, pero como el usuario no está haciendo clic en el enlace hacia ese contenido, pues no se manifiesta el grado de interés que despierta.

  Eleva el atractivo de tu blog

Un blog con las entradas acortadas, transmite claridad y orden. El usuario será más propenso a investigar tus contenidos, si puede acceder a varios títulos sin hacer mucho scroll, para elegir lo que más le interese. Además un blog que tenga una estética equilibrada y limpia, facilita mucho más la lectura.

Consecuencia directa: si la navegación en tu blog resulta cómoda, no tendrán prisa por salir y ningún inconveniente en volver. Cuanto menos bulto, más claridad  .

Bueno y ahora que ya eres consciente de las grandes ventajas de acortar tus entradas, te voy a contar paso a paso cómo hacerlo y ya que estamos, te he diseñado algunos botoncitos para que elijas el que más te guste y lo incluyas si te mola.

CÓMO ACORTAR TUS ENTRADAS

Debes saber que este tutorial es para acortar tus entradas de forma manual, así que si quieres hacerlo con todas, tendrás que usar el salto de línea en cada una de ellas. Si tienes muchas, empieza primero por las más recientes que son las que aparecen a primera vista y poco a poco, vas haciéndolo en las demás.


La ventaja de acortar la entrada de esta manera, es que tú eliges exactamente en qué parte lo haces. Pero si prefieres que se acorten de forma automática y así ahorrarte el tener que hacerlo una por una, puedes seguir este tutorial de Yudy, de Ingenio DIY, en el que te explica cómo hacerlo.



Y ahora vamos al lío!

  Dirígete a la entrada que vas a acortar y selecciona la parte de texto que quieres que se muestre. Es importante que sea interesante y a la vez genere algo de intriga para que el lector sienta el impulso de leer más. Una vez sepas dónde vas a dar el tijeretazo, haz un par de intros y pulsa el icono con forma de hoja cortada para insertar el salto.

  Ahora es momento de irse a Plantilla>Editar HTML (recuerda hacer copia de seguridad) y hacer clic en cualquier sitio dentro de ella. Cuando salga la caja de búsqueda, pega lo siguiente:

<data:post.jumpText/>

  Una vez localizado, hay que sustituirlo por este código:

<center><img src='DIRECCIÓN DE TU IMAGEN' width= '150px'/></center>

  En DIRECCIÓN DE TU IMAGEN debes pegar el enlace a tu imagen, si no sabes cómo conseguir el enlace de una imagen, mírate esta entrada en la que te lo explico y además te doy otros 5 consejos super útiles para Blogger.

  En 150px ,deberás poner el ancho que tenga tu imagen. Si pones alguno de mis botones, lo puedes hasta quitar y dejar sólo la dirección de la imagen. Te lo he dejado por si te parecen grandes y quieres disminuir un poco tu botón .

  Las etiquetas <center></center> son para que tu botón aparezca centrado. Si lo prefieres a la izquierda, elimínalas.

Te aconsejo que guardes el código <data:post.jumpText/> y el enlace a tu imagen, juntos en un documento de texto, por si alguna vez quieres volver al estado anterior o cambiar el enlace de tu imagen por otro, solamente tengas que buscar el enlace de la imagen en la cajita de búsqueda.

FREEBIES DE BOTONES CHULIS PARA ACORTAR TUS ENTRADAS

Bueno y ya para terminar como colofón final, aquí tienes algunos botones que he diseñado para usar en tus entradas acortadas. Si te gusta alguno, sólo tienes que pinchar en la imagen correspondiente para descargar el pack:

Si me lees habitualmente, sabrás que no soy amiga de usar imágenes como botones. Yo prefiero usar CSS que para mí gusto queda mejor y aligera mucho más el blog. Estas imágenes que te facilito como botones, tienen aligerado el peso y además no son grandes, por lo que no ralentizarán apenas la carga. Pero como ya te digo, prefiero crear un botón con CSS.

Si tú también quieres optar por esta opción, te aconsejo que te suscribas a la Comunidad Demo 2.0, ya que en el blog privado voy a explicar paso a paso cómo poner botones con iconos, CSS o con ambos. De momento, ya he publicado un tutorial en el que te cuento cómo usar iconos para mostrar tus redes sociales, pero habrá muchos más. Además unirse al blog privado, tiene otras muchas ventajas ¿quieres saberlas? te las cuento aquí:

VENTAJAS DE LA COMUNIDAD DEMO 2.0

Y con esto terminamos. Espero que te haya sido de utilidad toda la información que te contado y te sirva para posicionar mejor en buscadores a la vez que aumentas el número de posts leídos. Si te ha resultado útil, quizás te apetezca compartir la entrada. Tanto a mí como a tus amigos bloggers, nos harías un gran favor  

3 razones decisivas para acortar tus entradas [tutorial+freebies]Tuitéalo

¿Qué te han parecido las razones para acortar tu entrada? ¿conocías sus ventajas? ¿eres de las que aplican la tijera o las dejas largas? ¿qué botones te han gustado más?

Que tengas un gran día!

Imagen título: Pixabay

¿Te gustaría seguirme en tu lector de feeds favorito?

¿Quieres aprender a diseñar bonito y tener un blog atractivo? Échale un vistazo al Curso de Photoshop para Blogueras Creativas, con el que podrás perfeccionar tu manejo de Photoshop, a la vez que desarrollas tu marca y creas el blog que deseas tener. Es un curso muy completo, en el que sin duda, habrá un antes y un después en tus diseños. Échale un vistazo: