Оди
36.4K subscribers
24.7K photos
1.11K videos
143 files
5.24K links
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты.

Чат канала: @awdeechat

Сайт с полным архивом: https://awdee.ru

По рекламе: @kgreenmedia

Автор проекта: @kirillgreen
Download Telegram
Media is too big
VIEW IN TELEGRAM
Титры к фильму Марвелы

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

experienceperception.com/work/the-marvels

#awd_3D #awd_video #awd_motion
Media is too big
VIEW IN TELEGRAM
Лендинг умного косметологического приложения Lovi

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

Сайт приложения — приятный и аккуратный. Он выполнен в бенто-стилистике с отлично подобранным шрифтовым сочетанием и большим количеством «воздуха». Особенно хочется отметить классную демонстрацию функций приложения, которая позволяет моментально в них разобраться

lovi.care

Скриншоты сайта: awdee.ru/lovi-smart-cosmetology-app

#awd_web #awd_site
#цитата_дня

...распознавание слов происходит на автоматическом уровне и поэтому не зависит от окружения. Это подтверждает известный феномен, открытый в 1935 году Дж. Ридли Струпом. В ходе эксперимента участникам показывали слово «желтый», напечатанное зелёными чернилами, и «синий», напечатанное красными, а затем просили назвать цвет текста в каждом из случаев. Строуп показал, что для большинства участников это оказалось затруднительным. Таким образом, исследование позволило сделать вывод о том, что мы распознаём слова даже тогда, когда лучше было бы их проигнорировать

Reading Letters: designing for legibility, София Байер
8 шпаргалок и сервисов для подбора кривых анимации (изингов)

Мы собрали коллекцию сервисов для подбора изингов и шпаргалок с их практическими примерами

С их помощью можно «примерить» разные виды анимации на различные элементы интерфейса и посмотреть, как объекты будут двигаться в каждый отдельный момент времени. Это позволит создавать плавные, красивые и уместные анимации в любых дизайн-проектах, где есть движение

🙂️ awdee.ru/8-cheat-sheets-and-services-for-selecting-animation-curves

#awd_tool #awd_webtool
Please open Telegram to view this post
VIEW IN TELEGRAM
Акварельные рисунки Матеуша Урбановича из Токио

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

Больше иллюстраций: awdee.ru/watercolor-drawings-by-mateusz-urbanowicz-from-tokyo

#awd_illustration via behance.net/gallery/38509915/Tokyo-Storefront-illustration-series
How I Feel When You — датавиз на тему личных чувств

Итальянский графический дизайнер Элеонора Каподиферро визуально отразила эмоции, которые она испытывает при общении с близким человеком в разных ситуациях. Например, «Что я чувствую, когда ты на меня кричишь» или «Какие эмоции я испытываю, когда ты говоришь, что любишь меня»

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

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

Больше картинок: awdee.ru/how-i-feel-when-you

#awd_dataviz #awd_infographic via behance.net/gallery/122937265/How-I-Feel-When-You
Forwarded from Design Prosmotr
«Промахи — урок, а не ошибка. Косяки неизбежны на протяжении всей работы и, если не поменять к ним отношение, они осядут тяжелым грузом: вы будете винить себя и тратить энергии впустую»

— Вадим Гранич, основатель онлайн-школы Granich.

#quote
Vivid Sans — бесплатный акцидентный шрифт с кириллицей

Современный шрифт с мягкими соединительными диагоналями и закрытой апертурой. Доступно только одно начертание. Есть кириллица, латиница, цифры и пунктуация

Хорошо подойдёт для дизайна упаковки, айдентики, логотипов

Можно использовать бесплатно для личных и коммерческих проектов

behance.net/gallery/189825915/VIVID-SANS-FREE-FONT

Больше картинок: awdee.ru/vivid-sans-font

#awd_font #awd_free_download
30 полезных принципов и жизненных правил

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

🙂️ awdee.ru/30-useful-principles

#awd_article #awd_career
Please open Telegram to view this post
VIEW IN TELEGRAM
Визуальное оформление Skewers — московской сети ресторанов фастфуда с шашлычками

В проекте дизайнеры объединили разные стороны уличной культуры — скейтбординг, граффити и фастфуд

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

Больше картинок и видеоролик: awdee.ru/skewers-visual-design

#awd_identity via svsv.agency/skewers
#цитата_дня

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

«Успех через провал: парадокс дизайна», Генри Петроски
18 наших лучших материалов за февраль

Рубрика «Мнения»:
Главные личностные качества арт-директора и как их прокачивать: что об этом думают крутые арт-директора
Что делает дизайн хорошим: мнения заметных дизайнеров

Тренды:
Тренд: Россыпь графических элементов на главном экране лендинга
Тренд: Прямые углы без скруглений
Тренд: Антиквы в вебе

Статьи:
Как разнообразить листинг товаров
Проектируем согласие на обработку данных в e-commerce приложении
Дизайн иконок: сетки и ключевые формы
Как выйти за пределы прямоугольника и перестать абьюзить людей плохими устройствами самообслуживания

Сайты:
Сайт о маринованных огурчиках Thick Pickle
Лендинг умного косметологического приложения Lovi

Айдентика:
Айдентика российской кофейни Дринкит от Dodobrands
Ребрендинг новгородской швейной фабрики «Крестецкая строчка»
Айдентика и упаковка армянского кафе Cafeopia
Редизайн линейки молочных продуктов армянской марки Mer Yerkir

Инструменты:
Мощное обновление Recraft 20B — ИИ-генератора векторных и 3D-иллюстраций
Fokus — онлайн-конструктор презентаций

Иллюстрации:
Рисунки легенды рока Виктора Цоя
Тренд: 3D-анимация по скроллу

3D-анимация по скроллу добавляет сайту динамику и глубину. Интерактивность и вау-эффекты позволяют выделиться и явно цепляют лучше статичных картинок

Мы нашли девять впечатляющих сайтов разной тематики с классной реализацией этого интерактивного приёма

🙂️ Примеры: awdee.ru/trend-3d-scroll-animation

#awd_web #awd_site #awd_trend
Please open Telegram to view this post
VIEW IN TELEGRAM
Плакаты Иржи Моцека из Праги

Больше плакатов: awdee.ru/posters-by-jiri-mocek-from-prague

#awd_poster via instagram.com/j.mocek
#цитата_дня

Не упустите лучшую возможность или самые замечательные события в жизни из-за того, что якобы не чувствуете себя готовыми. Я считаю, что эта трагическая ошибка корнями уходит в неправильное понимание слова «готовность». Готов — не значит «избавлен от любых непредсказуемых обстоятельств». Это не означает, что вы подготовились настолько хорошо, что следующие ваши действия не потребуют никакого труда. Легко вам всё равно не будет. Ни один прыжок, который стоит делать, не даётся легко. «Готов» всего лишь означает, что вы облачились в доспехи и сели на боевого коня. Настало время скакать в битву

«Бояться, но делать», Брэндон Уэбб и Джон Дэвид Манн
Плакаты Меритксели Касамиры из Барселоны

Больше плакатов: awdee.ru/meritxell-casamira-posters

#awd_poster via typographicposters.com/lacasamira
#цитата_дня

…старая математическая задачка. У вас есть 16 золотых монет: 15 настоящих массой по 10 граммов и одна фальшивая, в которой всего 9 граммов. У вас есть весы, но каждое взвешивание стоит доллар. Как найти подделку с наименьшими затратами? Безусловно, вы решите задачу, взвесив каждую монету и потратив при этом 16 долларов. На самом деле один доллар можно сэкономить: если вам всё время не везло и вы 15 раз натыкались на честные монеты, то после 15 взвешиваний знаете, что оставшаяся монета — фальшивая. Так что незачем тратить больше 15 долларов.
Однако можно действовать разумнее. Разделите монеты на две группы по восемь в каждой и взвесьте первую группу: её общий вес составит либо 80, либо 79 граммов. Теперь вы знаете, в какой группе находится фальшивка. Итак, вы сузили круг подозреваемых до восьми монет. Снова разделите их на две группы по четыре и взвесьте одну группу. В итоге вы сократили варианты до четырёх (и заплатили при этом 2 доллара). Ещё через два деления пополам вы гарантированно найдёте фальшивую монету, при этом в общем потратите всего 4 доллара

«Форма реальности. Скрытая геометрия стратегии, информации, общества, биологии и всего остального», Джордан Элленберг
Серия сюрреалистичных природных пейзажей Landscape of dreams

Больше иллюстраций: awdee.ru/landscape-of-dreams-illustrations

#awd_3D #awd_illustration via behance.net/gallery/164311013/LANDSCAPE-OF-DREAMS
#цитата_дня

…исследователи изучили воздействие различных звуков на мозг взрослых мышей. Подопытным давали слушать музыку, писк мышат и белый шум. Контрольная группа «слушала» тишину. Это исследование тоже удивительным образом продемонстрировало силу тишины: ни один из звуков не оказывал долгосрочного воздействия на мозг мышей. Но когда мыши наслаждались тишиной (по два часа в день) в гиппокампе — области мозга, отвечающей за эмоции и память, — формировались новые нейроны

«Это просто я. Как наука объясняет наши странности и привычки», Джен Мартин
Плакаты Иня Оуяна

Больше плакатов: awdee.ru/ying-ouyang-posters

#awd_poster via instagram.com/ouyangying.moving