Ну что, пора размять дизайн-мышцы!

в нашем арсенале есть два вида тренек:

PUMP – простые задания с повторяющимися действиями. Здесь фокус на оттачивании какого-то узкого навыка, например типографики, цвета или продуктового фреймворка

PUNK – комплексные задания с интересной идеей, где нужно применить несколько видов магии дизайна и подумать.

Начнём с PUNK, потому что сначала хочется вас удивить :)

Задание:

Сделать дизайн постера через который можно позвонить по старому красному телефону.
ссылка на задание

Что важно:

Мы даём контент для задачи и объясняем как прийти к результату. Вы можете использовать наш флоу, референсы и материалы или сделать по-своему, главное — решить задачу и поделиться ей в комментариях к этому посту(только так вы получите обратную связь)

#001 #PUNK #GraphicDesign #UI

Правило 80/20 или закон Парето 🎾

Новая рубрика LAB, где мы анализируем дизайн на разные законы и принципы

Принцип вывел итальянский экономист Вильфред Парето, обнаруживший, что 20% итальянцев владеет 80% материальных ценностей.

Как это работает:

🎵The Beatles "White Album"

20% визуальных решений создают 80% эмоционального воздействия. Обложка стала не только символом минимализма, но и акцентировала внимание на главной ценности — самой музыке

📱Google Material

20% функций (Wi-Fi, Bluetooth, музыка, режимы) занимают центральное место и обеспечивают 80% пользовательского опыта

👑 Keep Calm and Carry On

1939 год, плакат для поднятия духа перед 2-й мировой. Корона (20% визуальной составляющей) усиливает связь с государственным авторитетом, добавляя 80% веса к смыслу

Ставьте реакции и делитесь в комментариях своими примерами🎾

#LAB@ddrills #UX #UI #GraphicDesign@ddrills

PUNK / MARS / 006

Вы ждали, а мы готовили крутое упражнение и наконец приготовили)

Упражнение:

сделать один экран виджета вашего места силы и показать одну главную метрику через цвет. Это может быть виджет погоды на даче или уровень настроения в офисе :) Главное, чтобы вам было приятно думать об этом месте. Подумайте какие ещё полезные факты можно отобразить.

Экраны:

🎾 отображение текущего состояния виджета

🎾 смело делайте ещё, если придумаете больше :)

Что важно:

Сфокусируйтесь на иерархии информации и том, как через цвет можно показать изменение данных.

Наш результат:

Мы сделали виджет астронавта для выживания на поверхности Марса. Главная метрика — загрязнение фильтров скафандра пылью, потому что она настолько мелкая, что долго на поверхности не выдержать, а значит нужно показывать оставшееся время(как в Metro 2033), кислород, пульс и скорость ветра

Мы сделали ресерч и пошли в техно-эстетику через шрифт Orbitron, марсианские цвета и бруталистский девайс(сгенерили в FLUX), ну и накинули блюров, шума и глича

P.S самый большой челлендж — найти баланс между элементами на маленьком экранчике

Делитесь результатами в комментах💅

Ставьте реакции, если понравилось упражнение и делитесь с друзьями ❤️

#UI@ddrills #PUNK@ddrills

Новая тренировка! 🤘

Сегодня пробуем новый формат — Copycut. Меняем контекст привычных вещей.

Задача:

Суть простая: берем привычный системный интерфейсный паттерн из мобилки (например, FaceID, уведомления, экран загрузки), и помещаем в него совершенно неожиданный визуальный объект, который никогда не мог бы появиться там в реальной жизни.

- Создай квадратный фрейм.

- Выбери любой системный мобильный паттерн (FaceID, push-уведомления, иконка зарядки и т.д.).

- Придумай и вставь в него самый неожиданный визуальный элемент, который полностью ломает привычный контекст. Например, вставь скрепку из Windows в окно авторизации через FaceID 😄.

- Собери 4–8 таких картинок. Не трать много времени на детализацию — тут важна идея и веселая подача.

Если хочешь усложнить: можешь нагенерить изображения через нейросети (MJ/Flux) и даже сделать из них короткое видео в Luma

Главное в этом упражнении — научиться мыслить нестандартно, находить необычные связи и, конечно же, повеселиться.

Ждём твои работы в комментариях! Ставь реакцию, если нравится идея и отсылки ❤️
IOS в фигме

#UI@ddrills

Новое упражнение!

Heatmap_009

Всем привет, пора размяться 🙂

Упражнение

Отследить в течении дня время твоей фокусировки на том, что тебе нравится и визуализировать это в виде часов. Это может быть любое занятие — завтрак, бег, сон, работа — всё что твоей душе угодно. Форма часов зависит от твоего характера, опиши его парой прилагательных и нарисуй подходящую форму, например, наши часики волнообразные, потому что автор импульсивный 🥴

Для визуализации занятия выбери цвет/градиент/паттерн и отметь на часах время абстрактной фигурой. У нас это тепловая карта, напоминающая снимок МРТ🧠 Так мы фиксируем мощность фокуса на часах.

Дополнительно: можно сделать интерфейс виджета для часов apple

Условия

- фрейм 1000x1000
- форма часов следует за твоим характером
- цветовое кодирование можно придумать самим, а можно от холодного к горячему по уровню активности
- отправить в комменты под этим постом и получить фидбек ☺️
- время 1-1.5 часа

Что важно

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

P.S Анимация сделана в Jitter, попробуйте!

Спасибо! Ставьте реакции, если нравится упражнение💔

#UI@ddrills #GraphicDesign@ddrills