Mubasic.Современный жизнерадостный сайт студии, которая записывает музыку для детского контента. Страницы оформлены большими яркими блоками с крупной типографикой, анимациями и небольшим интерактивом.
Стильное оформление кафе Coffee Records с типографическими экспериментами и винтажной гаммой. Владельцы кафе — музыканты, поэтому айдентика пропитана отсылками к музыкальным группам и эстетике звукозаписывающей студии.
Huawei Tech4all. Трогательный эксплейнер одноимённой программы по развитию цифровых технологий. Ролик стилизован под классический стоп-моушен с псевдодеревянными куклами и приятной натуральной палитрой.
Notable people. Интерактивная карта, которая показывает место рождения различных известных людей. На сайте есть фильтр по сферам деятельности, а также ссылки на Википедию для большинства имён.
Craiyon. Онлайн-версия нейросети DALL-E mini, которая рисует изображения по текстовому запросу.
Оплата картой онлайн. Традиционно большая практическая статья Станислава Хрусталёва о том, как создать лучший клиентский опыт при онлайн-оплате банковской картой. На примере реальных интернет-магазинов он разобрал общие требования к процессу оплаты, а также рассмотрел процесс ввода данных, обработку ошибок, защиту данных и другие аспекты.
Audio Mass. Браузерный аудиоредактор с необходимым набором эффектов для обработки, спектральным и частотным анализатором, редактором тегов и даже инструментом для определения темпа.
PixelAffair. Канал с короткими и наглядными уроками по Cinema 4D. На канале есть много хороших уроков по Мографу и работе с динамикой, а также неочевидные техники и типсы.
Как дизайнеру подготовить портфолио для продуктовой компании. Катя Долгачёва подготовила советы для UX/UI дизайнеров, которые умеют рисовать красивые интерфейсы, но не имеют реального опыта в продукте. Она рассказала, где взять продуктовые кейсы, чем отличается работа дизайнера в продуктовой команде, и как правильно подготовить портфолио, чтобы в неё попасть.
Speaker Bag. Эффектный промо-ролик портативной колонки Bang & Olufsen и Balenciaga, корпус которой выполнен из алюминия. С помощью реалистичных симуляций авторы показали процесс обработки металла от руды до финальной фрезеровки.
Быть донором. Увлекательный спецпроект о донорстве с наглядными иллюстрациями, анимациями и горизонтальной структурой.
Hero logo. Эффектная серия из 20 шрифтовых логотипов, каждый из которых визуально повторяет образ известного супергероя. Автор — Сергей Кирманов из Екатеринбурга.
Simple Icons. Библиотека из 2200+ иконок с логотипами популярных брендов. На сайте есть сортировка и поиск по названию. Можно скачивать в SVG и PDF.
Constraint Systems. Подборка из 28 необычных браузерных графических и текстовых редакторов. В подборке есть инструменты для обработки фотографий и текста, создания коллажей или мозаики и даже конструктор сайтов. Для каждого редактора записано короткое демо.
CSS Peeper. Браузерное расширение для анализа стилей сайтов. Позволяет проверять стили любого элемента, сразу видеть всю цветовую палитру сайта, а также просматривать в одном месте все картинки со страницы. Отличная замена стандартному инспектору. Работает во всех браузерах, поддерживающих расширения для Хрома.
Shortcuts.design. Онлайн-шпаргалка по горячим клавишам популярного софта для дизайнеров и разработчиков.
Penpot. Браузерный инструмент для полноценного прототипирования и дизайна. Как Figma, только полностью бесплатный и с открытым исходным кодом.
Сила белого пространства. Большой переводной материал в блоге Тильды. Белое пространство или контрформа — область вокруг всех элементов сайта. Многие ошибки дизайна веб-страниц можно легко поправить, если понять, как незаполненное пространство влияет на пользовательский опыт.
Как общаться с клиентом. Илья Синельников сжато и доступно изложил основные принципы эффективных переговоров, а также добавил наглядные примеры.
Как развить креативность. Мастер-класс Ани Мельник на платформе Tilda Publishing. Аня рассказала о базовых техниках творческой продуктивности, о фазах творческого процесса и собственных приёмах и инструментах.
Facts and Rumors about Dragons. Шикарные детализированные иллюстрации из детской книги «Факты и слухи о драконах». Автор — польская художница Никола Кучарска.
LORN — ANVIL. Старенький, но впечатляющий клип с трёхмерной графикой, стилизованной под монохромную рисовку.
Photo Restoration. Adobe выпустили новый нейро-фильтр для Photoshop, который восстанавливает лица на старых фотографиях.
Cat Snacks. Очаровательная серия работ, в которой еда представлена в виде кошек. Автор — Чен Ву, арт-директор и художник из Тайваня.
Что случилось с Times New Roman? Александра Королькова, арт-директор шрифтовой студии Paratype, рассказывает о том, как устроены лицензии на шрифты. Она объясняет, чем отличаются платные и бесплатные шрифты...
Новые лаконичные упаковки Sprite, которые были разработаны в рамках недавнего ребрендинга. С этикеток убрали всё лишнее, а фирменный всплеск оставили в виде аккуратного акцента на пробке и в тексте.
Обзор обновлённой технологии Nvidia, которая способна создавать полноценную 3D-модель объекта на основе одной или нескольких фотографий. Теперь она генерирует высококачественную сетку, а также подготавливает необходимые материалы, текстуры и даже освещение. С её помощью можно обрабатывать не только отдельные объекты, но и целые сцены с учётом света и симуляций.
Motion DevTools. Расширение для Chrome, которое помогает просматривать, редактировать и экспортировать CSS-анимации при помощи наглядного интерфейса с таймлайном и ключами.
Motion One. Библиотека готовых CSS-анимаций.
Вдохновляющая
подборка из 100 лучших работ, которые были созданы в рамках новой огромной коллаборации более 2400 CG-художников. Каждый из участников создал короткую анимацию на основе анимированного шаблона, в котором условно изображён вид из окна движущегося транспорта.
Лена Нексман рассказала, как сделать
анимации в интерфейсе, чтобы они не раздражали пользователей и улучшали обратную связь.
