Необычные паттерны в веб-дизайне. Рефодушка с Артёмом Фёдоровым — дизайн-директором Red Collar

Ссылки на все референсы Артёма: Рефодушка с Артёмом Фёдоровым — дизайн-директором Red Collar, который пришел туда джуном, а сейчас руководит командой из 40 дизайнеров. Люблю, когда гости выкладываются так, что я через экран ощущаю их энергию. В такие моменты не прерываю и только чуток вставляю реплики. И вот это ощущение укрепляет мысль, что рефодушка — это то самое место, которое я хотел обрести: пространство для выражения любви к профессии, к исследованию нового и неожиданного. Было мило, когда Артём закончил свой рассказ и сказал типа «фух, вроде в тайминг уложился». А я ощущал, как он хочет много-много всего рассказать, и его прямо распирало от этого))) 🦢 А мы люди простые — нам дают вдохновение, мы абсорбируем 🦢 В этом выпуске вас ожидают забористые паттерны цифрового дизайна, эмоциональные фишечки, куча искренних экспериментов и смешные пет-проекты. Таймкоды: 00:00 О чём выпуск? 00:48 Собирательство и «нарочная насмотренность» 2:47 Почему типографика и вёрстка — это база (и чем опасны дизайн-системы?) 3:50 Почему Артём спустя столько лет остаётся в профессии? 5:40 Эмоциональный дизайн. «Я влюблён в интерактивность» 6:43 «На стадии концепций можно все» 7:08 Реализация проекта для Humans 8:22 Прикольные интерактивы для Мегафон и любовь Артёма к микровзаимодействию 9:47 Смотрим еще один прототип от Артёма 11:13 Special Projects — поиск и превращение «сломанного» негативного опыта в позитивный 11:59 Крутой кейс ИКЕИ — сделать коврик для йоги из коробки от шкафа 13:20 Легендарный кейс для Samsung с интерактивной книгой (для настройки телефона и реализации отдельных функций) 17:30 «Важно задумываться о том, для кого ты это делаешь и как он будет этим пользоваться» 20:00 Мобильный веб — большая точка роста для диджитал-дизайна. Классный кейс от Figma 21:49 Boston University CFA Theatre Showcase — хороший пример перетаскиваемой навигации 22:15 REDC — взаимодействие сайта и «спрятанной» сбоку странички 22:35 Jimmy Nelson — пример навигации через гироскоп и геймификации 23:31 — «прилипшая» к верхней части страницы плашка 24:06 Tylko — как решать сложные конструкторские задачи в мобилке? 24:50 Классный тул для визуализации разных часовых поясов (для удалённых сотрудников) 25:35 What PWA Can Do Today — посмотреть, что PWA может сейчас сделать на разных устройствах 25:52 Super Sync Sports by Google — онлайн-соревнования через несколько телефонов и большой экран 27:29 We are Local Remote — кастомизация сайта на мобилке (скругления, цвет темы и размер элементов) 28:14 BAM — классная механика для быстрого возврата на главный экран 28:47 Примеры «островной навигации» — механики, где навигационный слой всегда вытащен отдельно и зафиксирован 30:01 ATID — сайт, где ты полноценно управляешь стором и можешь настраивать размер, цвет и модель желаемой вещи 30:31 «Есть на сайте вещи, которые прямо хочется облизать!» — BiA, Moooi, Intmagic и недавний редизайн Intercom 32:23 — офигенный no-code инструмент с пресетами для того, чтобы добавить сайту выразительности 33:41 Cables — еще один тул для создания классного интерактива 34:47 Дизайнерская пыль — как устроен сайт внутренней дизайн-конфереции Red Collar? 36:37 Рассуждения Bret Victor о том, как правильно делать интерфейсы 37:08 Какими должны быть идеальные нейронки? (очень быстрыми) 38:27 Lusion — игра про Красную Шапочку, почти целиком сгенерированная нейросетками 39:53 Конструкторы для шрифтов 41:24 Как проблему глобального потепления раскрыли через вариативный шрифт? 42:24 Веб-эксперимент: чем ближе ваше лицо к экрану, тем меньше шрифт 42:46 — как красиво сломать шрифт Rubik? 43:55 — сайт музыканта Max Cooper о сочетании типографики и звука 44:33 «Оказывается, буквы тоже могут быть анимациями» 45:52 Чем хороша ? (и зачем человеку наклонённые сайты?) 48:16 Как эмодзи разложили по размеру в физическом мире? 49:14 Смешной и искренний сайт, который всегда показывает на твой курсор 50:03 Сайт про цвет, пиксели и покемонов 50:34 Студия, которая ищет треки под текущую дату и время 51:38 Необычный проект о видео 52:16 ОФИГЕННЫЙ пет-проект о рыбалке и кабелях — крючки из проводов 54:42 Большущая диджитал-коллекция гидрантов 56:42 О естественности в релизации собственных проектов 58:40 Музей ЖЭК-арта и безумная эстетика российских дворов 59:52 — домен с единственной картинкой 1:00:40 Лекция Владимира Кричевского о верстке, естественности и спонтанности 1:04:18 Коллекция кнопок с разных сайтов 1:04:47 Спич от Антона. Ставьте лайки!