31241
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
Живопись художника-пейзажиста Криса Фиргера из Массачусетса
Крис создаёт выразительные фигуративные работы через применение насыщенной цветовой палитры и уверенную работу с формой
Он учился в Университете Макгилла в Монреале, Квебек, а сейчас работает в собственной студии в Массачусетсе. Его картины находятся в галереях и частных коллекциях в США и за рубежом
Рекомендуем посмотреть увлекательные ролики с процессом создания картин: 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
Некоторые афиши Зюдполя
Зюдполь (südpol) — музыкальный театр, расположенный в старой бойне швейцарского города Люцерн. Сейчас афиши мероприятий создают молодые графические дизайнеры и иллюстраторы из Люцерна. А с октября 2010 по июнь 2015 все плакаты рисовал Феликс Пфеффли. Именно его работы вошли в эту подборку
Больше плакатов тут: typographicposters.com/sudpol
#awd_poster
Дизайн упаковки португальского шоколада Glad (Радостный)
«Пляшущие» литеры в названии — визуальная метафора человека в моменте счастья и главный элемент стиля. Печать обратным тиснением ещё больше выделяет логотип на упаковке, а насыщенные тёплые оттенки отлично дополняют приятный образ
#awd_identity #awd_pack via packagingoftheworld.com/2023/03/glad-bean-to-bar-chocolates.html
Playground AI — удобный веб-интерфейс для генерации изображений в Stable Diffusion и DALL-E
В нём вы сможете создавать до 1000 бесплатных картинок в день, используя Stable Diffusion. Он генерирует их по текстовым промтам или по картинке. Работает быстро и предлагает выбор из 40+ готовых стилей
Результаты можно редактировать, добавлять к ним отдельные объекты и наоборот удалять. В целом, отличный и шустрый сервис для бесплатной тренировки составления промтов
Платные тарифы: до 800 картинок в месяц, используя DALL-E — 10 $; до 2000 изображений c высокой детализацией в день с помощью Stable Diffusion — 15 $
playgroundai.com
#awd_tool #awd_webtool
🙂 Публикация и продвижение инфографики: 7 коротких советов от Ferdio
Перевод восьмой (заключительной) части серии заметок датского агентства инфографики Ferdio о том, как выстраивать коммуникацию с целевой аудиторией. Авторы рассказывают, как угадать, что понравится пользователям, как захватить внимание зрителя и стоит ли адаптировать контент под разные типы аудитории
awdee.ru/publishing-and-promoting-infographics-5-short-tips-from-ferdio
#awd_article #awd_dataviz #awd_infografic
Как рисовать эмоции
Катя Кульбачко написала статью, которая поможет иллюстраторам понять, как через мимику и жесты добавлять персонажу эмоции. С помощью эмоций герой будет вызывать отклик у зрителя и усиливать его вовлеченность в происходящее на экране
В статье автор представила подробную карту 58 выражений лица в различных эмоциональных состояниях с иллюстрациями и краткими описаниями. Там же вы найдёте схемы мимики зрачков, бровей, рта и носа, которые помогут понять, как правильно нарисовать нужную эмоцию
Коротко перечислим ключевые рекомендации из статьи:
— Выражение лица можно изменить с помощью размера зрачков и формы бровей
— Губы помогут придать новый оттенок выражению лица. Важно помнить, что рот может двигаться ассиметрично
— В анимации нос двигается синхронно с губами. Главные элементы, которые можно изменить, — кончик и ноздри
— Если лицо персонажа появляется в кадре не крупным планом, то передавайте эмоции персонажа через тело. В этом будут полезны позы и движения — танцы, сжатые кулаки, прыжки, испарина на лбу, гусиная кожа и многое другое
— Мультипликаторы используют в работе FACS — систему, которая связывает каждую эмоцию с тем, какие мышцы в теле за неё отвечают. Это огромная цифровая библиотека с описаниями, фото- и видеообразцами проявления чувств разных людей
— Программы, в которых можно смоделировать конкретную эмоцию или звук, издаваемый персонажем: Adobe Character Animator, Cartoon animation 4, CrazyTalk 8
Статья полностью: skvot.io/ru/blog/kak-risovat-emocii
#awd_article #awd_summary #awd_illustration #awd_edu
Kive — ИИ-библиотека для хранения и сортировки референсов
Вы загружаете изображения или видео, а сервис сам автоматически сортирует референсы по множеству признаков и раскладывает их по папкам/доскам. Например, у вас будет доска «Зелёный», где будут лежать фотографии с преобладанием зелёного цвета, или «Современное искусство», куда Kive отправит все изображения на эту тему
Вы сможете вручную менять состав досок, искать изображения по их содержимому, отправлять ссылки на доски с красивыми подборками другим людям, совместно управлять референсами с коллегами
Дополнительные фишки (пока в бете): генерация изображений по текстовым промтам или картинкам и извлечение отдельных кадров из видео
Инструмент браузерный, но доступен ещё и в виде приложений для iOS и macOS. Есть бесплатная версия с ограничениями. Стоимость платных тарифов начинается от 12 $ в месяц за пользователя
kive.ai
#awd_webtool #awd_tool #awd_ml
🙂 Интернет-магазины косметики и парфюмерии: лучшие практики и интересные фичи
Агентство Antro специализируется на разработке интернет-магазинов и мобильных приложений в сфере eCommerce. Они написали вторую статью о проектировании интернет-магазинов косметики и парфюмерии. В прошлой статье они провели детальный анализ бьюти-рынка, а в этой рассказали о ключевых особенностях в дизайне сайтов электронной коммерции из бьюти-сферы
Из неё вы узнаете:
— Как показывать оттенки декоративной косметики на сайте
— Какие способы использовать для правильной демонстрации товаров
— Как повысить лояльность покупателей косметики по отношению к бренду
— Стоит ли инвестировать средства в виртуальную примерку
Статья будет полезна для того, чтобы разобраться в потребностях покупатей, улучшить опыт взаимодействия с ними и повысить уровень конверсии интернет-магазина косметики и парфюмерии
awdee.ru/online-cosmetics-and-perfume-stores-best-practices-and-interesting-features
#awd_article #awd_ux #awd_web
🙂 Графика в информационном дизайне: 5 коротких советов от Ferdio
Перевод седьмой части серии заметок датского агентства инфографики Ferdio о том, какую графику выбрать для визуального представления данных. Из неё вы узнаете, что такое измеритель абстрактности визуализации, что важнее: наглядность или эстетика, и почему не стоит изобретать велосипед
awdee.ru/graphics-in-information-design-5-short-tips-from-ferdio
#awd_article #awd_dataviz #awd_infografic
Ladataviz — бесплатный сервис для создания сложных визуализаций
У него простой интерфейс — загружаете данные, выбираете один из шести типов визуализации, показываете программе, на каких осях разместить данные, и настраиваете параметры отображения
На странице каждого типа есть ссылка на туториал, если возникнут вопросы
Результаты можно экспортировать в форматах SVG, CSV и Tableau
Сервис регулярно обновляется, его автор продолжает создавать новые шаблоны для визуализаций, о чём рассказывает в Твиттере
tools.ladataviz.com
#awd_webtool #awd_tool #awd_dataviz #awd_infografic
🙂 Дизайн плакатов: принципы Йозефа Мюллера-Брокманна
Контент-маркетолог Андрей Гросс специально для читателей Оди перевёл «законы» дизайна плакатов из книги «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
Ребрендинг американского фонда Myers & Briggs
Фонд основали Изабель Бриггс Майерс и её мать Кэтрин Бриггс — создатели всемирно известной системы психологического тестирования Myers–Briggs Type Indicator (MBTI). Её назначение — помочь человеку определиться с его типом личности и индивидуальными предпочтениями в карьере, личной жизни и взаимодействии с другими людьми. Myers & Briggs Foundation ведёт исследовательскую деятельность в этой сфере и готовит специалистов по применению MBTI
Главный элемент обновлённого стиля — цветок, который символизирует личностный рост через познание. Края книжных закладок гармонично повторяют форму лепестков лого, а стильный гротеск отлично дополняет его геометричную форму
Ещё один классный приём здесь — умелое использование полупрозрачности с блюром, которая придаёт дизайну глубину и выразительность
#awd_identity via parker.studio/work/myers-briggs
👨🎨 10 готовых шаблонов с интерфейсной анимацией в Figma
Мы собрали шаблоны с готовыми анимациями, сделанными прямо в Figma. С их помощью вы сможете быстро анимировать такие UI-элементы, как лоадер, чекбокс, гамбургер-меню, переключатель, карточки, кнопки и другие. Есть также эффектные анимации смены экранов мобильного приложения и даже анимация вращения 3D-объекта
awdee.ru/10-templates-with-animation-in-figma
#awd_figma #awd_tool #awd_motion
Заставка научно-фантастического сериала The Peripheral
Атмосферный мрачный ролик с налётом киберпанка, эффектами мазков кисти и крутой реализацией датамоша
Проект полностью и интервью с создателями анимации: artofthetitle.com/title/the-peripheral
#awd_video #awd_3D #awd_CG
Серия иллюстраций «Путешествие по временам года» Оамула Лу из Шанхая
Оамул Лу — художник-иллюстратор. Ему нравится отражать в работах всё, что происходит с природой и людьми в разное время года: цветы, распускающиеся весной, жаркие летние дни, долгие прогулки по осеннему лесу и зимние события
В качестве иллюстратора Оамул Лу сотрудничал с несколькими международными брендами, включая Apple, CHANEL и Louis Vuitton
#awd_illustration #awd_art via behance.net/gallery/127359141/Travelling-Through-the-Seasons
Анимированные NFT-персонажи Божо Балова из Хорватии
Божо работает в анимационной студии Prime Render, которая за 14 лет работы получила более 70 наград в области анимации. Они запустили совместную анимированную NFT-коллекцию под названием «Местные жители», в которой главные персонажи — обычные люди из Восточной Европы
Божо нарисовал их в собственном мгновенно узнаваемом стиле с применением ручной рисовки и явных мазков кисти. Для создания главных героев он использовал Quill для Oculus VR, дорабатывая их в Blender Eevee
#awd_art #awd_nft via superrare.com/primerender
🙂 Негативные промты: как улучшать арты Midjourney методом исключения
Перевод статьи AI Demos о том, как сообщить нейросети обо всём, что вы не хотите видеть в сгенерированном изображении. Авторы объясняют, что такое негативные промты Midjourney, зачем они нужны и дают чёткие инструкции, как их использовать. На практических примерах они показывают, как исключить нежелательный элемент с изображения или уменьшить степень его присутствия на арте, чтобы в результате улучшить конечный результат
awdee.ru/how-to-use-midjourney-negative-prompts
#awd_article #awd_ml #awd_neuralart #awd_techno
Новая айдентика для Design Prosmotr
Дизайнер Патриция разработала новый стиль форумов: впервые за 2 года был обновлён логотип, шрифты и стилистика фирменных элементов.
Design Prosmotr — крупнейшая встреча дизайнерского сообщества проходящая в Москве и Питере. Он собирает лучших профессионалов креативной индустрии и тысячи дизайнеров. Design Prosmotr создал уникальный формат объединяющий образование и шоу в одном мероприятии.
Смелое сочетание ярких цветов, градиенты ассоциируемые с городами проведения и диджитальные иллюстрации отражают дух событий: стиль, энергию, шоу и драйв. Лучи в новом логотипе отсылают к свету идущему со сцены и новым знаниям, которыми спикеры делятся с аудиторией через выступления.
Система модульных сеток и набор визуальных приемов делают айдентику простой в применении: элементы подстраиваются под потребности контента, позволяя делать макеты разной насыщенности и адаптируются под форматы носителей.
Instagram дизайнера Патриции: instagram.com/patricia.works
Дизайн упаковки кофе Qahwa Roastery греческого бренда Howdy Design Family
В основе стиля — иллюстрации с динамичными сюжетами, крупная типографика и яркая цветовая палитра — всё то, что поможет привлечь внимание покупателей к продукту
#awd_pack via packagingoftheworld.com/2023/02/qahwa-roastery.html
Серия плакатов с предметами берлинской студии Neubau
Оригинальные плакаты, на которых расположены силуэты предметов, объединённые одной тематикой. Выглядит прикольно и необычно. Плакаты сделал основатель студии Neubau — графический дизайнер Штефан Гандль
Больше работ студии смотрите на сайте: neubauladen.com/product-category/digital/elements
#awd_poster
Айдентика американской платформы для бизнес-аналитики Mode
Mode — платформа, которая служит центральным хабом для инструментов хранения и обработки данных. На платформе команды и специалисты по работе с данными совместно собирают информацию, визуализируют показатели, находят зависимости, делают прогнозы и в результате принимают обоснованные бизнес-решения
В основе стиля — динамичные элементы: вариативный шрифт в логотипе, постоянно меняющиеся модульные формы и вариации оттенков зелёного цвета
#awd_identity via gretelny.com/mode