31242
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
Айдентика израильской платформы социального взаимодействия 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
Дизайн упаковки посуды канадского бренда Kana
Отличный пример очень функционального дизайна и его недорогой реализации. Сразу видно, что в коробке, но не за счёт вырубки или сложной конструкции, а благодаря простым иллюстрациям в линейной технике
Минималистичный стиль дополняет современная антиква в логотипе и приглушённая цветовая палитра
#awd_pack via packagingoftheworld.com/2023/02/kana-bakeware-packaging.html
Сеточные градиенты в упаковке шоколада ручной работы Laroch
#awd_pack #awd_gradient via behance.net/gallery/80431511/Laroch-Chocolate-Packaging
📖 Хтоническая кириллица и чесночные диаграммы — Журналус № 346
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Цитаты из книги Тодда Генри «Укрощение тигров. Как стать лидером творческой команды»
— Как использовать сторителлинг в дизайне
— История взлёта и падения теории дизайн-мышления
— Что такое адаптивный дизайн в 2023 году
— Эволюция языковых моделей от T9 до ChatGPT
— Руководство по паттернам навигации в iOS-приложениях
— Технический разбор устройства GPT-3
— Практические советы по обсуждению UX-дизайна с командой
— Почему нужно использовать контекстные подсказки
— 10 способов использования ChatGPT в работе продуктового дизайнера
— Почему идеальная команда должна состоять из двух человек
— История побега нейросети из компьютера
— Рабочий бизнес-план от GPT-4
— Подборка кастомных решений для проектов на Webflow
— Чеклист тем для обучения дизайну интерфейсов
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
📖 Мягкие навыки твёрдых машин — Журналус № 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
🙂 Подход в информационном дизайне: 6 коротких советов от Ferdio
Перевод шестой части серии заметок датского агентства инфографики Ferdio о подходе в информационном дизайне. В ней авторы рассказывают о том, почему важно сформулировать цель проекта, какой последовательности придерживаться при создании инфографики и как сделать её понятной, но не упрощённой
awdee.ru/approach-in-information-design-6-short-tips-from-ferdio
#awd_article #awd_dataviz #awd_infografic
Войлочные фигурки Ольги и Анны Довгань из Украины
Рукодельницы валяют игрушки из шерсти, а в качестве последнего штриха придают им дружелюбный образ с помощью крошечных улыбок
#awd_art via thisiscolossal.com/2022/05/manooni-felt-sculptures
🙂 10 проблем попапов и как их решить
Перевод статьи Анны Кейли из Nielsen Norman Group, из которой вы узнаете, в чём разница между всплывающим окном и модальным, какие проблемы могут вызвать всплывающие окна своим появлением и какие факторы необходимо учитывать при их проектировании. Автор также рассказывает о дизайн-решениях, которые могут заменить попапы и донести до посетителей сайта или приложения важную информацию, но при этом будут менее навязчивыми
awdee.ru/10-problems-of-popups
#awd_ui #awd_ux #awd_article
Концептуальная графика Бенджамина Джонса из Южной Каролины
Бен — графический дизайнер и выпускник Школы архитектуры и дизайна Virginia Tech. Он сформировал собственный уникальный стиль благодаря сочетанию аналоговых и цифровых техник
В основе его идей лежит сочетание мечты с реальностью, которое он реализует через работу со свободным пространством, цветом, композицией и текстурой
Интересный факт: когда Бен выкладывает новую работу в социальных сетях, он не только указывает материалы и программы, которые использовал при её создании, но и то, какую музыку он слушал в процессе
#awd_art #awd_typo via instagram.com/visual_dreamz