Что такое визуальное повествование
и что у него общего с дизайном сайтов и интерфейсов

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

Сегодня я бы хотел немного рассказать про визуальное повествование в кино и как оно перекликается с дизайном сайтов и интерфейсов.

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

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

Если брать конкретный и более простой пример, то в начале мультфильма «Суперсемейка» от студии Pixar, после того как Мистер Исключительный ушел на покой из-за появления закона о запрете супергероев, он начинает работать в крупной страховой компании. Обратите внимание на то, какая цветовая гамма используется в этих сценах, а также как пространство стесняет героя. Эти визуальные приемы дают интуитивно понять зрителю, что герою не нравится его работа и что ему скучно. Но после того как он возвращается к супергеройской деятельности, картинка обретает гораздо больше цветов, а пространства вокруг героя становится больше, что как будто дает герою легче дышать. Это и есть визуальное повествование.

В одно сообщение не влезло, поэтому завершение и ссылки на видео-эссе в комментариях
↓ ↓ ↓

#interesting

Функции, которых мне не хватает в телеге

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

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

* Архив постов. Было бы очень полезно заархивировать пост в канале и потом, при надобности, вернуть его обратно.

* Чек-листы. Думаю, многие люди, как и я, часто используют сохраненные сообщения в Телеграме как списки дел, и было бы очень удобно, если бы появилась возможность сделать эти списки чек-листами.

* Настройка статуса по времени. Это, конечно, не такая полезная функция, как предыдущие, но было бы прикольно настроить себе статусы по времени, например, с 10 до 18 — эмодзи с работой, а с 20 до 22 — спортзал, и с 0 до 8 — сон.

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

А вам каких функций не хватает в тг?

#features #concept

FigJam Connectors

Хей, привет! Сегодня хотел бы поделиться небольшим лайфхаком в Figma, который не совсем очевиден, но достаточно полезен. При описании User Flow я часто использую коннекторы из Figma Jam, потому что у них есть некоторые прикольные фишки, которые экономят время:

* У коннекторов есть элементы, которые позволяют быстро настраивать их горизонтальное или вертикальное положение

* Они коннектятся напрямую к элементу, и если его переместить, то стрелка останется привязанной, что очень удобно

* Если два раза нажать на линию коннектора, то там можно написать текст. Бывает полезно, если нужно написать дополнительный комментарий

К сожалению, сам процесс переноса стрелок из Figma Jam не очень удобен. Для этого в Jam-файле нужно создать два объекта и установить коннектор между ними, затем это все скопировать и вставить в обычный Figma-файл. А в следующие разы коннекторы можно копировать из того файла, где их последний раз использовали.

Записал небольшой скринкаст на 50 сек, где показал, как работают все 3 пункта.

#features #concept