31241
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
🙂 Как использовать 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
🙂 14 типов оптических иллюзий по Рудеру
В своей «Типографике» швейцарский типограф и графический дизайнер Эмиль Рудер кроме прочего подробно пишет об оптических иллюзиях, применимых к шрифту. И так как они применимы далеко за пределами шрифтового дизайна, мы предлагаем вам ознакомиться с его классификацией и взять эти иллюзии вооружение
awdee.ru/14-types-of-optical-illusions-according-to-ruder
#awd_edu #awd_typo
📖 Японские самозванцы в узких коридорах вымышленных отелей — Журналус № 363
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Цитаты из книги Design for Cognitive Bias
— Как дизайнеру не бояться нарушать правила
— Большие подробные гайды по новым переменным в Figma
— Почему японские сайты выглядят по-другому
— Интерактивный гайд о техническом устройстве SVG-графики
— Подборка мыслей из книги «Сложный дизайнер»
— Как и зачем проектировать красные ночные интерфейсы
— Почему дизайнеры должны работать напрямую с HTML, CSS и JavaScript
— Большая подборка инструментов для визуализации данных
— Как побороть синдром самозванца и развиваться в дизайне
— Библиотека анимированных эмоджи в стиле Microsoft Fluent Design
— Как цветная наклейка помогает сохранить продукты
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
Серия иллюстраций филиппинца Джона Патрика Ганьясo
Больше картинок: awdee.ru/seriya-illyustratsij-filippintsa-dzhona-patrika-ganyaso
#awd_illustration #awd_art via behance.net/gallery/157958935/ATLA-Styles-Series
Супер-инклюзивная таблица для проверки зрения
Подходит для носителей почти всех европейских языков, японского, китайского, русского и иврита, а так же для детей и неграмотных
Джордж Майерл, 1907 год
via
Леттеринг Ольги Паньковой из Москвы
Больше картинок: awdee.ru/lettering-olgi-pankovoj-iz-moskvy-2
#awd_lettering via behance.net/gallery/110398625/Lettering-Logo-2020
Ребрендинг школы дрессировки собак 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
Запланируйте покупки в Бюро Горбунова и время на полезные бесплатные события с 17 по 23 июля
Середина лета приближается! Вместе с преподавателями бюро ребята запланировали интересные бесплатные онлайн‑встречи, расписание которых будет в понедельник, 17 июля.
А если вы давно хотели поступить в Школы бюро, записаться на подготовительные курсы, оформить подписку на лекции, электронные книги или полки — сделайте это с 17 по 23 июля. Вас ждёт сюрприз :‑)
Оставить почту, чтобы не пропустить сюрприз
#промо
Масляные картины Момо Йошино, вдохновлённые оригами
Художница Момо Йошино окончила токийский Университет искусств Тама и училась по обмену в Королевской академии искусств в Лондоне
В серии картин под названием «Бумага» Йошино искусно воспроизводит линии и тени, которые появляются при складывании оригами. Таким образом она создаёт оптические иллюзии на плоских холстах, а с помощью правильного расположения света и теней усиливает их
Больше картинок: awdee.ru/maslyanye-kartiny-momo-joshino-vdohnovlyonnye-origami
#awd_art via instagram.com/yoshinomomo
👨🎨 Ещё 17 Figma-инструментов для создания градиентов
Мы уже публиковали плагины для работы с градиентами. Для новой подборки мы собрали генераторы, с помощью которых вы сможете cоздавать градиентные сплайны и зернистые градиенты, управлять насыщенностью и плавностью градиентов, выбирать цвета градиентов и многое другое
Мы также добавили библиотеки с готовыми градиентами, которые позволяют в один клик делать градиентные заголовки, использовать градиенты с эффектом блюра и быстро добавлять градиенты на UI-элементы
awdee.ru/17-figma-tools-for-creating-gradients-more
Первая часть: awdee.ru/10-figma-plugins-gradients
#awd_figma #awd_tool #awd_color #awd_gradient
🙂 17 лекций по продуктовому и веб-дизайну
В подборку вошли выступления дизайнеров, арт-директоров и основателей студий, в которых они рассказали о сути работы UX/UI-дизайнера и дизайнера продуктов, об инструментах, создании Customer Journey Map, взаимодействии с разработчиками, элементах геймификации, адаптивном дизайне, анимации в интерфейсах и многом другом
awdee.ru/17-lectures-on-product-and-web-design
#awd_edu #awd_lecture #awd_ux #awd_ui #awd_web
3 неожиданных покрытия Порше 911 бразильского 3D-художника Тьяго Таллманна
Больше картинок: awdee.ru/3-neozhidannyh-pokrytiya-porshe-911-brazilskogo-3d-hudozhnika-tyago-tallmanna
#awd_3D #awd_illustration #awd_art via abduzeedo.com/the-legendary-911-made-fabrics
🔥 UX-студия Everest ищет Senior UX/UI Designer
Everest — мощный эксперт в области аналитики, сервисного дизайна и разработки цифровых решений с фокусом на UX. Топ-15 лучших дизайн-студий России.
Компания растёт и для усиления команды требуется опытный, сильный и энергичный Senior UX/UI-дизайнер, который любит новые вызовы и сложные проекты.
Если ты:
— имеешь классное портфолио;
— умеешь работать со смыслами;
— работаешь от задач бизнеса, создаёшь красивые и удобные решения;
— понимаешь важность аналитики и строишь работу, опираясь на неё;
— можешь объяснить как приходишь к своим решениям, рассказать про процесс и презентовать работу
Значит этот пост для тебя.
Переходи по ссылке, читай детали вакансии и заполняй анкету.
До встречи на собеседовании, будущий коллега ❤️
#промо