36451
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт с полным архивом: https://awdee.ru По рекламе: @kgreenmedia Автор проекта: @kirillgreen
Полное руководство по сеткам в дизайне
Сетка в дизайне — основа основ. На ней строится вся композиция, а ее отсутствие может полностью разрушить проект. Если вы никогда не игрались с сетками в своем дизайне — эта статья для вас. В ней вы узнаете основные термины, теорию и посмотрите на нее сквозь призму примеров настоящих веб-сайтов и то, как сетки применяются в жизни.
🔗 Читать статью
Тема: #grid, рубрика: #notes
👨🎨 Три новых Figma-плагина для создания эффектов
Мы уже делали две подборки, в которые суммарно вошли 33 плагина для создания крутых эффектов в Figma: первая и вторая
В эту публикацию мы включили ещё три новых плагина:
— Rain Drop Effect — добавляет любому изображению настраиваемый эффект дождя
— Curve Text — размещает текст по периметру любых векторных объектов
— Ruri Lines — стилизует изображения под объёмный линейный паттерн
Все плагины мы проверили и записали видео, чтобы было понятно, как они работают и что умеют
awdee.ru/three-new-figma-plug-ins-for-creating-effects
#awd_figma #awd_tool
Jan — бесплатная опенсорсная кроссплатформенная оболочка для текстовых нейронок
Работает локально. Есть встроенный каталог, где можно скачать популярные модели, а затем настроить их под себя. Можно подключить модели OpenAI по API
Работает на Windows, Linux и macOS. Вскоре обещают выпустить мобильные приложения
jan.ai
#awd_tool
Серия плакатов Ники Виаторы из Санкт-Петербурга
Больше плакатов: awdee.ru/a-series-of-posters-by-niki-viatora-from-st-petersburg
#awd_poster via instagram.com/nika.viatora
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
Пять менеджеров иконок
Менеджер иконок — инструмент, который помогает держать в одном месте и в порядке все свои иконки. В них обычно есть поиск и группировка по папкам, бывает интеграция с популярными графическими редакторами, например, с Фигмой или Фотошопом
Мы собрали пять менеджеров иконок. Три из них бесплатные
🙂️️️️️️ awdee.ru/five-icon-managers
#awd_tool #awd_icon
#цитата_дня
«Знаете, несколько очень известных агентств хотели бы получить этот заказ». Отлично, им и звоните. Не стоит работать с теми, кто дает вам понять, что они опускают свою планку, работая с вами, даже если это просто их стиль вести переговоры. Хорошая работа может получиться только при взаимном уважении
«Дизайн — это работа», Майк Монтейро
Серия ироничных иллюстраций «Лягушонок Пепе» Луки Бони из Неаполя
Больше картинок: awdee.ru/pepe-character-pages
#awd_illustration via behance.net/gallery/151703767/Pepe-Character-pages
#цитата_дня
Если потребители принимают решения неосознанно, зачем мы постоянно проводим маркетинговые исследования и спрашиваем, почему люди поступают так, а не иначе? Это все равно, что спрашивать о политических предпочтениях у сэндвича с тунцом. И дело не в том, что потребители скрывают свое мнение или даже намеренно нас обманывают. Они просто не могут ничего сказать, потому что не знают
«Тренинг по нейромаркетингу. Где находится кнопка „Купить“ в сознании покупателя?», Кристоф Морен и Патрик Ренвуазе
Сайт французского дизайн-агентства 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 и исследованиях! 🚀
#промо