Студия дизайна «Разумный подход» Владимира Соловьёва, podhod.ru

4 заметки c тэгом «анимация»

Библиотека Anime.js

Владимир Соловьёв, 23 мая, 2017

Библиотека Anime.js для анимации объектов в HTML и в SVG с красивой документацией. Поддерживаются простые движения, параметрические, различные циклы и привязка к таймлайну.

Пример результата в gif-анимации.

Живой код этого примера.

Сайт с анимацией об особенностях шрифта

Владимир Соловьёв, 15 января, 2016

Рассказ-презентация о семействе шрифтов GT Eesti, основанного на гарнитуре «Журнальная Рублёная» Анатолия Щукина.

Особое внимание авторы нового шрифта посвятили анимации, чтобы показать все особенности букв.

Анимация графической интерпретации обложек книг

Владимир Соловьёв, 12 октября, 2015

Неудобное поведение фильтра товаров на Яндекс.Маркете

Владимир Соловьёв, 9 сентября, 2014

Новый Маркет, конечно, красивый. Но, фильтр испортили, без особых причин, нарушив принцип «никогда не меняйте расположение элементов».

  • Не видно сразу какие есть опции в скрытом фильтре;
  • Не используется вся доступная ширина браузера;
  • Блок фильтров имеет свою независимую прокрутку. Надо контролировать где находится курсор мыши;
  • Свёрнутый фильтр достаточно узок. Приходится целится чтобы он показался;
  • Анимация заставляет ждать. В контролы свёрнутого фильтра нажимать бесполезно;
  • Логика скрытия и показа фильтра основана на области которую скролит пользователь. Нельзя одновременно просмотривать и список товаров и фильтр;
  • Развёрнутый фильтр закрывает цены в списке товаров;

По всей видимости, такое поведение сформировалось в погоне за удобством на планшетах. Предыдущий фильтр, только для мыши, был, кстати, компактнее.