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
👍39🔥23👎1
Обновление стиля европейской интернет-биржи NL-ix
NL-ix была основана в 2002 году. Она объединяет крупные центры обработки данных практически во всех европейских странах
Зелёный цвет на чёрном фоне и текст в перспективе в научно-фантастической эстетике отсылают к миру цифровых технологий и скорости. При этом новый Х-логотип символизирует перекрёсток, который помогает пользователю быстрее ориентироваться в системе биржевых торгов
#awd_idenity via underconsideration.com/brandnew/archives/new_logo_and_identity_for_nl_ix_by_verve.php
NL-ix была основана в 2002 году. Она объединяет крупные центры обработки данных практически во всех европейских странах
Зелёный цвет на чёрном фоне и текст в перспективе в научно-фантастической эстетике отсылают к миру цифровых технологий и скорости. При этом новый Х-логотип символизирует перекрёсток, который помогает пользователю быстрее ориентироваться в системе биржевых торгов
#awd_idenity via underconsideration.com/brandnew/archives/new_logo_and_identity_for_nl_ix_by_verve.php
❤🔥17👍4🔥2
Мы перевели статью Энтони Хобдея, в которой вы найдёте ответы на вопросы о том, какое значение яркости и насыщенности задать цветам в дизайне, какова оптимальная длина строки, как расположить элементы в зависимости от их визуального веса, правильно выбрать цвет для обводки контейнера, рассчитать значения для создания аккуратной тени, определить размер внешних и внутренних отступов и многое другое
awdee.ru/25-visual-design-rules
#awd_article #awd_web #awd_ui #awd_color
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
25 правил визуального дизайна, которые можно смело применять в любом проекте — Оди. О дизайне
Мы перевели статью Энтони Хобдея, в которой вы найдёте ответы на вопросы о том, какое значение яркости и насыщенности задать цветам в дизайне, какова оптимальная длина строки, как расположить элементы в зависимости от их визуального веса, правильно выбрать…
🙏10🔥6👍4❤🔥2❤1
Фирменный стиль Хлои Уилсон
Хлоя Уилсон — стилист и арт-директор из Мельбурна. В своих работах она исследует взаимосвязь между пространством, текстурой и формой
Хлоя часто меняет стиль работ, поэтому дизайнеры австралийской студии Both разработали гибкий дизайн визиток, поверх которых можно наклеивать любые изображения и со временем добавлять новые
Аналогично в фолианте с вырубкой можно быстро изменять состав работ, когда это необходимо
#awd_idenity via behance.net/gallery/107963521/Chloe-Wilson
Хлоя Уилсон — стилист и арт-директор из Мельбурна. В своих работах она исследует взаимосвязь между пространством, текстурой и формой
Хлоя часто меняет стиль работ, поэтому дизайнеры австралийской студии Both разработали гибкий дизайн визиток, поверх которых можно наклеивать любые изображения и со временем добавлять новые
Аналогично в фолианте с вырубкой можно быстро изменять состав работ, когда это необходимо
#awd_idenity via behance.net/gallery/107963521/Chloe-Wilson
🔥12👍3