DDRILLS
895 subscribers
151 photos
15 videos
2 files
23 links
Design Drills — это прокачка дизайн-скиллов через простые упражнения каждый день. Подписывайся, чтобы не пропустить очередной дрилл!

автор: https://t.iss.one/rkuzhel
Download Telegram
Типографическая подборка FATTY

В продолжении тренировки предлагаем посмотреть на классные рефы

It's Nice That
Китайский постер показывает как круто иероглифы могут создавать и форму, и функцию в движении

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

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

Стикер на коробку
Через смелые акценты букв и цифр, а также контраст размеров создаётся напряжение от которого распределяется внимание. Всё просто — текст заполняет своим объемом нужное пространство в зависимости от важности сообщения.



Ставь 👍 или ♥️, если понравилась подборка

#FATTY@ddrills #Typography@ddrills
16👍5🔥1
DDRILLS
PUMP / Типоматика / 15 минут Ну что, пора на тренировочку!💅 Задание: Придумайте текст и заполните форму простой фигуры типографикой. Что важно Главное — поиграть со смыслами текста и набрать подходящую по форме типографику. Качаем композицию, словарный…
Результаты тренировки ТИПОМАТИКА 🧨

В этот раз народу прибавилось, что очень радует!

Все работы крутые и после нескольких доработок в чате стали ещё лучше🔥

Самое интересное — у вас получается собирать работы сильнее рефов, особенно по смыслу текста!

Cпортсмены🎾

@natikcorporation кружочки и треугольник
@ssenatorov бесконечная спираль
@AlinaSad архитектура
@olyaponevole пирамиды
@polinaprofatilova космос

Если кто-то ещё захочет сделать — присылайте в комменты к тренировке)

Ставьте реакции🔥❤️👍

#PUMP@ddrills #Results@ddrills
👍157🔥4
Следующее упражнение про интерфейс уже скоро🎾
4🤝3🙏1🏆1
Новая тренировка на неделю!

PUNK / AURA APP / 004

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

Упражнение:

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

Экраны:

🎾 выбор настроения
🎾 цитата и советы по улучшению

три эмоции(можете придумать свои)

1. Грустный
2. Спокойный
3. Энергичный

Что важно:

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

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

1. Выбор настроения. Слайдер с карточками, заголовок, кнопка продолжения;
2. Открытка. Мотивирующая фраза с фоном эмоции, кнопка шера и назад, ту-ду лист с советами по поддержанию спокойного настроения.

Мы сделали ресерч и нашли метафору человеческой ауры у которой есть градиент настроения. В зависимости от эмоции сфера ауры меняет цвет и текстуру. Пошли в MidJourney и сделали 3 эмоции. Смотрели в сторону прогноза погоды и мягких фонов. Шрифт нейтральный, но при этом немного играючий, чтобы не окрашивать напрямую тип настроения, а поддерживать общий сторителлинг через цитату, для этого Space Grotesk + Inter подходят хорошо.

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

Ставьте реакции, если понравилось упражнение и делитесь с друзьями ❤️
15🔥6👏6❤‍🔥2
Media is too big
VIEW IN TELEGRAM
Как придумывался ddrills club

от отбитых идей к чему-то цельному и обратно к отбитому 😎

🎾
1000 фреймов
🎾100 рефов
🎾10 концепций

Если навалите 10 лайков, то напишем отдельный пост про поиск идей, вдохновение и смыслы)
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥33👍73😍3🥰2🏆1
Про метафоры [LAB]

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

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

Поверхностные метафоры (Surface Mimicry)
используют внешний вид знакомых объектов, например, иконки «папки» и «документа» в компьютерных системах, напоминающие реальные объекты, которые люди уже запомнили

Поведенческие метафоры (Behavioral Mimicry)
копируют действия реальных объектов, как, например, робот-собака, имитирующая движения настоящего пёселя

Функциональные метафоры (Functional Mimicry)
заставляют систему работать, как что-то знакомое, например, расположение цифр на кнопках телефона, которое вдохновлено клавиатурой кассового аппарата или анимации в material, строящейся на физических свойствах элементов

Напишите в комменты какие метафоры используются в референсах?🎾

#Basic@ddrills #LAB@ddrills
10🤓52🔥21