Wie kann man Silber, Platin und Diamant darstellen?

Die meisten Websites verwenden ein Schema aus Bronze, Silber, Gold, Platin und möglicherweise sogar Diamant, um die von ihnen angebotenen Servicepläne einzustufen. In meinem Website-Design möchte ich, dass die Benutzer neben dem Benutzernamen einen Punkt haben (z. B. Abzeichen beim Stapelüberlauf), der angibt, auf welchem ​​Plan sich der Benutzer befindet (also Gold für Gold-Mitglieder). Wie kann ich Silber, Platin und Diamant, die alle "grau" aussehen, in einem kleinen Bereich darstellen, der 6 x 6 Pixel misst (wie bei SO, aber vielleicht ist ein bisschen größer auch in Ordnung)?

Bonus : Gibt es eine bessere Alternative zum Ranking-Schema Metall + Diamant?

Das Problem bei Silber, Platin und Diamant ist, dass sie normalerweise alle mit ähnlichen Farben dargestellt werden. Farbe allein würde nicht ausreichen, aber Form kann einen langen Weg gehen. Sie erwähnen, dass Sie möchten, dass Ihre Symbole wirklich klein sind. Wenn dies der Fall ist, müssen nur sehr einfache Formen verwendet werden, wie Stein erwähnt. Ich denke nicht, dass es eine gute Idee wäre, zwei Elemente praktisch derselben Farbe zu haben , also würde ich es definitiv mit einem Gelb versuchen:

Es gibt eine Website, an der ich früher teilgenommen habe, und es war das erste, woran ich dachte, als ich Ihre Frage las. Sie verwenden ein Ausweissystem für den Ruf des Benutzers und ihre Ausweise sehen tatsächlich wie Medaillen aus:

Sie spielen also nicht nur mit Farbe und Form, sondern auch mit der Größe . Ich denke, eines der wichtigsten Probleme hierbei ist, dass Sie jede Gruppe , die Sie verwenden möchten, als Ganzes sichtbar machen müssen. Zum Beispiel macht die kleine Medaille im Beispiel nur Sinn, wenn Sie die größeren mindestens einmal gesehen haben (bis ich sie sah, fand ich meine kleine Bronzemedaille erstaunlich!).

Ich denke, dies gilt für alle Elemente, auch für Bronze-Silber-Gold. Sie funktionieren nur als Teil eines Ensembles (ein grauer Kreis, wenn Sie nicht gesehen haben, was andere Benutzer haben, ist nur ein grauer Kreis und nichts weiter). In diesem Fall war die Größe sinnvoll, wenn Benutzer aufgelistet wurden und Sie die Medaillen vergleichen konnten.

Jetzt begann ich über dieses Problem nachzudenken und ob es eine Problemumgehung gab. Wenn Farbe, Form und Größe allein nicht ausreichen und Sie in Betracht ziehen können, die Symbole etwas zu vergrößern, wie wäre es dann mit einer realistischen Interpretation? Ein Diamant ist einfach, jeder weiß, wie er aussieht (zumindest in 2d!). Das Problem kommt mit Platin und Silber, einer von ihnen wird dem anderen sehr ähnlich sehen. Die Verwendung realistischer Illustrationen könnte jedoch einige Freiheiten ermöglichen. Warum also nicht "Diamant, Rubin, Smaragd"?

_{Bildquelle: Iconfinder}

Ich hoffe es hilft!

Wie kann man mit realistischen Farben mehrere gräuliche Materialien in 6 x 6 Pixel darstellen? Nun ... das kannst du nicht, zumindest wenn sie anders aussehen sollen.

Persönlich würde ich mich nur an die drei Farben Bronze, Silber und Gold halten, die eine ziemlich bekannte Reihenfolge haben, die aus Sportmedaillen bekannt ist.

Sobald Sie mehr Metalle oder Elemente hinzufügen, gehen Sie davon aus, dass die Bestellung auf dem Marktwert basiert, von dem die meisten Menschen keine Ahnung haben, und der Wert kann den relativen Wert ändern (ich glaube, Bronze war manchmal teurer als Silber). . Oder einige Leute nehmen an, dass die Reihenfolge hübscher (was sehr subjektiv ist) usw. ist und Sie keine Einigung über die Bestellung haben.

Für ein besseres Farbschema: Wie wäre es mit den Farben der Schwarzkörperstrahlung (rot, orange, gelb, weiß, blau). Sie müssen willkürlich entscheiden, ob kühl oder heiß "am besten" ist, aber Sie können einige unterschiedliche Neuanzen verwenden. Auch wenn es ein bisschen geekig ist, fühlt sich die Farbfolge natürlich an (weil es so ist) und wird für viele Illustrationen verwendet (wo einfache Graustufen nicht sichtbar genug wären).

Bearbeiten : Diamanten sind noch problematischer als Metalle, da Diamanten keinen festen Preis haben! Sein Wert hängt von der Größe, dem Aussehen und davon ab, ob es "natürlich" oder künstlich hergestellt ist (auch von der künstlichen Knappheit, die durch die Diamantkartelle verursacht wird). Angefangen von unbezahlbaren großen Diamanten mit Namen in Milliardenhöhe bis hin zu 150 USD pro Kilogramm Diamantschleifpulver (vielleicht sogar billiger, es war ein zufälliger Preis, den ich gefunden habe), sind Diamanten sowohl viel billiger als auch viel teurer als Gold, das ungefähr kostet 40 000 USD pro Kilogramm.

Ein paar Dinge zu beachten:

• Gold, Silber, Bronze sind für die meisten Menschen bekannte Ränge.
• Platin und Diamanten sind als wertvoll bekannt, aber ich glaube nicht, dass die meisten Leute wissen würden, wo sie in Bezug auf die ersten 3 eingestuft werden sollen
• Farbe allein reicht nicht aus, um ein Symbol visuell vollständig zugänglich zu machen - viele Menschen sind farbenblind oder verwenden möglicherweise einen beschissenen Bildschirm oder ihr iPhone in der Sonne usw. (dies kann in Ihrem Fall ein Problem sein oder auch nicht )
• Wie Sie herausgefunden haben, reicht Farbe allein wahrscheinlich nicht aus, um ein 5-Skalen-Ranking-System anzuzeigen.

Ausgehend von all dem würde ich Folgendes in Betracht ziehen:

• 3 Farben, Bronze, Silber, Gold
• Die 2 Ränge über Gold würden mit Gold + einer sekundären Kennung angezeigt. Vielleicht ein '+' und '++'?
• Alternativ können Sie 5 Farben beibehalten, diese jedoch einer besser lesbaren Rangfolge untergeordnet machen. Vielleicht einfach numerisch: 1 - 5.