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:
237 valoraciones en Google My Businness y una media de 4.3 estrellas sobre 5. El vecino te dice que no vayas. ¿a quién le haces caso?
Madre del amor hermoso que mala es la película Casi 300. ¡Menudo despropósito!
Se podría decir que es la segunda vez que se me estropea un Macbook Pro. Esta vez como mínimo no lo he perdido todo. ¿gracias al blog?
- ¡Señor, señor no se vaya! - Dos niñas me han perseguido a la salida del colegio y esto es lo que me han dicho. Me he quedado maravillado.
Mi hijo mayor ha sido consciente por primera vez de los regalos durante las navidades. A medida que los iba abriendo me ha dado de pensar.
En todo gran reto en algún momento hay dudas y hay que parar para reflexionar y mejorar. ¿Ha llegado ya mi momento?
No Comments