Интерактивная шпаргалка по функциям плавности (easing curves)

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

По ссылке 30 базовых вариантов кривых с анимацией примера по ховеру и инфой с примерами кода по клику. Ценна ещё возможность «примерить» каждую функцию на базовые интерфейсные анимации: размер, положение и прозрачность

easings.net/ru

#awd_tool #awd_edu

Плакаты и афиши Даниила Вяткина, дизайнера, иллюстратора и арт-директора из Петербурга

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

#awd_poster via facebook.com/dakinsart

Достопримечательности с популярными опечатками в названиях

Люди часто допускают опечатки в названиях природных и архитектурных памятников: Machu Picchu может легко превратиться в Machu Pikachu, а Kremlin Palace в Gremlin Palace

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

Арты с переводом названий: awdee.ru/wonders-of-the-world-misspelled-by-ai

#awd_neuralart #awd_illustration #awd_art via designcollector.net/likes/wonders-of-the-world-misspelled-by-ai

Kablammo — новый бесплатный декоративный шрифт с кириллицей

Этот экспериментальный вариативный шрифт разработали дизайнеры студии Vectro. Они черпали вдохновение в стиле Memphis, игрушках и мультфильмах 90-х годов

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

Поддерживает множество языков, включая русский. Хорошо подойдёт для детских проектов, анимации и акциденции

Бесплатен для любых проектов (лицензия OFL)

Скачать на Google Fonts: fonts.google.com/specimen/Kablammo

Промосайт проекта: fonts.withgoogle.com/kablammo

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

#awd_font #awd_free_download

Портфолио аргентинской студии промышленного дизайна SICH

Больше картинок: awdee.ru/portfolio-of-the-argentine-industrial-design-studio-sich

#awd_prom via sich.design/work

Стиль мексиканской кофейни 3/92 CAFÉ

В основе айдентики — симпатичный лис-маскот, который пьёт много кофе, весело проводит время и отлично сочетается со стильной типографикой проекта

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

Больше картинок: awdee.ru/3-92-cafe-identity

#awd_identity via behance.net/gallery/114527147/392-CAFE

Плакаты Лии Бруссер из Санкт-Петербурга

Больше плакатов: awdee.ru/posters-by-leah-brusser-from-st-petersburg

#awd_poster via t.me/cringeholder

Лендинг конструктора музыкальных сайтов Supertape

Сервис придумали музыканты для музыкантов. Они предлагают конструктор для сайтов Supertape, который заточен на продвижение исполнителя и его творчества. Там можно размещать ссылки на популярные стриминговые сервисы, чтобы поклонники могли слушать песни музыканта и смотреть его клипы. Можно продавать мерч в интернет-магазине и вести блог

Промолендинг конструктора Supertape выглядит минималистичным и функциональным. Он отлично презентует продукт и хорош в деталях

supertape.com

Больше картинок: awdee.ru/supertape-site

#awd_web #awd_site

Плакаты Ричарда Ниссена из Нидерландов

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

#awd_poster via typographicposters.com/richard-niessen

Динамическая айдентика берлинского фестиваля пространственного звука и иммерсивных технологий Spatial

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

Лучше смотреть в кейсе со звуком: behance.net/gallery/172412067/Spatial

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

#awd_identity

Когда сделал всё в точности по ТЗ

#мемчик_на_ночь

Лендинг платформы для бизнес-планирования Runway Financial

Элементы дизайна соответствуют стилистике авиаиндустрии, а минималистичный стиль и идеальные анимации создают впечатление полёта в бизнес-классе

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

Пример оригинального, эстетичного и убедительного лендинга. Один из лучших в этом году

runway.com

Больше картинок: awdee.ru/runway-financial-site

#awd_web #awd_site

Ребрендинг британской клиники по уходу за кожей Face the Future

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

Слоган «для каждой версии вас» удачно раскрывает новый посыл бренда — несмотря на то, что люди меняются в течение жизни, косметические услуги Face the Future подойдут им в любом возрасте

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

Больше картинок: awdee.ru/face-the-future-rebranding

#awd_identity via underconsideration.com/brandnew/archives/new_logo_and_identity_for_face_the_future_by_shoptalk.php

Плакаты Виктора Коваленко из Астаны

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

#awd_poster via behance.net/gallery/160569187/Ink-Charcoal-Poster-collection-1

Ребрендинг медицинской онлайн-платформы Ostro

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

Перед дизайнерами стояла задача разработать лёгкую для понимания архитектуру бренда и обновить старое название «RxDefine»

Визуальной метафорой стиля стал эффект соединения, который авторы решили показать при помощи деталей детского конструктора Meccano. Название Ostro также работает на метафору — оно начинается и заканчивается на о, а визуально напоминает деталь конструктора. Переводится оно как «ветер Средиземноморья, дующий с юга», что символизирует навигацию, которая лежит в основе деятельности компании

Больше картинок: awdee.ru/ostro-identity

#awd_identity via wearemucho.com/project/ostro

Экспериментальная типографика Давида Пальярдини и Lobster Studio

Больше картинок и анимации: awdee.ru/lobster-typo

#awd_typo via behance.net/gallery/171749953/Lobster-Studio-experimental-typo

WebStudio — мощный конструктор адаптивных сайтов

Аналог Webflow. Работает и в браузере, и в виде настольного приложения. Имеет открытый исходный код и обещает никогда не запирать пользователей у себя на платформе. То есть вы в любой момент можете экспортировать исходники своего сайта и разместить на любом сервере на свой выбор

Сайты работают с почти нулевой задержкой за счёт того, что WebStudio развертывает его на платформе для запуска бессерверного кода Cloudflare Workers

В отличие от Webflow, для управления визуальными стилями WebStudio использует не классы, а дизайн-токены, что в целом удобнее. А в будущем при помощи плагина можно будет синхронизировать токены между Figma и WebStudio

Находится в бете, в планах — совместная работа, поддержка версий, анимации и другое

Бесплатно для создания некоммерческих сайтов и экспорта их исходников. Для команд тарифы стартуют от 20$ в месяц за аккаунт при оплате за год

webstudio.is

#awd_tool #awd_webtool #awd_nocode