16 Ene ¿Cómo saber que tipografía o paleta de colores usa una web?
Hace algunos años solía trabajar con dos socios que tenían una extraña fijación por las tipografías y las paletas de colores.
Cuando llegaba una nueva targeta de visita a sus manos debatían sobre la paleta de colores elegida, la distribución del espacio y de la tipografía.
Eran capaces de llenar hojas enteras con un mismo texto con distintas tipografías y de discutir sobre la idoneidad de cada una de las elecciones.
Estas conversaciones que se me escapaban plenamente. Llegué a la conclusión que ni tengo buen gusto eligiendo paletas de colores ni suelo acertar con la elección de tipografías.
Decidí delegarlo en manos expertas y hacer caso de su conocimiento.
Pero esto algún día debía cambiar y desde que empecé mi andadura como freelance decidí que con entrenamiento podía mejorar.
Y en esta parte es cuando las extensiones para navegadores nos pueden ayudar a elegir colores y fuentes adecuadas.
Extensiones de chrome para la elección de paletas de colores
Para las paletas de colores me usa estudiar un combo de dos extensiones chrome.
La primera es la conocidísima ColorZilla.
Con un simple click de ratón guarda el color del píxel pulsado.
Además ColorZilla tiene una herramienta para extraer todos los colores que detecta en una página pero cuando hay fotografías detecta demasiados colores para mi gusto.
Aún así, hacer click y captar un color ya es en si extremadamente útil.
Lo que suelo hacer es capturar el color que me gusta y entonces encontrar una paleta de colores adecuada.
Para ello uso otra extensión en combinación con la primera que se llama ColorHexa (de la conocida página web de internet)
Esta extensión simplemente dado un color te abre la página de su sitio web que te indica todos los colores que combinan.
Extensión de chrome para la elección de tipografías
En el caso de las tipografías me gusta usar la extensión también de Chrome WhatFont.
Cuando la activas y con un simple click de ratón te indica de golpe la tipografía que se está usando para el texto que estás indicando.
Por ejemplo, y de un vistazo rápido, la página web de Apple usa la fuente SF Pro Text y la página web de WhatsApp usa la fuente System-UI.
Si no deseas usar extensiones entonces otra alternativa es que uses este recurso de internet (recomendadísimo).
¡Hola!
Querido lector,
¿Qué te parecen estas herramientas para detectar fuentes y paletas de colores rápidamente?
¿Usas o conoces algunas que me puedan ser útiles?
¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!
Entradas relacionadas:
Te encuentras jugando ociosamente con tus hijos en el parque cuando de repente y educadamente aparece otro padre que olvida a sus retoños a una distancia ni demasiado cerca ni demasiado lejos de ti.
Siendo navidad la sorpresa hubiese sido encontrar la biblioteca de mi pueblo abierta. Google sugería que estaba abierta... así que me he encontrado la puerta cerrada. ¿Alguna vez te ha pasado?
Si te dedicas a implementar páginas web o a escribir, en esta entrada te descubro a Watson. Sus herramientas te harán ahorrar mucho tiempo traduciendo contenidos, transcribiéndolos y/o interpretándolo...
Si al huerto le das cariño el te lo recompensa con fresas con sabor a fresa y lechugas crujientes. ¿La relación con un sitio web?
En ocasiones emitir una factura que no vas a cobrar en el plazo pactado puede suponer problemas para el portador. ¿Qué podemos hacer?
Usa el sentido común en los negocios. No le pidas a un cliente que haga lo que no estás dispuesto a hacer. No hagas para ti lo que no harías para un cliente.
No Comments