Experimento de rediseño de la tarjeta de usuario

Discord hace algo interesante para el banner de la tarjeta de usuario predeterminada. Utilizan el color plano promedio del avatar del usuario.

Ejemplo:

Usando https://matkl.github.io/average-color/:

5 Me gusta

Aquí está mi ejemplo de esto:



Sin embargo, no son lo mismo.

Actualización: Pulsé un color preestablecido, lo que provocó que los colores no fueran los mismos. (fue culpa mía)

1 me gusta

Mmm. No estoy seguro de lo que está pasando ahí. ¡Esperaba más azul!

2 Me gusta

Para tu información, Discourse hace algo similar: en las vistas previas de la lista de temas, aunque utiliza el “Color Dominante”, no el “promedio”.

Sospecho que el Color Dominante dará mejores resultados.

5 Me gusta

¿Se está abordando este error como parte de este rediseño?

Sé que está un poco más arriba que la Tarjeta de Usuario, pero causa un problema significativo en las Tarjetas de Usuario cuando chocan con Palabras Observadas.

4 Me gusta

Solo para cerrar el círculo, Nathan:

8 Me gusta

Esto se añade en la nueva actualización:

Añadir enlace de Google Maps a través de la configuración del sitio a la ubicación del usuario

También sería genial tener soporte para OpenStreetMap.

8 Me gusta

Esto se añade ahora :smile: Ahora puedes decidir usar Google Maps u OpenStreetMap en la configuración :+1:

5 Me gusta

Creo que es un buen rediseño en general, pero creo que es importante tener etiquetas para las insignias. Poder distinguir entre insignias con el mismo icono de un vistazo es realmente importante para una vista previa rápida como esta. Por ejemplo, sin la etiqueta, no se puede saber si este icono:
2023-03-06 16_03_48-Badges - Blender Artists Community
es un Enlace Famoso, una Gran Respuesta o un Gran Tema (tal como están configurados en nuestro sitio, tu experiencia puede variar). Es aún peor para la categoría de insignias de Introducción: hay 16 insignias que comparten exactamente el mismo icono allí, con implicaciones muy diferentes. Es importante para mí, como moderador, poder ver cuándo alguien tiene una insignia por leer las directrices, por ejemplo, pero con este nuevo diseño, esa insignia se ve igual que otras 15 insignias muy diferentes (incluyendo cosas como Primera Caja de Enlace y Usuario Nuevo del Mes).

4 Me gusta

Por favor, hazlo opcional cuando agreguen esta nueva tarjeta de usuario al discourse. La antigua es mucho mejor que esta nueva y, por no decir que agrega un color de fondo extraño a la tarjeta que se ve horrible. y no muestra nada en la tarjeta de usuario, no hay información allí.

En general, no me gusta, así que les pediría que no impongan esto en el discourse cuando lo agreguen al discourse.

3 Me gusta

¡Nos encantaría saber qué te gusta del diseño anterior!

¿Podrías explicar esto? Veo información cuando hago clic en tu tarjeta y en la mía también.

1 me gusta

Nuevo

3 Me gusta

¿Estás usando esto en tu propio foro?

3 Me gusta

Parece que es mi tema basado en la transparencia. Hemos estado hablando durante un tiempo con todos los problemas que has tenido y no estoy seguro de cuánto tiempo más podré ayudar, desafortunadamente, porque los problemas no están en el tema real, sino en incompatibilidades que no logro encontrar.

2 Me gusta

¿Hay algún error en tu consola?

1 me gusta

Estaba pensando que esto podría ser un problema de compatibilidad de temas.

No.

Por cierto, me gustaría dar mi opinión, el color de fondo se ve desagradable cuando elige el mismo color que la imagen de perfil. Sería mejor si pusieras una imagen de fondo predeterminada o algo en lugar de un color de perfil en el fondo. y el fondo debería estar borroso como esto

1 me gusta

personalmente, me gusta mucho. esto debería ser una configuración a nivel de sitio porque veo que a la gente no le gusta, pero creo que es genial

me funciona bien:

3 Me gusta

Esto me ha estado molestando un poco, así que después de buscar, encontré

… que creo que hace un trabajo mucho mejor para este propósito que tomar el promedio. Ejemplos de los avatares de las personas en este hilo:

Código aquí: color-finder/src/colorfinder-1.1.js at master · pieroxy/color-finder · GitHub

13 Me gusta

Esta es mi intención de cambiar eventualmente a este tipo de patrón. Sin embargo, el problema es que, debido a que las imágenes se alojan en una CDN, este tipo de cosas no funciona.

NOTA: Debido a las restricciones del objeto canvas, esto solo funciona si la imagen proviene de tu propio dominio.

Tenemos algo que hace esto para las imágenes en nuestro backend de Rails, pero no puedo acceder a él a través de un componente de tema. Dado que esto es solo un experimento por ahora, creo que lo pospondré hasta que sea más fácil de hacer.

1 me gusta

Lo planteé antes. Se llama Dominant colour

4 Me gusta