Как представлять серебро, платину и бриллиант?

Большинство веб-сайтов используют схему бронзы, серебра, золота, платины и, возможно, даже алмаза для ранжирования планов обслуживания, которые они могут предоставить. В дизайне моего веб-сайта я хочу, чтобы у пользователей была точка рядом с именем пользователя (например, значки в stackoverflow), которая указывает, на каком плане находится пользователь (так что золото для золотых участников). Как я могу представить серебро, платину и бриллиант, которые выглядят «серыми», в небольшой области размером 6 на 6 пикселей (как на SO, но, возможно, немного больше тоже подойдет)?

Бонус : есть ли лучшая альтернатива схеме ранжирования металл + бриллиант?

Здесь много хороших советов. Одна вещь, с которой ОП должен быть осторожен, - это тон. Выбор иконок не должен противоречить общему бренду. Я изо всех сил пытаюсь придумать метафору, но, может быть, «hello kitty на Lamborghini» — оба великих бренда, и, возможно, они могли бы даже работать вместе для некоторых людей, но это может не идеально подходить.

Ответы (3)

Как можно представить несколько серых материалов размером 6 на 6 пикселей, используя реалистичные цвета? Ну... вы не можете, по крайней мере, если они должны выглядеть по-другому.

Лично я бы использовал только три цвета: бронзу, серебро и золото, которые имеют довольно хорошо известный порядок, известный по спортивным медалям.

Как только вы добавляете больше металлов или элементов, вы начинаете предполагать, что порядок основан на рыночной стоимости, о которой большинство людей не имеют ни малейшего представления, и стоимость может изменить относительную стоимость (я действительно считаю, что бронза несколько раз была дороже, чем серебро). . Или некоторые люди могут предположить, что это упорядочено по тому, что красивее (что очень субъективно) и т. д., и у вас нет согласия по поводу порядка.

Что касается лучшей цветовой схемы: как насчет цветов излучения черного тела (красный, оранжевый, желтый, белый, синий). Вам придется произвольно решить, является ли прохладный или горячий «лучшим», но вы можете использовать довольно много различных нюансов. Даже если это немного странно, последовательность цветов кажется естественной (потому что это так), и она используется для многих иллюстраций (где простые оттенки серого не были бы достаточно заметны).

Редактировать : бриллианты еще более проблематичны, чем металлы, поскольку у бриллиантов нет фиксированной цены! Его стоимость зависит от размера, внешнего вида и от того, является ли он «природным» или искусственным (а также от искусственного дефицита, созданного алмазными картелями). От бесценных крупных именных бриллиантов в драгоценностях короны стоимостью в миллиарды до 150 долларов США за килограмм алмазного абразивного порошка (может быть, даже дешевле, это была одна случайная цена, которую я нашел), бриллианты одновременно намного дешевле и намного дороже, чем золото, которое стоит около 40 000 долларов США за килограмм.

Я согласен. Единственное решение, которое я вижу, состоит в том, чтобы сделать бронзу, серебро и золото, а затем вы могли бы сделать алмаз в форме настоящего ромба. Более того, я думаю, это было бы проблематично. Вы можете использовать аналогичную цветовую схему, но вам придется полагаться на «обучение» ваших пользователей ее пониманию: viewfacility.net/images/layout/bronze-silver-gold.png

Проблема с серебром, платиной и бриллиантом заключается в том, что все они обычно представлены в одинаковых цветах. Одного цвета было бы недостаточно, но форма может иметь большое значение. Вы упомянули, что хотите, чтобы ваши значки были очень маленькими, если это так, единственный способ - это очень простые формы, как упоминает Штейн. Я не думаю, что было бы хорошей идеей иметь два элемента практически одного цвета , поэтому я бы определенно попробовал желтый:

введите описание изображения здесь

Есть веб-сайт , в котором я участвовал, и это было первое, о чем я подумал, когда прочитал ваш вопрос. Они используют систему значков для репутации пользователей, и их значки на самом деле выглядят как медали:

введите описание изображения здесь

Так что они играют не только цветом и формой, но и размером . Я думаю, что один из самых важных вопросов здесь заключается в том, что любую группу, которую вы решили использовать, нужно сделать видимой как единое целое. Например, маленькая медаль в примере имеет смысл только в том случае, если вы хотя бы раз видели большие (пока я их не увидел, я думал, что моя маленькая бронзовая медаль потрясающая!).

Я думаю, это касается всех элементов, даже бронза-серебро-золото, они работают только в составе ансамбля (серый кружок, если вы не видели, что у других пользователей, это просто серый кружок и не более того). В данном случае размер имел смысл, когда были перечислены пользователи и можно было сравнить медали.

Теперь я начал думать об этой проблеме и о том, есть ли обходной путь. Если цвета, формы и размера недостаточно самих по себе, и вы можете подумать о том, чтобы сделать значки немного крупнее, как насчет реалистичной интерпретации? Алмаз — это просто, все знают, как они выглядят (по крайней мере, в 2d!). Проблема возникает с платиной и серебром, одно из них будет очень похоже на другое. Но использование реалистичных иллюстраций могло бы позволить некоторую свободу, так почему бы не «бриллиант, рубин, изумруд»?

Источник изображения: Iconfinder

Надеюсь, поможет!

Иметь ромб в форме ромба так просто, но эффективно!

Несколько замечаний:

  • золото, серебро, бронза — известные ранги для большинства людей.
  • Платина и бриллианты, как известно, ценятся, но я не думаю, что большинство людей знают, где их ранжировать по отношению к первоначальным 3.
  • одного цвета недостаточно, чтобы сделать значок полностью доступным для визуального восприятия — многие люди не различают цвета или могут использовать дрянной экран, или их iPhone на солнце, и т. д. (это может или не может быть проблемой в вашем случае )
  • одного цвета, как вы уже выяснили, вряд ли достаточно для обозначения 5-балльной системы ранжирования.

Таким образом, исходя из всего вышеперечисленного, я бы рассмотрел следующее:

  • 3 цвета, бронза, серебро, золото
  • 2 ранга выше золотого будут обозначены золотом + вторичный идентификатор. Возможно, «+» и «++»?
  • в качестве альтернативы оставьте 5 цветов, но сделайте их второстепенными по отношению к более читабельному ранжированию. Возможно просто числовое: 1 - 5.