Отрисовать фильтры для сайта
Необходимо отрисовать интерфейс фильтра товаров в одном из разделов интернет-магазина (krasotkapro.ru/catalog/gel_laki/). Расположение фильтра указано на скриншоте.
Ширина блока: 700px
Высота блока: 50-70px
«Кнопки» фильтра должны иметь форму типса (накладной ноготь). Ориентировочная форма показана на скриншоте. Важно, чтобы результат получился Pixel Perfect: никаких смазанных краев, зернистости и пр. Типсы должны иметь объем, быть «вкусными».
Товар будет отсортировываться по 4-м признакам:
- френч (белый цвет, натуральный цвет);
- оттенок (красно-бордовый, бежево-коричневый, кораллово-оранжевый, фиолетово-сиреневый, сине-голубой, градации серого, розовый, зеленый + желтый). Нужно постараться попасть в «середину» указанных пар, для того чтобы посетитель сайта мог сориентироваться по цветовым группам. Важно: зеленый + желтые цвета необходимо отрисовать на 1-й «кнопке», разбив их вертикальной линией пополам.
- плотность (плотные, полупрозрачные, прозрачные). Плотность изобразить след. образом: закрашенный типс – плотный; закрашенный наполовину типс (левая половина – черный, правая – белый) – полупрозрачный; белый типс (только контур) – прозрачный;
- эффект (перламутровые, с блестками, неоновые, металлик, со слюдой). Изобразить на примере розового типса. Эффекты не должны сливаться – с первого взгляда должно быть понятно, что неон – это неон, а перламутр – это перламутр.
Изображать группировку скобками, как показано в приложении В, не обязательно: смело можете предложить собственный вариант.
Итоговый дизайн должен включать кнопки normal/ focused/ pressed.
Срок - до 11 марта. Можно раньше. Бюджет и примеры схожих работ указывайте в заявке.