31241
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
#цитата_дня
Если потребители принимают решения неосознанно, зачем мы постоянно проводим маркетинговые исследования и спрашиваем, почему люди поступают так, а не иначе? Это все равно, что спрашивать о политических предпочтениях у сэндвича с тунцом. И дело не в том, что потребители скрывают свое мнение или даже намеренно нас обманывают. Они просто не могут ничего сказать, потому что не знают
«Тренинг по нейромаркетингу. Где находится кнопка „Купить“ в сознании покупателя?», Кристоф Морен и Патрик Ренвуазе
Сайт французского дизайн-агентства Pam
Интересно смотрится контраст между плотной вёрсткой блоков с обложками проектов и свободным пространством вокруг них. А интерактивная подача кейсов и эффект изменения белого фона на цветной при наведении оживляют сдержанную стилистику сайта
thisispam.com
Больше скриншотов: awdee.ru/website-of-the-french-design-agency-pam
#awd_web #awd_site
#цитата_дня
…если вы продаете электродрели, ваши потенциальные клиенты относятся к ним именно как к дрелям. На самом деле их волнуют отверстия. И поэтому ваше описание или решение должно быть сконцентрировано именно на отверстиях, которые им необходимо сделать, а не на дрелях
«Тренинг по нейромаркетингу. Где находится кнопка „Купить“ в сознании покупателя?», Кристоф Морен и Патрик Ренвуазе
Про нас написали:
— Канал Ильи Бирмана
А мы напоминаем, что вы можете написать что угодно про Оди со ссылкой на наш канал или отдельный пост в нём. Каждый понедельник мы будем выпускать пост со ссылками на всех, кто про нас рассказал за неделю
Размер вашего канала значения не имеет. Так что не стесняйтесь участвовать, даже если ваш канал совсем нишевый и камерный
Нам новые читатели. Вам новые читатели. Нашим читателям — новые каналы для чтения. Такой вот win-win-win, получается
Какую диаграмму выбрать, чтобы правильно отобразить данные
Графический дизайнер Сергей Стеблина заметил, что часто дизайнеры делают красивые и неправильные диаграммы. Тогда он решил написать, в каких случаях какой тип диаграммы следует выбирать, чтобы отобразить данные корректно и понятно
Автор упомянул все самые распространённые типы: от столбчатых и круговых до линейчатых и гистограмм с накоплением, а также ситуации, когда их следует использовать
🙂️️ awdee.ru/which-chart-to-choose-to-display-the-data-correctly
#awd_tool #awd_infographic
📖 Экстраординарные люди, катализатор креативности и банановая кожура — Журналус № 398
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Цитаты из книги бывшего директора по маркетингу Nike, Грега Хоффмана, «Создавая эмоции»
— Данные из научных исследований о тёмных паттернах в интерфейсах
— Как правильно расставлять звёздочки, параграфы и другие типографские символы
— 10 трендов в дизайне упаковки
— Как работает ИИ. Объяснение очень простым языком
— Почему в портфолио важно показывать реальную историю проекта
— Как сделать заглушку аватарки с инициалами пользователя
— Практические советы по использованию QR-кодов
— Что такое термоскроллер
— Как рисовать техническую иллюстрацию
— Подборка полезных лекций на тему инфографики
— Курс по улучшению качества жизни
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
Реклама ИП Олейниченко, ИНН 781697320774, erid: Kra23gh5z
В профессии художника удаётся найти себя лишь тем, кто усердно работает над своими иллюстрациями и учится на своих и чужих ошибках. Одной мотивации к заработку недостаточно, нужно что-то больше, и это – любовь.
Обучение в Pixel сконцентрировано на главном – практике, индивидуальной работе с преподавателем. Без кураторов, без шаблонных проверок и отписок "принято".
— Учиться будет интересно как новичкам, так и тем, кто уже имеет опыт: преподаватель погружается в каждую работу, учитывая вашу стилистику и запрос.
— Портфолио из 10 ваших (а не однотипно-шаблонных) работ после курса.
— Фундаментальная база навыков, с которыми можно уверенно брать заказы.
Начинайте свой творческий путь на курсе в Adobe Illustrator сейчас, не откладывайте жизнь на потом:
https://clck.ru/39ZoxL
А для самых чутких и старательных – промокод «Оди» на 8 дополнительных разборов ваших работ от преподавателя.
erid: 2SDnjeFssAY
#промо
#цитата_дня
Совершенство достигается не тогда, когда уже ничего нельзя добавить, но когда уже ничего нельзя убрать
«Уроки дизайна от Apple», Джон Эдсон
Уроки по основам композиции
В 6 уроках вы узнаете главные принципы композиции, правила и приемы, помогающие правильно распределять компоненты в проекте. Как управлять вниманием зрителя с помощью композиции и выделять главные части. Что необходимо учесть для баланса. Бонусом — упражнения для тренировки навыков в композиции.
Темы:
— Однообразия и симметрия
— Теория и упражнения
— Правила композиции
— Основы композиции
— Приемы
— Как управлять взглядом зрителя
Тема: #grid, рубрика: #training
Bézier Sans — вариативный гуманистический гротеск с кириллицей
Дружелюбный шрифт с геометричными формами. Содержит 4 начертания: Light, Regular, Bold и Extrabold. Содержит цифры, знаки препинания, специальные символы, эмодзи и несколько иконок. Есть кириллица и латиница
Хорошо подойдёт для обложек и плакатов
Можно попробовать бесплатно. Цена для любых проектов — по запросу у автора
behance.net/gallery/147898999/Bzier-Sans-free-to-try
Больше картинок: awdee.ru/bezier-sans-is-a-variation-of-the-humanist-grotesque-with-cyrillic-characters
#awd_font #awd_free_download
Упаковки греческого производителя сушёных бананов NAMI Banana Farming
Этот проект — прекрасный пример целостности дизайна и внимания к деталям: коричневые точки на ярко-жёлтом фоне, логотип, стилизованный под наклейку на банан, и бледно-жёлтый цвет внутренней поверхности коробки, как у обратной стороны банановой кожуры. Даже процесс вскрытия упаковки напоминает процесс очистки банана от кожуры
Больше картинок: awdee.ru/nami-banana-farming
#awd_pack via packagingoftheworld.com/2024/03/nami-banana-snack.html
27 марта в 18:00 не пропустите десятый онлайн-митап Avito Design Talk! 👇🏻
1. Узнаете, как в Авито измеряют зрелость UX и создают инструменты для продуктовых команд.
2. Раскроют алгоритм сбора знаний о пользователях для формирования продуктовой стратегии на 3 года.
3. Поделятся, как подружиться с пользователями, получать достоверные данные и устанавливать доверительные отношения.
Присоединяйтесь к интересным докладам и расширьте свои знания о UX и исследованиях! 🚀
#промо
#цитата_дня
В дизайнерской среде мы любим говорить, что лучше один раз увидеть, чем сто раз услышать, но еще в миллион раз лучше иметь действующий прототип
«Уроки дизайна от Apple», Джон Эдсон
Одно из заданий на курсе — переверстка викторианского макета в швейцарский. Сообщение нужно оставить прежним, а стилистику поменять на «противоположную».
На первой картинке — рекламное объявление чикагской фотостудии «Хартли» рубежа 19 и 20 веков, на остальных — его модернистские интерпретации, сделанные студентами.
В Петербурге будем переверстывать петербургскую дореволюционную рекламу.
Как правильно спроектировать корзину в интернет-магазине: 203 гайдлайна
Станислав Хрусталёв написал статью, в которой разобрал все нюансы дизайна корзины в интернет-магазинах. Он проанализировал более 200 реальных примеров. В результате получился классный практический гайд о том, как сделать корзину максимально удобной для покупателя
Для удобства восприятия автор разбил статью на следующие разделы:
— Кнопка корзины в карточке товара
— Изменение количества товара
— Подтверждение добавления
— Кнопка корзины в шапке
— Popover со списком товаров
— Empty state корзины
— Страница корзины
— Список товаров в корзине
— Отсутствующие товары
— Удаление товаров и очистка корзины
— Подытог
— Допродажа в корзине
🙂 awdee.ru/working-with-the-cart
#awd_article #awd_ux #awd_cx
OpenAI показала новые видео модели Sora. Её ролики, созданные по текстовым промтам, почти невозможно отличить от реальных съёмок
OpenAI анонсировала Sora в феврале. Тогда на промостранице компания представила высококачественные, реалистичные видео. По заявлениям OpenAI, все ролики — результат работы модели без дополнительной обработки. Пока Sora не вышла в паблик, но ожидается, что она станет доступна для всех желающих в этом году
Недавно OpenAI дали доступ к модели нескольким профессиональным художникам, дизайнерам и режиссёрам. С помощью Sora они сгенерировали ролики на разные темы и в разных стилях, длительностью от 15 до 90 секунд
Среди примеров: короткометражка о жизни человека с воздушным шариком вместо головы, реклама модных нарядов под водой, короткая документалка о жизни несуществующих животных, демонстрация 3D-скульптур и другие. Персонажи и их действия выглядят максимально реалистично и без искажений
openai.com/blog/sora-first-impressions
#awd_news #awd_ml #awd_techno
Сотня лучших работ в очередном челлендже 3D-аниматоров
Блогер pwnisher периодически организовывает челленджи для моушен-дизайнеров — Top 100 3D Artist Montage. Мы уже писали про один из них — 3D Boss Fight
Новый челлендж он назвал Eternal Ascent, что в переводе с английского означает «Вечное восхождение». В нём персонаж поднимается вверх по винтовой лестнице, а участники должны были придумать для этой анимации окружающую обстановку
Участвовало порядка 2800 дизайнеров из 104 стран, среди работ которых pwnisher отобрал 100 лучших
📼️️️️️️Смотрите топ-100 сцен в 9-минутном ролике: youtube.com/watch?v=UNjMSFLkMZA
#awd_motion #awd_3D
Серия плакатов Джерри-Ли Босманса из Нидерландов
Больше плакатов: awdee.ru/a-series-of-posters-by-jerry-lee-bosmans-from-the-netherlands
#awd_poster via behance.net/gallery/175237029/Printmaking-Challenge-V19
Айдентика и дизайн упаковки кошачьих товаров нью-йоркского бренда Cat Person
За основу для шрифтового логотипа дизайнеры взяли классическую антикву Cooper. В нём лигатура «Ca» напоминает очертание кошачьего хвоста, а наивные цветные иллюстрации делают стиль игривым
Примечателен дизайн коробок-трансформеров — из упаковки они с лёгкостью превращаются в кошачий домик и место для игр. Монохромные изображения прикольно декорируют коробки и отражают любовь к кошкам, которая и сподвигла основателей создать этот бизнес
Больше картинок: awdee.ru/identity-and-packaging-design-of-cat-products-by-new-york-based-cat-brand-cat-person
#awd_pack #awd_identity via the-brandidentity.com/project/mythology-creates-characterful-charismatic-identity-cat-care-company-cat-person
#цитата_дня
Цель любой коммуникации, будь то предложение вечного спасения души или использования более прочного и лучше впитывающего влагу бумажного полотенца, состоит в принятии предложения
Культурный код для внедорожника — это «доминирование». Именно поэтому Hummer стал популярным брендом, олицетворяя доминирование на дороге и ассоциируясь с чувствами статуса и безопасности нашего мозга рептилии. Как заметил Рапал, «рептилия всегда побеждает»
«Тренинг по нейромаркетингу. Где находится кнопка „Купить“ в сознании покупателя?», Кристоф Морен и Патрик Ренвуазе
Заказываем подарочный сертификат в Sunlight
Недавно студия Лебедева сделала дизайн электронных подарочных карт Sunlight. Станислав Хрусталёв проанализировал их дизайн, а также весь путь покупателя: от поиска сертификатов до момента их оплаты. В результате он нашёл 100 потенциальных точек роста, о которых и рассказал в статье
Для удобства весь клиентский путь автор разбил на этапы:
— Путь до лендинга
— Лендинг заказа сертификатов
— Авторизация
— Выбор дизайна сертификата
— Выбор номинала
— Ввод данных получателя
— Ввод текста поздравления
— Проверка заказа
— Оплата и подтверждение заказа
— Получение и ознакомление с сертификатом
— Проверка баланса
— Ознакомление с правилами использования
🙂️️️️️️ awdee.ru/ordering-a-gift-certificate-at-sunlight
#awd_article #awd_ux #awd_cx
Navbar.gallery — библиотека с примерами навигационных панелей
Мы нашли прикольную галерею навбаров с рубрикатором. Например, есть панели с выпадающими списками, мега-меню, боковые, полноэкранные и другие
navbar.gallery
#awd_collection
Редизайн немецкого маркетплейса итальянских товаров Gustini
В честь пятнадцатилетия компания решила обновить стиль. Лого написали курсивным гротеском со слегка винтажным характером. Выглядит знак достойно и вполне может встать в один ряд с такими итальянскими классиками, как Olivetti и Pirelli
В айдентике яркая палитра передаёт эмоциональный характер итальянцев, а замысловатые паттерны из иллюстраций продуктов создают эффект «рукотворности»
Больше картинок и видео: awdee.ru/redesign-of-the-german-marketplace-for-italian-goods-gustini
#awd_identity via underconsideration.com/brandnew/archives/new_logo_and_identity_for_gustini_by_koto.php
MeasureMate — инструмент для измерения расстояний между элементами на сайте
Доступен в виде расширения для Chrome. MeasureMate показывает расстояние между любыми единицами контента на странице, в том числе и между группами элементов. Он автоматически проставляет направляющие у выделенного объекта. При нажатии на элемент, который находится внутри контейнера, инструмент показывает размер внутренних отступов
Будет полезен дизайнерам, верстальщикам и тестировщикам
Расширение для Chrome: chromewebstore.google.com/detail/measuremate/fcbffocoaopnenhgbchlchgndohggdei
Весь перечисленный функционал доступен бесплатно
#awd_tool #awd_webtool via measuremate.xyz
#цитата_дня
Чтобы создавать дизайн как у Apple, вы должны найти собственный, уникальный и отличающий вас от других голос дизайна и последовательно применять его, потому что именно он станет небезразличен клиентам и ожидаем ими
«Уроки дизайна от Apple», Джон Эдсон
The Weekend — бесплатный акцидентный гротеск с кириллицей
Дружелюбный шрифт с игривыми формами. Доступно одно начертание. Содержит цифры, знаки препинания и специальные символы. В составе кириллица и латиница
Прекрасно подойдёт для айдентики, дизайна упаковки, оформления афиш, вывесок и веба
Доступен бесплатно для личных и коммерческих проектов
behance.net/gallery/186284057/the-WEEKEND-font
Больше картинок: awdee.ru/the-weekend-is-a-free-accidental-grotesque-with-cyrillic-characters
#awd_font #awd_free_download
В генераторе 3D-моделей Polycam появилась функция редактирования
Раньше достаточно было загрузить фотки и видео объекта или локации с разных сторон, и сервис выдавал их детализированную 3D-модель, которую можно было использовать только «как есть»
Теперь же модель можно кастомизировать — обрезать, масштабировать, менять фон или рендерить анимацию
Сервис поддерживает экспорт в PLY-формате. С помощью плагинов готовую модель можно интегрировать в Blender, Unreal Engine и Unity для дальнейшей обработки
Примеры готовых моделей, сделанных в Polycam:
— Fountain
— Cayucos Shipwreck
— Megan Fox
— Habitat 67
— Underwater Car
Попробовать: poly.cam/tools/gaussian-splatting
#awd_news #awd_ml #awd_techno #awd_tool #awd_webtool
Иллюстрации художницы Цзявэнь Чэнь из Гуанчжоу
Больше картинок: awdee.ru/illustrations-by-artist-jiawen-chen-from-guangzhou
#awd_illustration via caperillustration.co.uk/jiawen-chen
Фигма запустила разделённые вкладки — теперь можно разместить разные файлы на одном экране
Новая функция называется Split Tabs. Она позволяет открыть файлы рядом друг с другом и работать в них одновременно. Чтобы использовать Split Tabs, пользователям нужно перетащить вкладку в файл и решить, где её открыть — в правой или левой части экрана. Размер каждой вкладки можно регулировать — делать одну вкладку больше другой, и наоборот
В разделённых вкладках можно одновременно просматривать FigJam-файл и Figma-файл
Новая функция доступна в бета-версии десктопного приложения Фигмы
Примеры использования фичи: twitter.com/disco_lu/status/1767632456658669605
#awd_news #awd_figma #awd_webtool #awd_tool
#цитата_дня
Нельзя просто спросить потребителей, что они хотят, а затем попытаться дать им именно это. К тому времени, когда вы это создадите, они захотят что-то новое
«Уроки дизайна от Apple», Джон Эдсон