31241
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
🙂 Дизайн плакатов: принципы Йозефа Мюллера-Брокманна
Контент-маркетолог Андрей Гросс специально для читателей Оди перевёл «законы» дизайна плакатов из книги «History of the Poster». Её авторы — знаменитый швейцарский графический дизайнер Йозеф Мюллер-Брокманн и его жена Шизуко
Из статьи на примерах плакатов известных дизайнеров и художников вы узнаете об общих требованиях к дизайну плакатов и правильной работе с надписями, формами и цветами при их создании
Принципы Йозефа Мюллера-Брокманна помогут опытным дизайнерам объяснять правила дизайна плакатов новичкам, а начинающие дизайнеры научатся оценивать качество любых графических объектов, включая плакаты, обложки книг, журналов и рекламные баннеры
awdee.ru/poster-design-the-josef-muller-brockmann-principles
#awd_poster #awd_article #awd_edu
Как рисовать эмоции
Катя Кульбачко написала статью, которая поможет иллюстраторам понять, как через мимику и жесты добавлять персонажу эмоции. С помощью эмоций герой будет вызывать отклик у зрителя и усиливать его вовлеченность в происходящее на экране
В статье автор представила подробную карту 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
📖 250 советов от некомпетентных людей — Журналус № 364
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Цитаты из книги Оливера Беркмана «Четыре тысячи недель: Тайм-менеджмент для смертных»
— Что такое disrupt и как найти на него время
— 9 проблем при работе с нейросетями, подобными ChatGPT
— Как выстроить дизайн-процесс при проектировании сложных продуктов
— Главные принципы UX-дизайна детских цифровых продуктов
— Как проводить пользовательские тесты ИИ-продуктов
— Пример создания уникальной иконки с помощью Midjourney, Blender и Figma
— Создание сложных эффектов при помощи Processing и After Effects
— Мощный бесплатный инструмент для хранения информации
— Почему повышение безопасности ИИ, может привести к обратному результату
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
Концептуальная графика Бенджамина Джонса из Южной Каролины
Бен — графический дизайнер и выпускник Школы архитектуры и дизайна Virginia Tech. Он сформировал собственный уникальный стиль благодаря сочетанию аналоговых и цифровых техник
В основе его идей лежит сочетание мечты с реальностью, которое он реализует через работу со свободным пространством, цветом, композицией и текстурой
Интересный факт: когда Бен выкладывает новую работу в социальных сетях, он не только указывает материалы и программы, которые использовал при её создании, но и то, какую музыку он слушал в процессе
Больше графики: awdee.ru/kontseptualnaya-grafika-bendzhamina-dzhonsa-iz-yuzhnoj-karoliny
#awd_art #awd_typo via instagram.com/visual_dreamz
Иллюстрации Ливии Фэлкару из Бухареста
Несмотря на присутствие жизнерадостных и ярких цветов, в своих работах художница старается показать честную реальность, повседневную рутину и выразить глубокие человеческие эмоции
Некоторые клиенты Ливии: Vans, Vogue & Teen Vogue, The Washington Post, Lay’s, WhatsApp, The Guardian, Bon Appétit, Samsung
liviafalcaru.com
Больше картинок: awdee.ru/illyustratsii-livii-felkaru-iz-buharesta
#awd_illustration
Плакаты Жени Кишмарии из Москвы
Больше плакатов: awdee.ru/plakaty-zheni-kishmarii-iz-moskvy-2
#awd_poster via behance.net/jkishmaria1aae
Ребрендинг школы дрессировки собак Bow Wow Academy
Bow Wow Academy находится в Ванкувере и специализируется на методах обучения собак с помощью положительного подкрепления и без применения насилия
Что касается нового фирменного стиля, это как раз тот случай, когда при взгляде на логотип сразу понимаешь, чем занимается компания и как себя позиционирует. В нём двойная «W» служит собачьими лапами и отлично сочетается с игривым названием бренда. Примечательно то, что лапы «WW» в логотипе меняются в зависимости от породы
Яркое цветовое кодирование — темно-зелёный оттенок сочной травы, салатовый цвет теннисного мяча, энергичный розовый и светло-бежевый цвет косточки для собак — отлично дополняет логотип и создает вайб активности и озорства
Больше картинок: awdee.ru/rebrending-shkoly-dressirovki-sobak-bow-wow-academy
#awd_idenity #awd_logo via underconsideration.com/brandnew/archives/new_logo_and_identity_for_bow_wow_academy_by_rethink.php
Бесплатная коллекция из 560+ мокапов и 80 мокап-сцен проекта Creatoom
В магазине мокапов Creatoom есть два больших раздела Free Items и Free scenes, где они публикуют отличные мокапы и мокап-сцены для презентации брендинга. Это одна из самых больших коллекций качественных бесплатных мокапов на нашей памяти
creatoom.com/product-category/items/free-mockups
Больше скриншотов: awdee.ru/besplatnaya-kollektsiya-iz-560-mokapov-i-80-mokap-stsen-proekta-creatoom
#awd_free_download #awd_mockup
Серия курьёзных спортивных 3D-иллюстраций Виктора Пяткина из Харькова
Больше картинок: awdee.ru/seriya-kuryoznyh-sportivnyh-3d-illyustratsij-viktora-pyatkina-iz-harkova
#awd_illustration #awd_art via behance.net/gallery/162716273/Sport-Show
Cтиль и динамический логотип московского издательства Гелиос
В древнегреческой мифологии Гелиос — бог солнца и его олицетворение. Поэтому главной визуальной метафорой стал гибкий анимированный логотип, который сочетает в себе два образа: солнца и открывающейся/закрывающейся книги
Дизайн разработала российская студия omsky
Больше картинок: awdee.ru/ctil-i-dinamicheskij-logotip-moskovskogo-izdatelstva-gelios
#awd_idenity #awd_logo via logodesignlove.com/helios-publishing-house
10 уроков по созданию анимации в Figma от Зандера Уайтхёрста из Англии
Зандер работал UX/UI-дизайнером в Hotjar, а в 2020 году запустил первый онлайн-курс, который в итоге превратился в большой учебный проект для веб-дизайнеров Memorisely
Зандер — позитивный парень и в социальных сетях показывает живые встречи с командой, своё красивое рабочее место и самое главное — выкладывает короткие пошаговые видеоуроки по анимации элементов дизайна в Figma в формате «Supafast»
Мы выбрали 10 интересных 30-секундных уроков, которые на практике помогут быстро разобраться, как анимировать в Figma:
— Анимация градиентов
— Появление текста
— Создание и анимация градиентного заголовка
— Анимация текста по кругу
— Анимация смены цветового контраста на картинке
— Анимация жидких кнопок
— Создание и анимация 3D-кнопки
— Дизайн забавных гамбургер-меню
— Создание и анимация изогнутого слайдера
— Анимация иконки со звуковым эффектом
👨🎨 Чтобы экспортировать анимацию в формате GIF или MP4, используйте Figma-плагин Export to GIF/Video
🐤 Твиттер Зандера, где есть ещё больше классных уроков
#awd_figma #awd_edu #awd_motion
Дизайн упаковки твёрдых шампуней греческой марки Snob Duck
В оформлении дизайнеры гармонично совместили мягкую цветовую палитру, минималистичные иллюстрации и акцидентную типографику. В результате получился эксцентричный и смелый дизайн, в котором несочетаемые, на первый взгляд, элементы отлично сложились в единое целое
Больше картинок: awdee.ru/dizajn-upakovki-tvyordyh-shampunej-grecheskoj-marki-snob-duck
#awd_pack via packagingoftheworld.com/2023/01/snob-duck-solid-shampoo.html
Если вы пользуетесь блокировщиком рекламы, то, пропустили это, когда сидели на vc. ru
У экс-дизайнера коммуникаций «Комитета» (vc. ru, DTF) Катерины Сикорской появился канал.
В канале Катя показывает спецпроекты, которые делала для «Комитета», рассказывает о личных проектах, делится мыслями о дизайне и историями.
Подписывайтесь
#промо
🙂 Cетки в дизайне
В статье мы собрали лучшие книги, статьи, уроки, инструменты и Figma-плагины для работы с сетками
awdee.ru/grids-in-design
#awd_article #awd_web #awd_webtool #awd_tool #awd_edu #awd_terms
🙂 Биография Яёи Кусамы — самой влиятельной художницы современности
Яёи Кусама — одна из самых популярных и высокооплачиваемых художниц в мире. В этом году ей исполнилось 94 года. Она любит тыквы и зеркала, а узоры в виде горошка стали её фирменным стилем
В 2023 году Louis Vuitton во второй раз пригласил японскую художницу для совместного запуска новой коллекции. На знаменитых товарах Louis Vuitton и фасадах лондонского универмага Harrods появились фирменные мотивы Яёи Кусамы. На витрине они установили робота — точную копию Яёи, и сделали реалистичный ролик в формате Naked-eye 3D
Louis Vuitton также выпустили AR-фильтр для Snapchat, который раскрашивает мировые достопримечательности фирменными паттернами Кусамы
Поводом для написания статьи о творческом пути Яёи Кусамы стала эта нашумевшая коллаборация
Краткая биография Яёи Кусамы: awdee.ru/yayoi-kusama-biography
#awd_person #awd_art
Дизайн упаковки посуды канадского бренда Kana
Отличный пример очень функционального дизайна и его недорогой реализации. Сразу видно, что в коробке, но не за счёт вырубки или сложной конструкции, а благодаря простым иллюстрациям в линейной технике
Минималистичный стиль дополняет современная антиква в логотипе и приглушённая цветовая палитра
Больше картинок: awdee.ru/dizajn-upakovki-posudy-kanadskogo-brenda-kana
#awd_pack via packagingoftheworld.com/2023/02/kana-bakeware-packaging.html
Войлочные фигурки Ольги и Анны Довгань из Украины
Рукодельницы валяют игрушки из шерсти, а в качестве последнего штриха придают им дружелюбный образ с помощью крошечных улыбок
Больше картинок: awdee.ru/vojlochnye-figurki-olgi-i-anny-dovgan-iz-ukrainy
#awd_art via thisiscolossal.com/2022/05/manooni-felt-sculptures
Upscayl — бесплатная программа для увеличения разрешения картинок
Этот ИИ-апскейлер увеличивает разрешение до 8 раз, может обрабатывать много картинок за раз и при этом работает полностью локально. Есть версии для Windows, macOS и Linux
Скачать: upscayl.github.io
#awd_tool
🙂 Какой метод UX-исследования использовать
Перевод статьи Елены Бородиной о разработанном ей фреймворке для выбора метода UX-исследования. Елена — UX-исследователь Joom и бывший руководитель команды UX-исследователей Газпромбанка
awdee.ru/kakoj-metod-ux-issledovaniya-ispolzovat
#awd_article #awd_ux
Обновление айдентики Хьюстонского симфонического оркестра
Новый логотип в виде английской «H» считывается как шейка виолончели, перпендикулярно которой лежит смычок, отбрасывающий тень, что, безусловно, символизирует музыкальную направленность бренда
Дизайнеры также стилизовали его под музыкальные знаки, но таким образом, чтобы он не ссылался ни на один конкретный знак музыкальной нотации и не выглядел шаблонно
Больше картинок: awdee.ru/obnovlenie-ajdentiki-hyustonskogo-simfonicheskogo-orkestra
#awd_idenity via underconsideration.com/brandnew/archives/new_logo_and_identity_for_houston_symphony_by_foda.php
🙂 Как использовать Figma для создания качественных презентаций
Перевод статьи Патрика Моргана, где он делится опытом создания презентаций в Figma. Он рассказывает, как правильно организовывать презентации в файлах Figma, выстраивать структуру страниц, оформлять основные слайды, называть фреймы, анимировать их и в каком порядке размещать их на холсте
Информация будет полезна дизайнерам при подготовке презентаций дизайна клиенту, команде или арт-директору, а также создании презентаций для публичных выступлений
👨🎨В статье автор также упоминает Figma-плагин, который помогает ему ускорить процесс создания презентаций
awdee.ru/how-i-use-figma-to-craft-better-presentations
#awd_figma #awd_article #awd_career
Серия плакатов для фильма Уэса Андерсена «Французский вестник»
Классный пример единого стиля и талантливой работы с композицией
Больше плакатов: awdee.ru/seriya-plakatov-dlya-filma-uesa-andersena-frantsuzskij-vestnik
#awd_poster via itsnicethat.com/news/the-french-dispatch-posters-searchlight-pictures-film-graphic-design-210921
🙂 Кто сделает следующий миллиард сайтов?
Конспект выступления Влада Магдалина на Awwwards Conference в Сан-Франциско. Влад — один из основателей Webflow, инструмента для создания сайтов без кода
awdee.ru/kto-sdelaet-sleduyushhij-milliard-sajtov
#awd_article #awd_web
Старт нового сезона: 23-23 сентября — Москва, 7-8 октября — Питер!
2 столицы, 4 дня, 24 спикера, 1000+ гостей — Design Prosmotr врывается в новый сезон вместе с незабываемыми креативными выходными. Эту осень проведем в кругу единомышленников, разбирая принципы вдумчивого дизайн, обмениваясь опытом и идеями с профессионалами индустрии.
Дизайнеры со всей страны на два дня станут частью самой крупной дизайн-тусовки. 2 дня, наполненные актуальными лекциями от экспертов с большим опытом. А после лекций общение и практика: интенсивы с прокачкой скиллов по брендингу и мобильным приложениям и афтепати в кругу спикеров и коллег для самых честных разговоров.
Уже сейчас дизайнеры оформляют предзаказ на сайте designprosmotr.ru. Они знают: у кого предзаказ, тот первым узнает точные дату и время закрытого старта продаж, когда можно урвать самые дешевые билеты. Дальше — больше. Чем меньше свободных мест, тем выше цена.
🔥 Предзаказ — твой бесплатный путеводитель к самым дешевым билетам: designprosmotr.ru
Основы веб-разработки для дизайнеров
Полноценный работающий сайт стоит в несколько раз дороже макета.
На этом курсе преподаватели Сетки Адам Арутюнов и Иван Дианов научат делать сайты на HTML, CSS и JS, выкладывать их на всеобщее обозрение. Они расскажут самые-самые основы и дадут понимание, как учиться дальше самому, научат не бояться программирования и лучше понимать язык, на котором говорят разработчики.
Курс идёт четыре недели, это 12 занятий, начало 31 июля, цена растёт.
Подробная программа и запись на лендинге.
#промо
🙂 25 правил визуального дизайна, которые можно смело применять в любом проекте
Мы перевели статью Энтони Хобдея, в которой вы найдёте ответы на вопросы о том, какое значение яркости и насыщенности задать цветам в дизайне, какова оптимальная длина строки, как расположить элементы в зависимости от их визуального веса, правильно выбрать цвет для обводки контейнера, рассчитать значения для создания аккуратной тени, определить размер внешних и внутренних отступов и многое другое
awdee.ru/25-visual-design-rules
#awd_article #awd_web #awd_ui #awd_color
Mesher Tool by CSS Hero — бесплатный генератор сеточных градиентов
Браузерный инструмент, который позволяет выбрать количество цветов в mesh-градиенте, настроить оттенки, яркость, насыщенность и сохранить понравившийся вариант в избранное. Полученный результат копируется в виде CSS-кода
csshero.org/mesher
#awd_tool #awd_webtool #awd_gradient
33 анимированных плаката Армина Хофманна
Израильский моушен-дизайнер Алекс Беленький искусно «оживил» плакаты знаменитого швейцарца и с помощью динамичных переходов объединил их в одну анимацию
#awd_poster #awd_motion #awd_video #awd_animation via instagram.com/p/Cmb_WNNoIbm
Иллюстрации испанского диджитал-художника под псевдонимом Alariko
Больше картинок: awdee.ru/illyustratsii-ispanskogo-didzhital-hudozhnika-pod-psevdonimom-alariko
#awd_illustration #awd_art via artstation.com/alariko
Dopely Colors — библиотека сервисов для работы с цветом
Отличная платформа, где есть всё, что касается цвета в дизайне
Dopely Colors:
— Содержит генератор палитр, градиентов, тоновых переходов, цветовой круг, цветовой микшер
— Конвертирует цветовые коды (поддерживает HEX, RGB, CMYK, HSL, HWB, NCOL)
— Проверяет уровень контрастности цветов
— Генерирует цветовую палитру из картинок и фотографий
— Симулирует нарушения цветового восприятия
— Накладывает цветовые фильтры
— Содержит подробную информацию о цветах известных брендов
— Показывает примеры цветовых палитр в интерфейсах, иллюстрациях, интерьерах
— Включает цветовые палитры Pantone и Material Design
👨🎨У Dopely Colors есть Figma-плагин
colors.dopely.top
Больше картинок: awdee.ru/dopely-colors-biblioteka-servisov-dlya-raboty-s-tsvetom
#awd_tool #awd_webtool #awd_color #awd_gradient