👨‍🎨 14 Figma-плагинов для экспорта дизайна в HTML

Мы собрали лучшие бесплатные плагины для Figma, которые позволяют быстро настроить экспорт макетов из Figma в широко используемые сервисы для прототирования и запуска готовых сайтов

Они помогают избежать ошибок при ручной конвертации, автоматизировать рутинные этапы экспорта, сэкономить процесс запуска продукта, реализовать различные идеи при небольших бюджетах и в целом обойтись без помощи разработчика

awdee.ru/14-figma-plugins-for-exporting-designs-to-html

#awd_figma #awd_tool

🙂 Прототипы в дизайне

Сегодня в рубрике «Термины дизайна» мы поговорим о прототипах. Прототип — широкое понятие, которое присутствует чуть ли не во всех областях дизайна. Прототипы бывают очень разные, и мы не претендуем на полноту охвата этого термина в рамках одной статьи. В ней мы сосредоточимся на прототипах в дизайне сайтов и приложений

Прототип — предварительная версия цифрового продукта, которую дизайнер тестирует с пользователем, чтобы оценить его удобство и привлекательность на раннем этапе. Тем самым он устраняет ошибки до детальной проработки всех макетов и, тем более, до передачи проекта в разработку

В качестве инструмента проверки идей прототип применяют на разных стадиях проекта. К тому же есть много сервисов для прототипирования. Они помогают дизайнерам быстро создавать прототипы и анимировать их без участия разработчика, что значительно снижает стоимость проекта

В статье мы собрали лучшие статьи, уроки, инструменты и Figma-плагины для работы с прототипами

awdee.ru/design-prototypes

#awd_article #awd_edu #awd_terms

👨‍🎨 Как создать индикатор загрузки в Figma

Пошаговый двухминутный урок Виджая Вермы по созданию скеоморфного индикатора загрузки с применением условий (conditions) и переменных (variables)

Шпаргалки со значениями всех параметров прилагаются: awdee.ru/how-to-create-a-loader-in-figma

twitter.com/realvjy/status/1677281849431793664

#awd_edu #awd_figma

🙂 Японские киноплакаты к фильмам Тарковского

В новой статье Егор Цеманек анализирует японские плакаты, которые рекламировали фильмы Тарковского. На примерах он показывает, как дизайнеры расставляли акценты и какие формы, шрифты и цвета применяли, чтобы не только отразить смысл фильма, но и добавить композиции эмоциональной напряжённости

awdee.ru/japanese-movie-posters-for-tarkovskys-films

#awd_article #awd_retro

📖 Что общего у диджитал-тотема и парадигмы носимого ИИ — Журналус № 366

Свежая подборка самого калорийного контента для арт-директоров и дизайнеров

Внутри, кроме прочего:
— Цитаты с переводом на русский из книги Софии Байер «Reading Letters: designing for legibility»
— Что такое статические антиквы и есть ли хорошие варианты в Google Fonts
— Как появился тренд Bento в дизайне интерфейсов и чем он хорош
— Как устроены цветные шрифты, где их найти и как ими пользоваться
— Почему важно использовать индикаторы загрузки в интерфейсах
— UX-тонкости при проектировании телеграм-бота
— Подборка статей и видеоуроков о проведении удалённых юзабилити-тестов
— 10 приёмов для создания оригинального дизайна от Полы Шер
— 4 практических шага для проектирования голосовых интерфейсов
— Часовое видеоэссе об эстетике нулевых
— Курируемая подборка корпоративных иллюстраций от крупных компаний
— Инструкция по созданию тёмной темы с помощью переменных в Figma
— Записи с конференции Avito Design Talk
— Генератор сложных градиентов на CSS

Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков

🙂 Советская бумажная архитектура 80-х годов

Егор Цеманек написал новую статью об архитектуре, которая получила своё воплощение на бумаге. В ней он не только показал потрясающие примеры концептуальной архитектурной графики, но и разместил рассказ главных представителей бумажного движения о том, как оно возникло, как развивалось и в чём состоял его смысл

awdee.ru/soviet-architectural-graphics-of-the-1980s

#awd_illustration #awd_art #awd_article #awd_retro

Трейлер новой игры «Принц Персии: Потерянная корона»

Динамичный ролик, в котором отлично сочетаются 2D и 3D-анимации

📼 youtu.be/wxP9Mx3AdEk

#awd_video #awd_3D