Codigo de colores para twitter

Codigo de colores para twitter

Código de colores de linkedin

Lo que he notado en los tweets de @everycolorbot es que los colores neón brillantes y muy saturados (amarillo~verde) tienden a obtener menos likes en comparación con los colores azules fríos y los colores pastel cálidos. Puedes hacerte una idea de esta diferencia en el número de «likes» entre los dos tuits de abajo, tuiteados con una hora de diferencia:
En realidad, esto no es una gran sorpresa. Los colores puros y brillantes son muy duros y cansan al ojo, especialmente sobre un fondo blanco.1 Por esta razón, los colores brillantes casi nunca se utilizan en el diseño web profesional, y también se desaconsejan en la visualización de datos.
Así que aquí hay un mini experimento que pone a prueba esa afirmación: voy a utilizar los tweets de @everycolorbot (más específicamente, los gustos en los tweets) como un proxy para la simpatía / legibilidad / comodidad / etc. Será un buen ejercicio para familiarizarse con los diferentes colores. También voy a intentar un simple análisis descriptivo utilizando la representación del color HSV, que es un modelo mental del color motivado psicológicamente que me gusta mucho (y estoy tratando de conseguir una mejor sensación).

Código de colores de google

A continuación, haz clic en la propia imagen dentro del tuit. En la caja de luz que aparece, la barra de menú que se encuentra debajo adquiere un color significativo que se basa en los píxeles reales de la propia imagen. Incluso en esta prueba de estrés, esta es una imagen difícil dado todos los píxeles de luz, hace un buen trabajo en la elección de un color general que 1) representa el contenido de la imagen 2) es lo suficientemente oscuro/contrastado para colocar el texto blanco en él:
Los ejemplos de la captura de pantalla son optimistas, ya que hay muchas situaciones en las que el fondo es demasiado claro. Incluso en los ejemplos aparentemente positivos, como se ve en mi captura de pantalla, la mayoría de las veces no pasa la comprobación de contraste AA o AAA.
Podemos mejorar este experimento cambiando de qué partes de la imagen calculamos el color medio. El ejemplo anterior selecciona los píxeles de manera uniforme en toda la imagen, pero podemos intentar utilizar sólo los píxeles cercanos a los bordes de la imagen -para que el color se mezcle mejor- o podemos intentar promediar los valores de color del centro de la imagen para resaltar el sujeto. Ampliaré el código y actualizaré esta respuesta más tarde, cuando tenga más tiempo.

Código de color de microsoft

La mayoría de ustedes probablemente han oído hablar de los valores CMYK para el diseño de impresión. RGB, que significa rojo, verde y azul, es el modelo de color que utilizan los monitores. Dado que en el diseño web nos preocupamos principalmente por el aspecto de las páginas web en las pantallas, RGB es el modelo de color que utilizamos.
Los valores RGB se especifican para cada uno de los colores clave (rojo, verde, azul), utilizando un valor entre 0 y 255 o un valor porcentual. Un valor más alto significa más de ese color. El RGB funciona al contrario que el CMYK, en el sentido de que ninguno de los colores es realmente igual al negro y todos los colores son iguales al blanco. No te preocupes mucho por los detalles técnicos, sólo por cómo utilizarlos.
La forma más común de especificar los colores en CSS es utilizar sus valores hexadecimales (o hex). Los valores hexadecimales son en realidad una forma diferente de representar los valores RGB. En lugar de utilizar tres números entre 0 y 255, se utilizan seis números hexadecimales. Los números hexadecimales pueden ser 0-9 y A-F. Los valores hexadecimales siempre van precedidos del símbolo #.

Código de colores de github

Aquí, puedes tocar un enlace llamado «twttr feedback» que te lleva directamente a un formulario de encuesta donde puedes compartir tus opiniones. El formulario te pide tu nombre, lo que te gusta y lo que no te gusta, y ofrece un espacio para otros comentarios.
Verás que las respuestas individuales de cada uno son más redondeadas, similares a las burbujas del chat. Esto permite que destaquen sobre el fondo contrastado y da la apariencia de un tablero de discusión en línea.
Es una forma más sutil de destacar la importancia del tuit en la conversación. También es una forma que podría pasarse por alto, especialmente en el modo nocturno, de temática más oscura, donde la línea gris no ofrece tanto contraste con el fondo oscuro.
Otra cosa que notarás al desplazarte por las conversaciones en twttr es que los compromisos están ocultos en los tuits individuales de las personas. Es decir, no hay un icono de corazón (favorito), ni un icono de retweet, ni un icono de burbuja de respuesta, ni un icono de compartir, como se acostumbra a ver en los tweets hoy en día.
A menudo, en los hilos de conversación largos, la gente responde a otra persona en un hilo además del tuitero original. Cuando esto ocurre, ambos son etiquetados en la respuesta, pero la respuesta puede no referirse en absoluto al tuit original. Esto puede dificultar el seguimiento de las conversaciones.

Entradas relacionadas

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad