This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
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
Зандер работал UX/UI-дизайнером в Hotjar, а в 2020 году запустил первый онлайн-курс, который в итоге превратился в большой учебный проект для веб-дизайнеров Memorisely
Зандер — позитивный парень и в социальных сетях показывает живые встречи с командой, своё красивое рабочее место и самое главное — выкладывает короткие пошаговые видеоуроки по анимации элементов дизайна в Figma в формате «Supafast»
Мы выбрали 10 интересных 30-секундных уроков, которые на практике помогут быстро разобраться, как анимировать в Figma:
— Анимация градиентов
— Появление текста
— Создание и анимация градиентного заголовка
— Анимация текста по кругу
— Анимация смены цветового контраста на картинке
— Анимация жидких кнопок
— Создание и анимация 3D-кнопки
— Дизайн забавных гамбургер-меню
— Создание и анимация изогнутого слайдера
— Анимация иконки со звуковым эффектом
#awd_figma #awd_edu #awd_motion
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍49🔥15❤4
This media is not supported in your browser
VIEW IN TELEGRAM
Cтиль и динамический логотип московского издательства Гелиос
В древнегреческой мифологии Гелиос — бог солнца и его олицетворение. Поэтому главной визуальной метафорой стал гибкий анимированный логотип, который сочетает в себе два образа: солнца и открывающейся/закрывающейся книги
Дизайн разработала российская студия omsky
Больше картинок: awdee.ru/ctil-i-dinamicheskij-logotip-moskovskogo-izdatelstva-gelios
#awd_identity #awd_logo via logodesignlove.com/helios-publishing-house
В древнегреческой мифологии Гелиос — бог солнца и его олицетворение. Поэтому главной визуальной метафорой стал гибкий анимированный логотип, который сочетает в себе два образа: солнца и открывающейся/закрывающейся книги
Дизайн разработала российская студия omsky
Больше картинок: awdee.ru/ctil-i-dinamicheskij-logotip-moskovskogo-izdatelstva-gelios
#awd_identity #awd_logo via logodesignlove.com/helios-publishing-house
🔥66👍14❤8
Forwarded from Design Prosmotr
Старт нового сезона: 23-23 сентября — Москва, 7-8 октября — Питер!
2 столицы, 4 дня, 24 спикера, 1000+ гостей — Design Prosmotr врывается в новый сезон вместе с незабываемыми креативными выходными. Эту осень проведем в кругу единомышленников, разбирая принципы вдумчивого дизайн, обмениваясь опытом и идеями с профессионалами индустрии.
Дизайнеры со всей страны на два дня станут частью самой крупной дизайн-тусовки. 2 дня, наполненные актуальными лекциями от экспертов с большим опытом. А после лекций общение и практика: интенсивы с прокачкой скиллов по брендингу и мобильным приложениям и афтепати в кругу спикеров и коллег для самых честных разговоров.
Уже сейчас дизайнеры оформляют предзаказ на сайте designprosmotr.ru. Они знают: у кого предзаказ, тот первым узнает точные дату и время закрытого старта продаж, когда можно урвать самые дешевые билеты. Дальше — больше. Чем меньше свободных мест, тем выше цена.
🔥 Предзаказ — твой бесплатный путеводитель к самым дешевым билетам: designprosmotr.ru
2 столицы, 4 дня, 24 спикера, 1000+ гостей — Design Prosmotr врывается в новый сезон вместе с незабываемыми креативными выходными. Эту осень проведем в кругу единомышленников, разбирая принципы вдумчивого дизайн, обмениваясь опытом и идеями с профессионалами индустрии.
Дизайнеры со всей страны на два дня станут частью самой крупной дизайн-тусовки. 2 дня, наполненные актуальными лекциями от экспертов с большим опытом. А после лекций общение и практика: интенсивы с прокачкой скиллов по брендингу и мобильным приложениям и афтепати в кругу спикеров и коллег для самых честных разговоров.
Уже сейчас дизайнеры оформляют предзаказ на сайте designprosmotr.ru. Они знают: у кого предзаказ, тот первым узнает точные дату и время закрытого старта продаж, когда можно урвать самые дешевые билеты. Дальше — больше. Чем меньше свободных мест, тем выше цена.
🔥 Предзаказ — твой бесплатный путеводитель к самым дешевым билетам: designprosmotr.ru
❤3🔥2👍1👎1😡1
Серия курьёзных спортивных 3D-иллюстраций Виктора Пяткина из Харькова
Больше картинок: awdee.ru/seriya-kuryoznyh-sportivnyh-3d-illyustratsij-viktora-pyatkina-iz-harkova
#awd_illustration #awd_art via behance.net/gallery/162716273/Sport-Show
Больше картинок: awdee.ru/seriya-kuryoznyh-sportivnyh-3d-illyustratsij-viktora-pyatkina-iz-harkova
#awd_illustration #awd_art via behance.net/gallery/162716273/Sport-Show
🔥27🤣3😁1
Конспект выступления Влада Магдалина на Awwwards Conference в Сан-Франциско. Влад — один из основателей Webflow, инструмента для создания сайтов без кода
awdee.ru/kto-sdelaet-sleduyushhij-milliard-sajtov
#awd_article #awd_web
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Кто сделает следующий миллиард сайтов? — Оди. О дизайне
Конспект выступления Влада Магдалина на Awwwards Conference в Сан-Франциско. Влад один из основателей Webflow — инструмента для создания сайтов без кода. Вступление Вначале Влад показал две фотографии с дочерью. Первая была сделана, когда Webflow только запустили…
🔥4👍1
Бесплатная коллекция из 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
В магазине мокапов 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
❤27🔥8
Серия плакатов для фильма Уэса Андерсена «Французский вестник»
Классный пример единого стиля и талантливой работы с композицией
Больше плакатов: 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
Классный пример единого стиля и талантливой работы с композицией
Больше плакатов: 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
❤31🔥8👍4
Ребрендинг школы дрессировки собак Bow Wow Academy
Bow Wow Academy находится в Ванкувере и специализируется на методах обучения собак с помощью положительного подкрепления и без применения насилия
Что касается нового фирменного стиля, это как раз тот случай, когда при взгляде на логотип сразу понимаешь, чем занимается компания и как себя позиционирует. В нём двойная «W» служит собачьими лапами и отлично сочетается с игривым названием бренда. Примечательно то, что лапы «WW» в логотипе меняются в зависимости от породы
Яркое цветовое кодирование — темно-зелёный оттенок сочной травы, салатовый цвет теннисного мяча, энергичный розовый и светло-бежевый цвет косточки для собак — отлично дополняет логотип и создает вайб активности и озорства
Больше картинок: awdee.ru/rebrending-shkoly-dressirovki-sobak-bow-wow-academy
#awd_identity #awd_logo via underconsideration.com/brandnew/archives/new_logo_and_identity_for_bow_wow_academy_by_rethink.php
Bow Wow Academy находится в Ванкувере и специализируется на методах обучения собак с помощью положительного подкрепления и без применения насилия
Что касается нового фирменного стиля, это как раз тот случай, когда при взгляде на логотип сразу понимаешь, чем занимается компания и как себя позиционирует. В нём двойная «W» служит собачьими лапами и отлично сочетается с игривым названием бренда. Примечательно то, что лапы «WW» в логотипе меняются в зависимости от породы
Яркое цветовое кодирование — темно-зелёный оттенок сочной травы, салатовый цвет теннисного мяча, энергичный розовый и светло-бежевый цвет косточки для собак — отлично дополняет логотип и создает вайб активности и озорства
Больше картинок: awdee.ru/rebrending-shkoly-dressirovki-sobak-bow-wow-academy
#awd_identity #awd_logo via underconsideration.com/brandnew/archives/new_logo_and_identity_for_bow_wow_academy_by_rethink.php
🔥24👍8🥰3
Перевод статьи Патрика Моргана, где он делится опытом создания презентаций в Figma. Он рассказывает, как правильно организовывать презентации в файлах Figma, выстраивать структуру страниц, оформлять основные слайды, называть фреймы, анимировать их и в каком порядке размещать их на холсте
Информация будет полезна дизайнерам при подготовке презентаций дизайна клиенту, команде или арт-директору, а также создании презентаций для публичных выступлений
awdee.ru/how-i-use-figma-to-craft-better-presentations
#awd_figma #awd_article #awd_career
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Как использовать Figma для создания качественных презентаций — Оди. О дизайне
Перевод статьи Патрика Моргана, где он делится опытом создания презентаций в Figma. Он рассказывает, как правильно организовывать презентации в Figma-файлах, выстраивать структуру страниц, оформлять основные слайды, называть фреймы, анимировать их и в каком…
❤8👍5🔥3🤡1
Плакаты Жени Кишмарии из Москвы
Больше плакатов: awdee.ru/plakaty-zheni-kishmarii-iz-moskvy-2
#awd_poster via behance.net/jkishmaria1aae
Больше плакатов: awdee.ru/plakaty-zheni-kishmarii-iz-moskvy-2
#awd_poster via behance.net/jkishmaria1aae
👍51🔥16❤12❤🔥6🫡1
Обновление айдентики Хьюстонского симфонического оркестра
Новый логотип в виде английской «H» считывается как шейка виолончели, перпендикулярно которой лежит смычок, отбрасывающий тень, что, безусловно, символизирует музыкальную направленность бренда
Дизайнеры также стилизовали его под музыкальные знаки, но таким образом, чтобы он не ссылался ни на один конкретный знак музыкальной нотации и не выглядел шаблонно
Больше картинок: awdee.ru/obnovlenie-ajdentiki-hyustonskogo-simfonicheskogo-orkestra
#awd_identity via underconsideration.com/brandnew/archives/new_logo_and_identity_for_houston_symphony_by_foda.php
Новый логотип в виде английской «H» считывается как шейка виолончели, перпендикулярно которой лежит смычок, отбрасывающий тень, что, безусловно, символизирует музыкальную направленность бренда
Дизайнеры также стилизовали его под музыкальные знаки, но таким образом, чтобы он не ссылался ни на один конкретный знак музыкальной нотации и не выглядел шаблонно
Больше картинок: awdee.ru/obnovlenie-ajdentiki-hyustonskogo-simfonicheskogo-orkestra
#awd_identity via underconsideration.com/brandnew/archives/new_logo_and_identity_for_houston_symphony_by_foda.php
🔥29❤4🍾3
Иллюстрации Ливии Фэлкару из Бухареста
Несмотря на присутствие жизнерадостных и ярких цветов, в своих работах художница старается показать честную реальность, повседневную рутину и выразить глубокие человеческие эмоции
Некоторые клиенты Ливии: 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
Несмотря на присутствие жизнерадостных и ярких цветов, в своих работах художница старается показать честную реальность, повседневную рутину и выразить глубокие человеческие эмоции
Некоторые клиенты Ливии: 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
❤30🔥6👍3
Перевод статьи Елены Бородиной о разработанном ей фреймворке для выбора метода UX-исследования. Елена — UX-исследователь Joom и бывший руководитель команды UX-исследователей Газпромбанка
awdee.ru/kakoj-metod-ux-issledovaniya-ispolzovat
#awd_article #awd_ux
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Какой метод UX-исследования использовать — Оди. О дизайне
Перевод статьи Елены Бородиной о разработанном ей фреймворке для выбора метода UX-исследования. Елена — UX-исследователь Joom и бывший руководитель команды UX-исследователей Газпромбанка. Исследовать UX можно разными способами. Выбор метода зависит от стадии…
🔥10