День и ночь: SVG сделан с помощью Sketch, а анимация на клик с GSAP 🌝🌚 https://codepen.io/karenbtlai/pen/eQwMpz

Четкий и минималистичный дизайн приложения от нашего читателя @artem1930 https://dribbble.com/shots/5733939-Car-Service-Mobile-App

Подборка из 5 анимированных бекграундов, созданных с использованием HTML5 Canvas и JS библиотеки Simplex Noise от jwagner. Нескучные, завлекающие скрины на случай, когда нужно сделать что-то необычное быстро. Кстати, ещё одно "напоминание" о том, что в коде можно воспроизвести почти всё, вопрос только в трудозатратах👌https://tympanus.net/codrops/2018/12/13/ambient-canvas-backgrounds/

Проект команды разработчиков Ueno с множеством сложных анимаций и взаимодействий. Такие сайты непросто заставить работать слаженно без ущерба для UX 🚀 http://www.clearmotion.com/

Начнем новый год с Tea Commerce 😉. Сплит скрин и сложная геометрия, паттерны, как на сидениях в общественном транспорте. Видео-демонстрация самого чая - это всё, что нужно, чтобы почувствовать связь с продуктом от агенства Tubik.

Каким софтом для дизайна вы пользуетесь?
anonymous poll

Figma – 344
👍👍👍👍👍👍👍 37%

Photoshop – 311
👍👍👍👍👍👍 34%

Sketch – 120
👍👍 13%

Adobe Illustrator – 79
👍👍 9%

Xd – 68
👍 7%

👥 922 people voted so far.

Лэндинг пейдж сайта страховой от Prelook Studio. Особенно интересен блок с графиком роста количества пользователей с аватарками и фильтрацией по годам. Демонстрирует вовлеченность в пользователей как в основной показатель. Это круто, учитывая хладнокровность этого бизнеса.

Спасибо, что приняли участие в опросе! Спасибо вам, что вы со мной. Желаю вам много успехов в новом году! Дарю неплохой UI kit с UI8, чтобы вы могли начать новый год эксперементируя, ведь всё познается на практике. Архив удалю через недельку, так что успейте скачать. В архиве найдете файлы для PS, Sketch, Figma. Всего около 180 экранов.

А вы знали что VR - это уже реальная тема в плане дизайна и прочего. Я просто всегда наблюдал это как на что-то мимо идущее. Уже на самом деле скоро будут VR UI UX спецы и им будут платить за то что они делают. Вот например, реальная демка Firefox Reality - дизайн браузера для людей из будущего (настоящего). Напоминает интерфейс консоли, наверное потому что взаимодействовать с интерфейсом также топорно как через геймпад 😐

В шаг с VR/AR, Webgl становиться всё более модной темой. 3d уже давно используют в веб сервисах, как фальшивый, так и настоящий. Вообще, сейчас есть очень много возможностей делать 3d профессионально, при этом понимая только основы JS. Не жалейте программистов, пришло время, когда умение писать чистый JS для поддержки дизайн-элементов - норма.

Статья с туториалом на английском - https://tympanus.net/codrops/2019/01/08/animated-mesh-lines/
Демо - https://tympanus.net/Development/AnimatedMeshLines/