0. Весь макет – адаптивный, под контейнер. Так как устройства могут быть разные для его использования, то надо адаптировать под любое разрешение. Соотношение сохраняем.

1. Все иконки как SVG, в AI есть экспорт, но если не получится – могу прислать SVG.

2. Впоследствии мы их будем анимировать средствами CSS, поэтому размеры области иконок
надо сделать как по направляющим, около 232x232.

3. Переключатели "on"-"off" – через jquery ui (код прилагается)
kuznetcova.com/test/

4. Вертикальные слайдеры – через jquery ui (код прилагается)
kuznetcova.com/test/

5. Рядом со слайдером кнопки 100/90/80/70/60 они должны быть нажимаемые,
текст желательно сохранить как текст чтоб редактировать было легко.
Но если это повлияет на нажимаемость – тогда делаем как изображение.

6. Синие иконки со стрелками также будут анимироваться, область под эти иконки 270x270

7. Если фон с полосками помешает прозрачности и другим элементам – можно избавиться.

Опубликовано 2 года назад