31241
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
Бесплатный билет за предзаказ
До Нового года далеко, а подарки от designprosmotr.ru — близко! Еще до старта продаж у тебя есть шанс испытать удачу и продлить каникулы с яркими эмоциями и творческим драйвом, отправившись на новый форум в Москве или Питере бесплатно!
Все просто: оставляешь предзаказ на сайте и ждешь итогов. Если ты уже оформлял предзаказ, то автоматически становишься участником виртуальной гонки фортуны. А 4 августа узнаем имена двух победителей.
💥 Оформляй предзаказ, получи шанс выиграть бесплатный билет или забрать его по максимально низкой цене на закрытом старте продаж: designprosmotr.ru
Где сравнить топовые курсы по дизайну?
Tutortop — образовательный маркетплейс №1, где представлено больше 5000 курсов от более чем 300 школ и все их можно сравнить по рейтингу, цене и отзывам, а еще купить дешевле, чем напрямую 🔥
Ребята собрали для вас подборку из топовых курсов для дизайнеров по мнению пользователей tutortop:
— Профессия «UX/UI-дизайнер с нуля до PRO» + Английский для дизайнеров в подарок от онлайн-школы дизайна Contented. Рейтинг 4.8 из 5.
— Профессия «Веб- и UX-UI дизайнер» от дизайн-студии Логомашина. Рейтинг 4.9 из 5. Скидка 10% по промокоду TUTORTOP до 26.07
— Расширенный курс «Графический дизайн» от академии дизайна Pentaschool. Рейтинг 4.9 из 5. Скидка 10% по промокоду TUTORTOP до 27.07
Скидку до 10 000 ₽ на более 500 курсов по дизайну получите на маркетплейсе tutortop ⚡️
#промо
🙂 Инструкция по выживанию: кому нейросети наступают на пятки, и как уберечь от них свой хлеб
Олег Стукалов написал статью о роли нейросетей в жизни дизайнеров
В ней он дал 7 советов, как оставаться востребованным специалистом в условиях стремительного развития ИИ:
— Учиться обучать нейросети
— Автоматизировать всё, что возможно
— Создавать только новое
— Вызывать эмоции
— Развивать эмпатию
— Собирать чувственный опыт
— Заниматься тем, что нравится
awdee.ru/survival-guide-who-are-the-neural-networks-stepping-on-their-toes
#awd_article #awd_ml
🙂 Дизайн плакатов: принципы Йозефа Мюллера-Брокманна
Контент-маркетолог Андрей Гросс специально для читателей Оди перевёл «законы» дизайна плакатов из книги «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
Flair — ИИ-генератор красивых фонов для товаров
С его помощью вы за пару минут сможете сделать красивые фотографии продукта в разной обстановке для рекламы или презентации брендинга
Для этого загрузите изображение объекта на прозрачном фоне. Далее выберите окружение из готовых шаблонов или напишите текстовый промт сами. В промте можно указать место расположения продукта, объекты, которые будут его окружать, добавить описание и элементы фона
Пробный триал — 30 генераций, безлимит — от 10 $ в месяц
flair.ai
Больше примеров: awdee.ru/flair-ii-generator-krasivyh-fonov-dlya-tovarov
#awd_tool #awd_webtool
Ребрендинг малазийского интернет-провайдера Time
В основу нового стиля легли 3 кастомных декоративных шрифта. Их отлично дополняют яркие цвета и множество анимаций
В логотипе литеры t и i образуют стрелки часов — отсылка к названию бренда
Больше картинок и анимаций: awdee.ru/rebrending-malazijskogo-internet-provajdera-time
#awd_identity via bpando.org/2023/03/23/isp-broadband-branding-design-malaysia-time
Серия иллюстраций «Путешествие по временам года» Оамула Лу из Шанхая
Оамул Лу — художник-иллюстратор. Ему нравится отражать в работах всё, что происходит с природой и людьми в разное время года: цветы, распускающиеся весной, жаркие летние дни, долгие прогулки по осеннему лесу и зимние события
В качестве иллюстратора Оамул Лу сотрудничал с несколькими международными брендами, включая Apple, CHANEL и Louis Vuitton
Больше изображений: awdee.ru/seriya-illyustratsij-puteshestvie-po-vremenam-goda-oamula-lu-iz-shanhaya
#awd_illustration #awd_art via behance.net/gallery/127359141/Travelling-Through-the-Seasons
Дизайн упаковки посуды канадского бренда 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