Como culo inquieto que soy, ando cambiando el diseño poco a poco, probando cosas nuevas,
mejorando mi plantilla Blogger y buscando mi satisfacción definitiva (no sé yo si eso llegará algún día) y unas de las cosas que he hecho (entre muchas) ha sido
personalizar los iconos de "Sígueme en.." con doble imagen. Son de color negro y
cuando se pasa el ratón por encima cambia el color al propio de la red social.
Cuando he tenido que encontrar el color de cada red social me ha costado lo suyo. Twitter, Facebook, LinkedIn e Instagram suelen aparecer en azul, pero cada uno tiene su propio color y yo quería que se diferenciara. Además quería que fuese el más acertado. Por una parte busqué a través de "Inspeccionar" en cada página de cada red social, y por otro lado he buscado en diferentes fuentes -al final del post las comparto- hasta llegar al color ideal de cada icono y a mi gusto.
códigos de colores para html - Redes sociales
|
Entre Facebook y Twitter encontramos bastante diferencia, pero en Instagram y LinkedIn no, como tampoco entre Google y Pinterest. Así que he optado por usar otros colores de la propia paleta de cada red social.
Como sabéis en Facebook, Twitter, Pinterest y LinkedIn no hay mucho donde elegir salvo diferentes tonalidades de azul, así que lo he dejado estar. Pero en Instagram y Google+ tenemos una paleta de colores más variada porque sus iconos están compuestos de varios colores.
En el caso de Instagram me he quedado con el marrón, me ha gustado más y creo que se asocia bien con el icono y la red social en sí.
En el caso de
Google+ he optado por el amarillo porque me gusta más y punto, pero cualquiera es válido, porque está compuesto por 4 colores en igual cantidad más el rojo, que como Pinterest ya lo tenía (no igual pero casi idéntico) pues he optado por otro.
Como
extra os comparto una página donde podréis encontrar los que, considera esta fuente, los códigos oficiales de las marcas más importantes del mundo.
Esto es todo, espero que sea útil y que así podáis personalizar mejor vuestros iconos y hacerlo todo todo todito a vuestro gusto.
No te olvides de compartir y comentar lo que sea :)
Fuentes:
https://www.competethemes.com/blog/social-media-colors/
http://www.color-hex.com/
http://designpieces.com/2012/12/social-media-colours-hex-and-rgb/
¡Vaya! No hay comentarios ¿Escribes el primero?
Publicar un comentario