¿Cómo representar la plata, el platino y el diamante?

La mayoría de los sitios web utilizan un esquema de bronce, plata, oro, platino y tal vez incluso diamante para clasificar los planes de servicio que pueden proporcionar. En el diseño de mi sitio web, quiero que los usuarios tengan un punto junto al nombre de usuario (como insignias en stackoverflow) que especifiquen en qué plan está el usuario (así que oro para miembros oro). ¿Cómo puedo representar la plata, el platino y el diamante, todos los cuales se ven "grisáceos", en un área pequeña que mide 6 px por 6 px (como está en SO, pero tal vez un poco más grande también esté bien)?

Bonificación : ¿Existe una mejor alternativa al esquema de clasificación de metal + diamante?

Un montón de buenos consejos aquí. Una cosa con la que el OP debe tener cuidado es el tono. Las opciones de íconos no deben luchar contra la marca en general. Me cuesta pensar en una metáfora, pero tal vez "hello kitty en un Lamborghini": ambas son grandes marcas, y tal vez incluso podrían funcionar juntas para algunas personas, pero puede que no encajen perfectamente.

Respuestas (3)

¿Cómo se pueden representar varios materiales grisáceos en 6 por 6 px usando colores realistas? Bueno... no puedes, al menos si se supone que se ven diferentes.

Personalmente, me limitaría a usar solo los tres colores bronce, plata y oro, que tienen un orden bastante reconocido, conocido por las medallas deportivas.

Tan pronto como agrega más metales o elementos, comienza a asumir que el pedido se basa en el valor de mercado del que la mayoría de la gente no tiene idea, y el valor puede cambiar el valor relativo (creo que el bronce ha sido más caro que la plata algunas veces) . O algunas personas pueden asumir que está ordenado por cuál es más bonito (lo cual es muy subjetivo), etc. y no hay acuerdo sobre el orden.

En cuanto a un mejor esquema de color: ¿qué hay de los colores de la radiación de cuerpo negro (rojo, naranja, amarillo, blanco, azul). Tendrá que decidir arbitrariamente si lo "mejor" es frío o caliente, pero puede usar bastantes matices distintos. Incluso si es un poco geek, la secuencia de colores se siente natural (porque lo es) y se usa para muchas ilustraciones (donde la simple escala de grises no sería lo suficientemente visible).

Editar : ¡Los diamantes son aún más problemáticos que los metales, ya que los diamantes no tienen un precio fijo! Su valor depende del tamaño, la apariencia y si es "natural" o hecho por el hombre (también la escasez artificial creada por los cárteles de diamantes). Desde invaluables diamantes grandes con nombre en joyas de la corona que valen miles de millones, hasta 150 USD por kilogramo de polvo abrasivo de diamante (quizás incluso más barato, fue un precio aleatorio que encontré), los diamantes son mucho más baratos y mucho más caros que el oro que cuesta alrededor de 40 000 USD por kilogramo.

Estoy de acuerdo. La única solución que puedo ver es hacer bronce, plata y oro, y luego podrías hacer un diamante con forma de diamante real. Más que eso creo que sería problemático. Podría usar un esquema de color similar a este, pero tendrá que confiar en "enseñar" a sus usuarios a entenderlo : viewfacility.net/images/layout/bronze-silver-gold.png

El problema con la plata, el platino y el diamante es que, por lo general, todos se representan con colores similares. El color por sí solo no sería suficiente, pero la forma puede ser muy útil. Usted menciona que quiere que sus íconos sean realmente pequeños, si ese es el caso, el único camino a seguir es formas muy simples, como menciona Stein. No creo que sea una buena idea tener dos elementos de prácticamente el mismo color , así que definitivamente probaría con un amarillo:

ingrese la descripción de la imagen aquí

Hay un sitio web en el que solía participar, y fue lo primero que pensé cuando leí tu pregunta. Utilizan un sistema de insignias para la reputación de los usuarios, y sus insignias en realidad parecen medallas:

ingrese la descripción de la imagen aquí

Así que juegan no solo con el color y la forma, sino también con el tamaño . Creo que uno de los problemas más importantes aquí es que cualquier grupo que elija usar, debe hacerlo visible como un todo. Por ejemplo, la medalla pequeña en el ejemplo solo tiene sentido si has visto las más grandes al menos una vez (¡hasta que las vi, pensé que mi medalla de bronce pequeña era increíble!).

Creo que esto se aplica a todos los elementos, incluso bronce-plata-oro, solo funcionan como parte de un conjunto (un círculo gris si no ha visto lo que tienen otros usuarios es solo un círculo gris y nada más). En este caso, el tamaño tenía sentido cuando se enumeraban los usuarios y se podían comparar las medallas.

Ahora, comencé a pensar en este problema y si había alguna solución. Si el color, la forma y el tamaño no son suficientes por sí solos, y puedes considerar agrandar un poco los íconos, ¿qué tal una interpretación realista? Un diamante es fácil, todo el mundo sabe cómo es (¡al menos en 2d!). El problema viene con el platino y la plata, uno de ellos se parecerá mucho al otro. Pero el uso de ilustraciones realistas podría permitir cierta libertad, entonces, ¿por qué no "diamante, rubí, esmeralda"?

Fuente de la imagen: Iconfinder

¡Espero eso ayude!

¡Tener el diamante en forma de diamante es tan simple pero efectivo!

Algunas cosas a tener en cuenta:

  • oro, plata, bronce son rangos conocidos para la mayoría de las personas.
  • Se sabe que el platino y los diamantes son valiosos, pero no creo que la mayoría de la gente sepa dónde clasificarlos con respecto a los 3 iniciales.
  • el color, por sí solo, no es suficiente para hacer que un ícono sea totalmente accesible visualmente: muchas personas son daltónicas o pueden estar usando una pantalla deficiente, o su iPhone bajo el sol, etc. (esto puede o no ser una preocupación en su caso )
  • el color, por sí solo, como ha descubierto, no es suficiente para indicar un sistema de clasificación de 5 escalas.

Como tal, en base a todo lo anterior, consideraría lo siguiente:

  • 3 colores, bronce, plata, oro
  • los 2 rangos por encima de oro estarían indicados con oro + un identificador secundario. ¿Quizás un '+' y '++'?
  • alternativamente, mantenga 5 colores, pero hágalos secundarios para una clasificación más legible. Quizás simplemente numérico: 1 - 5.