31241
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
👨🎨 Kernel — Figma-плагин для автоматизации загрузки данных в макеты
Представьте, что вам нужно заполнить все карточки товаров в макетах интернет-магазина контентом: загрузить фотографии, написать заголовки, описания, цены, артикулы. Если добавлять контент вручную, это займёт много времени
Если у вас есть библиотека с данными в формате Google Sheets, CSV, Airtable, Notion или JSON, то с помощью Kernel вы подключаете их к компонентам в Figma и автоматически заполняете компоненты актуальной информацией
Чтобы понять, как это сделать, посмотрите обзор алгоритма работы Kernel на примере проектирования с данными Spotify: youtube.com/watch?v=ZcaikiwfrDs
Помимо этого, Kernel генерирует рыбный контент: тексты, даты, номера, адреса электронной почты, изображения и многое другое
У плагина понятный интерфейс, а его использование оптимизирует рабочий процесс в несколько раз
figma.com/community/plugin/1133729773197702197/Kernel
#awd_figma #awd_tool #awd_plugin
Wonder Studio — инструмент для замены людей в видео на CG-персонажей простым перетаскиванием
Выглядит, как магия. Вы загружаете ролик с человеком в кадре, выбираете персонажа из библиотеки сервиса или берёте своего, и перемещаете его на место человека. И всё. Сервис сам настроит свет, обрежет всё лишнее и анимирует выбранного героя
Можно добавить несколько персонажей, сервис будет заменять людей на привязанных к ним CG-героев
Экспортировать можно как финальный рендер, так и отдельные элементы: анимированного персонажа без обстановки, альфа-маску или видео без человека
Пока что сервис находится в стадии закрытого бета-тестирования. Доступ можно запросить через специальную форму
wonderdynamics.com
#awd_tool #awd_webtool #awd_ml
Всё — сообщение
В статье UX-дизайнер Александр Овчаренко рассказывает о том, что пользователь воспринимает любой элемент на сайте как сообщение. Он рассматривает все виды таких сообщений и их особенности
Зная, что каждый элемент интерфейса несёт в себе информацию, дизайнеры смогут более осознанно принимать дизайн-решения и понимать, как влиять на эмоциональную реакцию пользователей
Виды сообщений:
— Вербальные — то, что написано на сайте: текст, метки, тултипы, содержимое выпадающих списков и другое. Это явные, объясняющие сообщения
— Почти вербальные сообщения: иконки, условные обозначения и прочие символы. Например, крестик предлагает закрыть окно, а иконка дома — вернуться на главную страницу
— Образы как сообщения: фотографии, иллюстрации, диаграммы и другое. Все они несут информацию, например как выглядит отель, как устроен самолёт, как меняются объёмы инвестиций во времени и другое
— Форма и наполнение сообщают о функциональном характере элемента. Залитый цветом прямоугольник с коротким текстом говорит, что это кнопка, а такой же прямоугольник, но с обводкой и текстом с выключкой по левому краю, сообщает, что это поле ввода
— Порядок элементов: разделители, отступы, свободное пространство. Они сообщают о связи между элементами и формируют визуальную иерархию
— Иррациональные сообщения — всё, что вызывает у пользователя эмоциональную реакцию: стиль повествования (со сленгом / без сленга, «на ты» / «на вы»), шрифт (строгий гротеск/декоративная антиква), способ обработки изображений (монохромное/цветное)
Статья полностью: 9dots.ru/2020/09/09/damn-messages
#awd_article #awd_summary #awd_ui
Стиль и упаковка мексиканской пивоварни Principia
Пивоварня названа в честь книги Исаака Ньютона «Philosophiæ Naturalis Principia Mathematica», что отражает страсть её основателей к науке
В основе фирменного стиля лежит идея научных открытий. Логотип в форме пшеничного колоса напоминает карту звёздного неба, а каждая этикетка отсылает к отдельным физическим теориям и явлениям, будь то работа Майкла Фарадея в области электромагнетизма или теория относительности Эйнштейна
В целом, получился целостный и крепкий дизайн с отличными композициями, глубокой цветовой палитрой и уместным применением золотого тиснения
#awd_identity #awd_pack via toro-pinto.com/portfolio/principia-brewery
Время освоить верстку!
Уже 1 апреля Embacy запускают новый поток интенсивного курса верстки на Webflow.
Не упусти возможность за 2 месяца научиться верстать pixel-perfect сайты с wow-визуалом при помощи no-code инструмента.
Дизайнер любого уровня подготовки может освоить Webflow и раздвинуть свои творческие и карьерные границы.
Начинающий — пополнит свое портфолио двумя полноценными сайтами, чем отличится от общей массы джунов.
Опытный — сможет создавать еще более смелые и осознанные макеты, воплощать их в реальные сайты и повысить стоимость своей работы.
Фрилансер — станет востребованным на международном рынке заказов, только на Upwork сегодня сотни клиентов ищут исполнителя на Webflow-верстку.
Embacy сделали 150+ сайтов на Webflow и одни из первых в России получили статус Webflow experts. Вести курс будет Артём Кузнецов — главный по Webflow в Embacy.
Детали и запись на сайте.
p.s по промокоду LASTCALL действует скидка 10% на любой тариф.
#промо
Ролик «Тренды в мультимедиа 2023» почти полностью создан с помощью нейронок
Вероника Боглай, дизайнер и автор сайта SOMETAMODERN, выпустила ролик «Тренды в мультимедиа 2023». Она сделала его при помощи нейросетей:
— Chat GPT написал тексты на базе черновиков
— Midjourney и Stable Diffusion сгенерировали картинки
— Mubert AI создал фоновую музыку по запросу «Тренды в мультимедиа 2023»
— Adobe Podcast превратил голос из диктофона в звук студийного качества
— D-ID преобразовал изображение Вероники из Stable Diffusion в говорящего аватара
📼 youtube.com/watch?v=GNd1F-SOVQc
#awd_ml #awd_tool #awd_techno
Серия иллюстраций Vivarium Надзеи Макеевой из Сан-Франциско
Художница рисует сюрреалистичных живых существ карандашом на бумаге, а затем дорабатывает их на планшете Wacom Intuos, в Illustrator и Photoshop
Некоторые клиенты Надзеи: Forbes, Tatler, L'Oréal, Volkswagen
Больше иллюстраций тут: behance.net/gallery/133519221/Vivarium
#awd_illustration #awd_art
🙂 Как ChatGPT может помочь UI/UX-дизайнерам: восемь примеров
Специально для Оди дизайнер интерфейсов Андрей Маркелов написал статью о пользе ChatGPT в работе UX/UI-дизайнеров
Андрей ставил ChatGPT задачи из области веб-дизайна и анализировал то, как нейронка справляется с ними. Из статьи вы узнаете, насколько хорошо ChatGPT:
— Описывает требования к дизайну сайтов
— Придумывает названия для сайтов
— Составляет вопросы для проведения интервью с пользователями
— Создаёт персоны и User Flow
— Анализирует конкурентов
— Придумывает отзывы
— Создаёт дизайн-системы
В заключение автор сделал выводы о том, как именно нейронные сети могут помочь дизайнерам интерфейсов в работе и способны ли они их заменить
awdee.ru/chatgpt-for-designers
#awd_article #awd_ml #awd_tool #awd_ml #awd_techno
Открыта регистрация на форумы Design Prosmotr 2023/1
На сайте designprosmotr.ru уже открыта регистрация на весенние события: 6-7 мая — в Москве, 20-21 мая — в Питере. Предзаказы уже сильно сократили число свободных мест, но шанс попасть на крупнейшее дизайн-событие этой весны не по максимальному ценнику еще есть. Не забывай: цены растут как на дрожжах — чем больше проданных билетом, тем выше.
24 спикера, 1000+ гостей и 4 дня — Design Prosmotr вновь притянет околодизайнерскую тусовку со всего русскоговорящего пространства. На сцене — профессионалы индустрии, чьи проекты ставят в пример по всему миру. В зале — сотни дизайнеров, готовых заряжаться творческой энергией, получать уникальный опыт, знакомиться и общаться с коллегами. Выход из зоны комфорта, общение с профессионалами, багаж актуальной информации и советов по работе. Все это — под соусом взрывной атмосферы, наполненной творчеством и вдохновением.
🚀 Количество мест сокращается с каждым днем. Не откладывай регистрацию и самые креативные выходные
Коллекция проездных билетов
Автор блога Transit Tickets коллекционирует билеты из разных городов мира. Больше проездных смотрите в сохранённых сторис: instagram.com/transit.tickets
#awd_retro #awd_art
🙂 Дизайн плакатов: принципы Йозефа Мюллера-Брокманна
Контент-маркетолог Андрей Гросс специально для читателей Оди перевёл «законы» дизайна плакатов из книги «History of the Poster». Её авторы — знаменитый швейцарский графический дизайнер Йозеф Мюллер-Брокманн и его жена Шизуко
Из статьи на примерах плакатов известных дизайнеров и художников вы узнаете об общих требованиях к дизайну плакатов и правильной работе с надписями, формами и цветами при их создании
Принципы Йозефа Мюллера-Брокманна помогут опытным дизайнерам объяснять правила дизайна плакатов новичкам, а начинающие дизайнеры научатся оценивать качество любых графических объектов, включая плакаты, обложки книг, журналов и рекламные баннеры
awdee.ru/poster-design-the-josef-muller-brockmann-principles
#awd_poster #awd_article #awd_edu
Обложки книг издательства и магазина Counter-Print
Компания Counter-Print основана в 2008 году в Великобритании. Она издаёт книги и журналы о дизайне: от типографики и графического дизайна до дизайна продуктов и интерьеров
Counter-Print также владеет интернет-магазином, где продаёт не только собственную продукцию, но и товары других издательств
Больше обложек тут: counter-print.co.uk
#awd_cover
Афиши Мирко Илича из Нью-Йорка
#awd_poster via behance.net/MirkoIlic
Айдентика израильской платформы социального взаимодействия OpenWeb
OpenWeb разрабатывает решения для интернет-медиа: комментарии с ИИ-модерацией, живые блоги, опросы. Своей миссией компания называет борьбу с токсичностью и создание пространств для цивилизованного общения в интернете
Над фирменным стилем работало нью-йоркское агентство Collins. Логотип в виде семи литер W складывается в букву O. Анимация логотипа намекает на круговорот комментариев в вебе. Его отлично дополняют стильная типографика и лаконичные сообщения, которые чётко объясняют, что такое OpenWeb
#awd_identity via underconsideration.com/brandnew/archives/new_logo_and_identity_for_openweb_by_collins.php
Bee Home — проект по сохранению численности одиночных пчёл
Дизайнерская лаборатория SPACE10 придумала проект Bee Home. На сайте они предлагают бесплатно разработать дизайн улья для одиночных пчёл: выбрать размер, стиль и желаемое расположение, например, на балконе или в саду. Готовый проект можно скачать и передать в мастерскую. После сборки нужно будет установить улей на солнечной стороне и посадить рядом несколько цветов, чтобы привлечь пчёл в новый домик
Проект направлен на сохранение жизни одиночных пчёл. Они — отличные опылители, а от опыления зависит почти 90% цветущих растений в мире, включая треть мирового продовольствия. Люди невольно разрушают их естественную среду обитания, когда строят города и используют химикаты в сельском хозяйстве. Поэтому SPACE10 предлагают любому желающему создать красивый дом для этих жизненно важных видов насекомых
beehome.design
#awd_art
Как дизайнеру устроиться на работу в международную компанию
Константин Горский — в прошлом дизайн-менеджер в Intercom, недавно стал сооснователем бутикового рекрутингового агентства для дизайнеров hirehire. Он провёл несколько сотен собеседований с продуктовыми дизайнерами и нанял несколько десятков дизайнеров со всего мира
С позиции нанимающего менеджера он рассказал, как происходит найм в международной компании и чем он отличается от процесса найма в российской организации
Вебинар длится примерно час с четвертью и состоит из 7 частей:
— Рассказ Кости о собственном карьерном пути
— Философия соискателя: что необходимо тому, кто ищет работу за границей?
— Подготовка портфолио
— Процесс найма
— Необходимый уровень английского и наличие международного сертификата
— Подготовка к жизни в другой стране
— Ответы на вопросы участников вебинара о необходимых хард-скиллах, проектах NDA в портфолио, порталах для поиска работы за границей и культурных различиях найма в разных странах
📼 youtube.com/live/WpTUCKaCcu4
#awd_career #awd_edu
Портфолио чилийского графического дизайнера Себастьяна Родригеса Беса
Себастьян — мультидисциплинарный дизайнер. Он разрабатывает дизайн упаковки, айдентику, оформляет выставки, делает дизайн книг и музыкальных альбомов
Среди его клиентов — Лондонская биеннале дизайна, правительство Чили, Центр исполнительских искусств Кеннеди, Институт Ван Алена и такие бренды, как Adidas, lululemon, Levi's и Converse
#awd_identity #awd_pack #awd_print #awd_cover via sebastianrodriguez.ch
Серия сюрреалистичных иллюстраций Криса Сильвермана из США
С конца 2021 года Крис ежедневно создаёт иллюстрации в приложении для заметок на iPhone. Он рисует пальцем на экране смартфона, используя инструменты, которые предназначены для аннотирования документов, а не для рисования
Свои работы Крис публикует в соцсетях под хэштегом #notesArt
Больше иллюстраций: notes.art
#awd_illustration #awd_art
Ребрендинг малазийского интернет-провайдера Time
В основу нового стиля легли 3 кастомных декоративных шрифта. Их отлично дополняют яркие цвета и множество анимаций
В логотипе литеры t и i образуют стрелки часов — отсылка к названию бренда
#awd_identity via bpando.org/2023/03/23/isp-broadband-branding-design-malaysia-time
Коллекция метафорических карт Кати Аникиной из Казахстана
Эти карты — инструмент в арт-терапии и психологии, с помощью которого специалисты помогают своим клиентам решать психологические проблемы. Их также используют для обучения, самопознания, игр и творчества
#awd_illustration #awd_art via behance.net/gallery/166158015/Set-of-metaphorical-cards
Flair — ИИ-генератор красивых фонов для товаров
С его помощью вы за пару минут сможете сделать красивые фотографии продукта в разной обстановке для рекламы или презентации брендинга
Для этого загрузите изображение объекта на прозрачном фоне. Далее выберите окружение из готовых шаблонов или напишите текстовый промт сами. В промте можно указать место расположения продукта, объекты, которые будут его окружать, добавить описание и элементы фона
Пробный триал — 30 генераций, безлимит — от 10 $ в месяц
flair.ai
#awd_tool #awd_webtool
📖 Скидка 15% на годовую подписку на «Журналус»
«Журналус» — медиа о дизайне Студии Артемия Лебедева. Оно фильтрует инфошум, выбирая самое ценное, важное и полезное. Помогает развиваться в профессии и быть в курсе трендов, но не тратить часы на скроллинг лент
Теперь всем читателям «Журналуса» стали доступны тематические телеграм-чаты. Там ищут специалистов и проекты, знакомятся с арт-директорами, менеджерами, верстальщиками и вообще всеми, кто так или иначе связан с индустрией. Там можно показать своё портфолио и покритиковать чужое
В честь запуска чатов дарим промо-код AWDEE15 со скидкой 15% на годовую подписку. Скидка действует до 31 марта
Оформить подписку со скидкой можно по ссылке.
#селфпромо
Дизайн футляров для тампонов канадской марки Toms In Town
Всю коммуникацию с покупателем дизайнеры вынесли на внешнюю коробку товара. Здесь главные элементы стиля — нежная цветовая палитра и игривая типографика
Футляр сделали исключительно функциональным — окрасили его в ровный цвет и добавили единственный декоративный элемент на поверхность — выпуклый минималистичный логотип
#awd_identity #awd_pack via behance.net/gallery/166541415/Toms-In-Town
Один дизайнер два года учился на курсах, потом год искал стажировку, потом… короче состарился и умер джуном, так и не качнув карьеру ))))
Конечно, персонаж выдуманный, но не кажется ли вам тупым, что сейчас принято год-два учиться, прежде чем просто стать джуном дизайнером? Сколько ж лет тогда до арт-директора расти? 20? Дичь какая-то )
Короче, завтра в 19:00 чуваки из ХЕЛПЕРА проводят мощнейший вебинар, на котором три мощнейших дизайнера расскажут про свои мощнейшие карьеры и дадут пошаговый план, как можно быстро вкачать свою карьеру в дизайне. Буквально, от джуна и до начальника всея дизайна.
Что за дизы?
— Ваня, дизайн-директор Яндекс.Плюса (продукт)
— Антон, дизайн-директор Looch (студия)
— и Паша, основатель студии Redis (своя дизайн-компания)
Конечно, это бесплатно. Подпишись на канал, чтобы ничего не пропустить и приходи завтра в 19:00 на легендарнейший и раз***ный вебчик: /channel/+ducVhfLFxitlNTJi
#промо
Живопись художника-пейзажиста Криса Фиргера из Массачусетса
Крис создаёт выразительные фигуративные работы через применение насыщенной цветовой палитры и уверенную работу с формой
Он учился в Университете Макгилла в Монреале, Квебек, а сейчас работает в собственной студии в Массачусетсе. Его картины находятся в галереях и частных коллекциях в США и за рубежом
Рекомендуем посмотреть увлекательные ролики с процессом создания картин: instagram.com/chris_firger/reels
#awd_art
Лендинг сервиса для трейдеров Cuban's Edge
Динамичный сайт демонстрирует набор инструментов для анализа рынков инвесторами
Сайт отличается трендовым сочетанием антиквы и гротеска в крупных заголовках и эффектными скролл-анимациями. А красочные стеклянные 3D-формы разбавляют его строгую эстетику
cubansedge.com
#awd_web #awd_site
Вы уже научились делать базовые вещи в Figma по видео на ютубе. Что дальше? Освойте плагины, чтобы ваши макеты выглядели как работы дизайнера-профи. На вебинаре потренируетесь применить несколько плагинов.
→ Бесплатно, 30 марта в 19:00 Мск
За магию в Figma отвечают:
◾️Татьяна Хрусталева, UX/UI-дизайнер в Сбере. В сфере дизайна уже 10 лет: работала на фрилансе, в студиях и продуктовых компаниях.
◾️Вячеслав Кивич, контент-лид и старший ментор на курсе «Дизайнер интерфейсов» в Яндекс Практикуме.
Вы узнаете:
— что такое плагины и что можно делать с их помощью;
— как применять их для решения креативных задач: посмотрим на практике;
— почему дизайнеру интерфейсов для работы достаточно Figma и не обязательно осваивать Photoshop;
— чем вообще занимаются дизайнеры интерфейсов и почему это востребованная профессия.
В конце можно будет задать вопросы.
→ Зарегистрироваться на вебинар
#промо
Айдентика выставки «Соник-фикшн: проектируя звучащие миры»
В феврале 2021 года в HSE ART GALLERY прошла выставка звуковых проектов. В ней принимали участие звуковые художники и студенты профиля «Саунд-арт и саунд-дизайн»Школы дизайна НИУ ВШЭ
Каждый автор создавал проект с «эффектом погружения» слушателя в различные звуковые миры. Например, посетитель мог послушать пение птиц из Ноева Ковчега, аудиоинтерпретацию древнегреческого мифа о захвате Протея или «попасть» в апокалиптический мир с наводнениями и эпидемиями
Кураторы выставки организовали пространство так, чтобы слушатель сам формировал маршрут прослушивания и мог перемещаться от одного источника звука к другому
Айдентику сделали соответствующую — использовали абстрактные формы с линиями, стилизованными под звуковые волны, и оживили их с помощью анимации
#awd_identity via behance.net/gallery/114446865/Sonic-Fiction
📖 Мягкие навыки твёрдых машин — Журналус № 347
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Цитаты из книги Юрия Гордона «О языке композиции»
— Почему важны софт-скиллы
— Советы по созданию эффективных запросов для ChatGPT
— Почему участники опросов могут искажать свои ответы
— Чеклист для создания и тестирования прототипа
— Почему важно осваивать новые ИИ-технологии
— Главное про анонсированные плагины для ChatGPT
— Как с помощью дизайна управлять вниманием пользователя
— История появления и эволюции амперсанда
— Как использовать мудборды в UI и UX-дизайне
— Почему привычное разделение «человек-машина» устарело
— Как дизайнеру повысить лояльность клиента
— Бесплатный практический курс по диджитал-дизайну
— Как дизайнеру устроиться на работу в международную компанию
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
10 уроков по анимации UI-элементов в Figma
С помощью этих туториалов вы сможете прямо в Figma показать разработчикам или клиентам, как будут работать отдельные UI-элементы в дизайне
Мы выбрали десять 30-секундных уроков, которые помогут изучить функцию Smart Animate и анимировать:
— Эффект наведения на кнопку
— Лоадер
— Полосу загрузки
— Свайп
— Раскрытие аккордеона
— Эффект наведения на карточку
— Элемент Like
— Переключатель на ночную тему
— Микровзаимодействие с кнопкой оформления заказа
— Прокрутку фонов
#awd_figma #awd_edu #awd_motion