/designer
15.7K subscribers
405 photos
26 videos
24 files
431 links
Канал про продуктовый дизайн, инструменты и практику. Рекламы нет.

Рубрики: #первые_шаги #для_профи #Figma #майндсет #UX_задача #UI_ревью #дизайн_системы #помоги_беженцам #эмиграция

Форматы: #снек #статья #видео #анонс #видео #подкаст

Автор: @okunev
Download Telegram
Большое обновление DaVinci Resolve 18 с облачной синхронизацией

Продолжаю экспериментировать с темами канала и рассказывать о новых интересных инструментах. Сегодня поговорим о монтаже видео.

Базовое умение монтировать видео для любого дизайнера совершенно необходимо, если есть задача, чтобы портфолио выделялось. Это даёт возможность выбраться из рамки «картинка-текст» и на новом уровне демонстрировать свои работы, показать себя живьём, нарезать 3D-мокапы, делать динамичные титры, накладывать музыку и звуковые эффекты.

Лучшее приложение для старта в монтаже на сегодня — DaVinci Resolve от Blackmagic Design. Оно доступно на macOS и Windows, кроме того, в отличие от сверхпопулярного Premiere Pro от Adobe, оно бесплатно. Модель монетизации продукта строится на продаже профессиональных железок и камер, которые плотно интегрированы с DaVinchi.

Вышла публичная бета DaVinci версии 18, в которой можно синхронизировать работу в реальном времени между несколькими клиентами приложения, как в Figma. Для этого появился режим Multiple User Collaboration, который пока едва ли пригоден для повседневной работы, однако в нём есть большой потенциал. Вот обзор про то, как работает облачная синхронизация в DaVinci от Кейси Ферриса. В видео он и его напарник спотыкаются о шероховатости процесса и веселятся. Коллаборация работает не моментально, но то, что она в принципе возможна в таком сложном продукте — это очень круто. Эта возможность была в предыдущих версиях, но для того чтобы она завелась, нужно было поднимать свой сервер. Теперь всё работает через Blackmagic Cloud даже в бесплатной версии.

Об обновлениях подробно рассказал Женя Тен.

До этого отсматривать сырой материал перед монтажом и коллективно вносить правки можно было в сервисе frame.io, который не является полноценным монтажным приложением.

Да, Premiere Pro всем привычен и позволяет выполнить любую задачу монтажа. Да, для него есть множество плагинов и туториалов, но вкладывать время в его изучение сегодня я бы не стал. DaVinci — один из тех продуктов, которые когда-нибудь позволят отказаться от подписки на Creative Cloud.

Более подробно сравнивал DaVinci и Premiere Pro в своём видео Сабатовский. Спойлер: он сам остался на Premiere Pro, потому что считает себя дедом, не хочет переучиваться, хотя видит минусы Премьера.

Основываясь на своём опыте, я бы подобрал бы эпитеты так:

DaVinci 17 — незнакомый, свежий, технологичный, стабильный, быстрый, бесплатный.

Premiere Pro — привычный, перегруженный, медленный, устаревший, вылетающий, платный, Adobe.

Если есть желание погрузиться в DaVinci, рекомендую часовой крэш-курс от Жени.

Поделись мнением в комментариях: в чём пробовал монтировать? Полезно ли уметь?

#для_профи #монтаж #DaVinci
Сервис Super.so не выдержал мой справочник команд по Figma. После 300 записей в базе сервер стал пятисотить, если запрашиваем весь их список.

Пока пришлось поставить самые широкие фильтры «Все таблицей» и «Все плиткой» в конец меню, так что их можно использовать на свой страх и риск.

UPD: проблему удалось решить уменьшением количества столбцов на каждом из вариантов отображения. Поиск же работает глобально по всему сайту и на него фильтр не влияет.

#Figma #Super #Notion #техническое
На /designer нужен стенографист

Апдейт: набор кандидатов завершён

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

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

Требования: экран Retina или с аналогичной плотностью пикселей, печать слепым методом 80 lvl, хороший письменный русский, желание прокачиваться в дизайне, много свободного времени. Английский будет преимуществом.

Оплата по хронометражу. Будет тестовое на 5 минут видео.
This media is not supported in your browser
VIEW IN TELEGRAM
#UI_ревью
3. Анимация приложения для горных прогулок

Автор:
Iryna Makiievska для Fireart Studio, Польша

Шот в статике

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

Я разделил ролик на 3 условных сцены: онбординг, маршрут и экраны плиткой.

Комментарии по каждой сцене

Инструменты:

1. Blender или C4D для рендера гор. Как сделать похожие горы в Blender

2. Experience Design для сборки макета и экспорта его в After Effects. Можно и в Figma, но сложнее экспорт: Figma → SVG → Illustrator → AE.

3. AE для общей анимации. Как анимировать макет в АЕ

Что круто:

1. Вау-эффект построен на том, что зритель не сможет осознать такое количество движения с первого раза.

2. Вайб ретровейва: cочетание фиолетовых неоновых 3D-гор и UI в тёмной теме.

3. Видео зациклено бесшовно, что даёт ощущение его бесконечности и гипнотизирует.

#первые_шаги #анимация
Сцена 1. Онбординг

Экраны на фоне движутся в тот момент, когда фокус на главном экране. Это создаёт ощущение неустойчивости пространства и иллюзию, что их очень много, хотя фоновых экранов всего 5.

@slashdesigner
Forwarded from Figma
🆕 Новые более удобные и мультиплатформенные сочетания клавиш для часто используемых команд:

1. Вставить и заменить выделенные объекты: Cmd+Shift+R или Ctrl+Shift+R
2. Режим аутлайнов (Outlines), также известный как «помогите я что-то нажал и всё стало вот так, отмена не помогает»: Shift+O
3. Показать/скрыть сетки: Shift+G
4. Показать/скрыть пиксельную сетку: Shift+’ (Shift+Э)
5. Режим растрового предпросмотра (Pixel Preview): Cmd+Shift+P или Ctrl+Shift+P
6. Подняться на уровень выше: \ (обратный слеш или Ё в русской раскладке), альтернатива Shift + Enter

Старые сочетания клавиш для этих команд продолжают поддерживаться. #новое Также напоминаю, что все горячие клавиши и команды без них можно найти в меню поиска Cmd/Ctrl + /
Началась двухдневная конференция Figma Config 2022

Обо всех интересных новых функциях Figma в режиме лайва пишет Глеб Сабирзянов.

t.me/figma/224

Я же пока целиком посвящаю всё время slashdesigner.ru/f и об обновлениях расскажу позже уже более детально.

#Figma #для_профи
Media is too big
VIEW IN TELEGRAM
Design Workout: ежедневные тренировки для дизайнеров

DW ONLINE — это группа Димы Барбанеля, креативного директора и сооснователя Мастерской. Участники каждый день получают задачи на развитие художественного и образного мышления.

Формат максимально удобный: новые задания приходят в телеграм-чате. В конце дня Дима комментирует задание и выборочно оставляет фидбэк. В чате сформировалась дружная комфортная среда.

Здесь можно научиться мыслить непредсказуемо и живо. Лучших участников приглашают работать в Мастерскую.

Стоимость подписки: 3 000 ₽ в месяц. Для читателей канала /designer действует специальный тариф SLASHDESIGNER, который позволяет записаться на два месяца по цене одного. Это около 40 заданий.

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

Ещё подробнее: online.designworkout.ru

Принять участие: @DW_online_bot

#полезная_реклама #для_профи
#анонс #стрим 3. Проектирование: Как генерить гипотезы

Сегодня, 26 мая, в четверг в 20:00 по Москве проведу голосовой стрим об идеях, которые рождаются сами, но в определённых условиях.

Откуда мы как проектировщики их придумываем?

Как начать видеть возможности для улучшения продукта, если такого навыка пока нет?

Как быстро проектировать логику в Figma на блоках?

Как разложить любой продукт на операционном столе и начать видеть его как иерархическую систему?

Если останется время, вместе исправим логику ужасного флоу покупки билета на электричку, для которого я наснимал скриншотов (см. про подход реверс-дизайн). Приветствую вопросы в эфир.

Запись будет только в аудио, также останется фигма-файл.

Ориентируемся уложиться в 1 час. Уровень: для младших дизайнеров. Но приглашаю и профи, которые хотят дополнить меня и интересно подискутировать по теме.

#первые_шаги #UX
Live stream scheduled for
Live stream started
Начинаю стрим через 5 минут, пока настраиваемся.

Файл с ужасным флоу покупки билета, на котором будем тренироваться. Туда же добавил компоненты для сборки флоу.

Вопросы можно задавать в комментариях к этому посту или в эфире.
Live stream finished (1 hour)
Media is too big
VIEW IN TELEGRAM
Видео: Запись стрима «Как генерить гипотезы»
Обсуждение, флоу билета в Фигме,
мои компоненты для сборки флоу в Комьюнити.

Позже выложу выжимку.

Итог: инструментарий Телеграма пока недостаточен для проведения таких онлайнов, в которых надо рисовать, а отдельно писать экран не стал, чтобы не переусложнять сетап.

Следующие похожие мероприятия буду проводить сразу в Зуме.

#первые_шаги #UX
2022-05-26
/designer
Звук: «Как генерить гипотезы»