Карточка товара. Много вариантов цветов

Здравствуйте.
Есть продукт. У него 76 возможных вариантов цветов. Есть ли примеры удобного оформления карточки товара так, что-бы цвета было удобно выбирать, и не сильно занимать пространство. Буду рад ссылкам или скринам. Спасибо.

1 симпатия

Привет.

76 цветов это нехилое такое кол-во. Никогда не видел карточки где бы такое было реализовано.

Но что первое приходит на ум? Выбрать из этих 76 основные 5-7 цветов. Например белый, черный, серый, зелёный, желтый, синий, красный. На десктопе при наведении на цвет показывать близкие к выбранному цвету цвета. На мобилке при нажатии то же самое делать.

Или например, если есть статистика по продажам, показывать только самые продаваемые цвета. А уже дополнительные прятать под какую-то кнопку а-ля “показать все возможные расцветки”.

Суть в любом случае должна оставаться такой - группировать цвета и выводить только их небольшое кол-во.

Привет, как вариант можно разбить цвета по категориям, например: Светлые или темные цвета (можно придумать другие слова), так как пользователю будет проще ориентироваться при выборе. Но я бы все цвета показал лишь на странице товара так как на карточке при всём желании 76 цветов показать очень сложно + есть ещё версия под моб устройства где места ещё меньше.

На карточке товара можно как вы уже писали ранее показать самые популярные цвета и добавить кнопку больше чтобы пользователь знал что выбор есть и огромный (в данном случае уже будет проще это всё адаптировать под моб устройства). Нужно продумать сценарий как пользователь будет это всё воспринимать.

Ещё вариант. Можно сделать интерактивный слайдер один (типа градиента с 75 цветами, или два три слайдера которые будут сортированы по цветовой палитре и будут динамично менять цвет на картинке с продуктом).