Дизайн-джем #35: сайт для Дэвида Финчера, портфолио с настройкой качества графики и другие впечатляющие WebGL-проекты

А также «UI фэйл» и другие полезные Telegram-каналы для дизайнеров в дайджесте от Futura by red_mad_robot.

Последние две недели мы скрупулёзно собирали всё самое интересное из мира дизайна и публиковали в нашем Telegram-канале Design Jam. Пришло время поделиться находками в новом дайджесте. Посмотрим на мощные WebGL-сайты, но сначала подпишемся на полезные Telegram-каналы для дизайнеров.

Начнём с «Визуальных приёмов» — канала про дизайн от Даши Почекуевой.

Здесь регулярно публикуются примеры по композиции, типографике, UX/UI-дизайну и навигации. К каждому посту автор канала даёт комментарий и объясняет, как это всё работает.

Автор канала «Posterino | искусство плаката» Виктор Севрюков тоже собирает вдохновляющие проекты, но только в области плакатного искусства.

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

Каналы «UI гуд» и «UI фэйл» — это комбо от дизайнера Дениса Пушкаря. Оба проекта о том, как делать интерфейс: в первом хорошие примеры с очень ёмким объяснением, чем же они так прекрасны, а во втором — коллекция неудачных и халтурно сделанных проектов.

Смотрим на ошибки других и учимся обходить грабли!

Канал «Замесин про жизнь и предпринимательство» — это сборник мыслей автора, то есть Вани Замесина, и личные истории про менеджмент, психологию и про то, как жить эту жизнь осознанно и не фейлиться.

А если хочешь почитать что-нибудь про продукт, то у Вани есть отдельный канал.

В английском языке существует довольно старая идиома «skills to pay the bills». Она означает, что у человека есть все необходимые навыки для преодоления любых жизненных ситуаций.

Дизайнер Лёша Ивановский явно разделяет такой подход, поэтому создал специальное приложение «W1D1» для тренировки творческих навыков. Пользователи каждый день получают задания, которые помогают развивать креативное мышление и прокачивать свои способности.

И последние два Telegram-канала из нашей подборки — Now How Channel и Cult of details. Они про то, как анализировать и обращать внимание на детали.

Это может быть неожиданное решение по вёрстке или работе со шрифтами, необычная подача продукта в карточках или какая-то цепляющая анимация в интерфейсе.

От вдохновляющих каналов переходим к впечатляющим WebGL-сайтам, которые хочется изучать часами. Начнём сайта-визитки для фильма Дэвида Финчера «Манк».

Первый опыт пользователя — просмотр кадров с проезжающими мимо автомобилями и аннотацией картины. Дальше происходит автоматический выход в меню, где можно посмотреть сцены из фильма, прочитать интервью с режиссёром или узнать о съёмочной команде под ненавязчивый джаз.

В общем, получилась нетипичная визитка с чётко построенным сторителлингом, который плавно погружает в атмосферу картины.

Интерактивная карта Университета им. Томаша Бати в Злине — отличный пример того, как качество не зависит от количества. Разработкой сайта занималась инди-команда «Polyperfect», состоящая всего из двух человек!

Карта подсвечивает главные здания университетского городка: на каждый можно кликнуть и перейти на отдельную страницу с описанием каждого факультета.

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

Сайт американского стартапа по производству фильтров CO2 — ещё один проект, который находится на стыке нескольких медиа.

Взаимодействие происходит за счёт прокрутки страницы, а в некоторых сценах пользователю предлагают самому управлять событиями на экране. Садись за руль машины и отправляйся покорять пустынные пейзажи, и не забудь вовремя заправить бак авто!

Портфолио польского фронтенд-разработчика Лукаша Мацоня похоже на заставку к игре в жанре киберпанк.

Только вдумайся, как далеко шагнул этот парень — он предлагает выбрать качество графики и отображает в реальном времени FPS.

Даже обычный блок с описанием скиллов Лукаш стилизовал как игровой элемент. Воистину фантастическое портфолио!

Последний герой нашей подборки — сайт американской компании, выпускающей продукты с каннабисом. Прямо на главной странице нам в лоб заявляют: “F**K CORPORATE CANNABIS”, а дальше начинается кислотный трип.

По скроллу вниз пользователь оказывается на странице с описанием миссии, проектов и продуктов бренда — всё это сопровождается забавными анимациями и растекающимся фоном. Каждый раздел дублируется в верхней строчке меню и соответствует общей стилистике сайта.

Кстати, на главной странице компания поднимает важный вопрос, и мы не можем его проигнорировать!

Ставь плюсик, кидай заценить новый «Джем» друзьям и делись в комментариях ссылками на классные WebGL-сайты и полезные ресурсы. И подписывайся на наш Telegram-канал Design Jam — в нём мы собираем всё самое интересное из мира дизайна. Ну а мы убежали собирать новый дайджест. Да пребудет с тобой сила роботов! 🤖

#redmadrobot #futura #designjam #webgl #telegram