大多数网站使用青铜、白银、黄金、白金甚至钻石的方案来对他们可能提供的服务计划进行排名。在我的网站设计中,我希望用户在用户名旁边有一个点(如 stackoverflow 上的徽章),以指定用户的计划(对于黄金会员来说是黄金)。我怎样才能在一个 6px x 6px 的小区域内表示银、铂金和钻石,所有这些看起来都是“灰色”的(就像它在 SO 上一样,但也许更大一点也可以)?
奖励:有没有比金属+钻石排名方案更好的选择?
大多数网站使用青铜、白银、黄金、白金甚至钻石的方案来对他们可能提供的服务计划进行排名。在我的网站设计中,我希望用户在用户名旁边有一个点(如 stackoverflow 上的徽章),以指定用户的计划(对于黄金会员来说是黄金)。我怎样才能在一个 6px x 6px 的小区域内表示银、铂金和钻石,所有这些看起来都是“灰色”的(就像它在 SO 上一样,但也许更大一点也可以)?
奖励:有没有比金属+钻石排名方案更好的选择?
如何使用逼真的颜色来表示 6 x 6 像素的几种灰色材料?嗯......你不能,至少如果它们看起来不同的话。
就我个人而言,我会坚持只使用青铜、银、金三种颜色,它们具有相当公认的顺序,从运动奖牌中就知道了。
一旦您添加更多金属或元素,您就会开始假设订单是基于大多数人不知道的市场价值,并且价值可能会改变相对价值(我确实相信青铜有时比白银更贵) . 或者有些人可能会认为它是由哪个更漂亮(这是非常主观的)等订购的,而您对订单没有一致意见。
至于更好的配色方案:黑体辐射的颜色 (红、橙、黄、白、蓝) 怎么样。您必须随意决定冷还是热是“最好的”,但您可以使用很多不同的细微差别。即使它有点令人讨厌,颜色的顺序也会让人感觉很自然(因为它是),并且它被用于很多插图(简单的灰度不够明显)。
编辑:钻石比金属更成问题,因为钻石没有固定价格!它的价值取决于大小、外观以及它是“天然的”还是人造的(也是钻石卡特尔造成的人为稀缺性)。从价值数十亿美元的皇冠珠宝中无价的大颗钻石,到每公斤 150 美元的钻石研磨粉(甚至可能更便宜,这是我发现的一个随机价格),钻石比黄金便宜得多,也贵得多,价格约为40 000 美元每公斤。
银、铂金和钻石的问题在于它们通常都以相似的颜色表示。仅靠颜色是不够的,但形状可以走很长一段路。你提到你希望你的图标非常小,如果是这样的话,唯一的方法就是非常简单的形状,就像 Stein 提到的那样。我认为拥有两个几乎相同颜色的元素并不是一个好主意,所以我肯定会尝试使用黄色:
有一个网站我曾经参与过,当我看到你的问题时,我首先想到的就是这个网站。他们使用徽章系统来获得用户声誉,他们的徽章实际上看起来像奖章:
所以他们玩的不仅是颜色和形状,还有大小。我认为这里最重要的问题之一是,您选择使用的任何组都需要整体可见。例如,示例中的小奖牌只有在您至少看过一次较大的奖牌时才有意义(在我看到它们之前,我认为我的小铜牌太棒了!)。
我认为这适用于所有元素,即使是青铜-银-金,它们仅作为整体的一部分起作用(如果您还没有看到其他用户拥有的东西,那么灰色圆圈只是一个灰色圆圈广告而已)。在这种情况下,当列出用户并且您可以比较奖牌时,大小是有意义的。
现在,我开始考虑这个问题以及是否有任何解决方法。如果颜色、形状和大小本身还不够,可以考虑将图标放大一点,那么现实的解释如何?钻石很容易,每个人都知道它们的样子(至少在 2d 中!)。问题在于铂金和白银,其中一个看起来很像另一个。但是使用逼真的插图可以带来一些自由,那么为什么不使用“钻石、红宝石、祖母绿”呢?
图片来源:图标查找器
希望能帮助到你!
需要注意的几点:
因此,基于以上所有,我会考虑以下几点: