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

Путь создания пиктограммы

Владимир Соловьёв, 5 февраля

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

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

Всплывающие блоки

Владимир Соловьёв, 2 марта, 2016

Комбинация кода для всплывающих блоков при прокрутке. Блоки, попавшие в видимость при загрузке, видны сразу, без анимации. Но можно специально попросить их появиться классом .slide-up-start.


Для наглядности, горизонтальные блоки повёрнуты контейнером и обратно повёрнуты содержимым. Ещё тут интересное использование :nth-of-type, чтобы в несколько строк разнообразить задержку в анимации и раскраску контейнеров.

Коллекция лекций для дизайнеров

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

Uideo.ru — видеоархив лекций и выступлений на конференциях для дизайнеров.