Адаптивные привязки в Фигме. Совершенно неочевидное решение обычной проблемы для универсальных компонентов. Хороший лайфхак от Леши.
#figma #video #tips
https://youtu.be/eer8mhFAT1U

Всенаука выложила в открытый доступ 40 отличных научно-популярных книг. Полностью легально, книги очень хорошие, можно сказать лучшие по теме. От Стивена Хоккинга до Роберта Сапольски. Сверху есть ссылочка, можно скачать сразу все книги, если так удобнее. Все книги в четырех форматах, под любые читалки. #books #science

https://vsenauka.ru/knigi/besplatnyie-knigi.html

Ребята их XYZ рассказали про методы оптимизации в играх, занимательно для общего понимания. #gamedev
https://www.youtube.com/watch?v=QP1LmFq2VNU

Nike представил новые кроссовки Nike Go FlyEase, которые надеваются и снимаются вообще без использования рук. Думаю, стоило их назвать hands-free.
Для меня это повод зайти из пумы в найк 😍

Как вам?

Берлинское Айти. Хотя на самом деле про вообще всё айти.

Забавная статья, есть маты, есть много субъективного. Но все-равно годно про айти :)
https://vas3k.ru/notes/berlin_it/

Очень полезное видео для новичков от Леши Бычкова. В очень далекие времена, когда не было курсов, обучений, а инструмент у дизайнера был только фотошоп: самый лучший, практический и быстрый вариант научиться техдизайну и отрисовке UI — взять в сети какую-то очень крутую картинку и начать ее отрисовывать, походу решая и угадывая ходы как это было сделано и чем. Что-то отрендерить, что-то отрисовать из рефа, что-то обработать, а для чего-то придумать свои приемы. За, буквально, пару таких упражнений получалось впитать очень много опыта и на выходе получить достойный результат. Повторять было всегда проще чем замотивировать себя придумать и сделать с нуля, а опыт при этом оставался и со временем перетекал в свой личный скилл. Рекомендую прктиковать такой подход, чтобы поднять хардскилы, это ТОП1 способ научиться.

https://youtu.be/J63LG8IJCj0

Немного про UX. Как вам такая интерактивная проекция, организующая пассажиров выходящих на посадку в зависимости от мест в салоне самолета в бразильском аэропорту?

✈️ Помимо прочих плюсов — никто не будет влезать в очередь, нарушать личное пространство.

Teaser Kaldheim – Magic: The Gathering

Крутой видеоряд от UNIT MOTION DESIGN
Vimeo аккаунт студии

#motiondesign #aftereffect #inspiration

Подборка доступных нейронок, которые можно использовать прямо сейчас. В видео к каждой нейронке есть пример работы, что позволяет легко оценить стоит ли она экспериментов, по моему есть вполне адекватные. Может быть у вас есть нейронки, которыми пользуетесь, поделитесь в чатике канала, интересно что вообще существует.
https://www.youtube.com/watch?v=su-x3CDUNus


Сам список для удобства:
1. Придумывает названия для стартапов
2. Убирает фон с фотографий довольно точно
3. Николай Иронов от студии Артемия Лебедева
4. Нейронка рекомендует фильмы, книги и музыку
5. Нейронка NVIDIA для ретуши
6. Генерирует несуществующих людей с каждым обновлением страницы
7. Генерирует котов
8. Помогает рисовать
9. Диктор мейлру
10. Замена лиц в браузере
11. Генерирует фотомоделей и одежду
12. Убирает людей из видео
13. Делает черно-белые изображения цветными в один клик
14. Апскейл маленьких фотографий
15. Приложение для ПК и смартфонов, вырезает сфотографированные объекты

Интересный прием на DeviantArt

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

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

Как донести до коллег,
что дизайнер — не просто оператор Фотошопа?


Здравствуйте!

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

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

Как донести до коллег мысль, что дизайнер это ещё и инженер, а не просто оператор Фигмы или Фотошопа?

---
А вот ответ Ильи Бирмана рекомендую прочесть на сайте Бюро. Считаю что ответ немного шире самого вопроса и, помимо, основной проблемы затрагивают профессионализм, как скилл. Когда дизайнер перестает путать свои собственные мотивы с потребностями клиента.

Плагин для фигмы Now inside!
Стандартная ситуация, когда объекты оказались вне фрейма, т.к. центр вне его, но нужно чтобы они все-таки были внутри.

Выбирайте фрейм, слои для вставки и запускайте плагин. Полезная штука. 👌

Установить плагин

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

Я не раз проходил этот цикл, до тех пор пока не нашел систему, которой мне комфортно пользоваться в любых ситуациях и в самых разных проектах. Она гибкая, наглядная и удобная с точки зрения ориентации в файле. И что самое важное — она очевидна для тех, кто заходит в файл впервые!
Система построена на разделении всех страниц на базовые типы. Каждый из типов имеет свой эмоджи для четкого визуального разделения:

1. Продакшен — итоговые макеты, готовые к разработке;
2. Черновик — макеты, которые находятся в процессе работы;
3. Презентация — прототипы для показа;
4. Архив — вспомогательная страницы для сбора ненужных в текущий момент макетов;

Для дополнительного отделения типов создаем пустую страницу и вставляем в название какие-нибудь символы на свое усмотрение. Я чаще всего использую: «• • •» или «/ / /».

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

Я называю страницы, в соотвествии тому, как называются задачи в Jira. Если название сложное или длинное, то пишу кратко в двух словах и добавляю номер задачи, например: Фильтры #220.

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

Когда все завязано на версиях, то просто создаем страницу продакшена с нужной версией в названии и собираем там итоговые макеты.

Если же разработчики пилят по задачам, то названия в страницах продакшена делаем такие же как и в черновиках. Так будет легче ориентироваться всем участникам.

Бонус
Чтобы упростить поиск страниц или макетов, установите плагин — Figma Walker. Это поисковая строка, которая находит любую сущность в файле, если ввести часть ее названия.

К плагину можно привязать горячие клавиши на macOS. Для этого:

1. Открываем настройки;
2. Выбираем раздел «Keyboard»;
3. Переходим на вкладку «Shortcuts»;
4. Выбираем в списке слева раздел «App Shortcuts»;
5. Нажимаем на плюсик и в появившемся окне заполняем поля, как в скрине (комбинацию клавиш выбирайте на свое усмотрение);

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

Полная статья на Хабре

Figma Gallery

Сайт, на котором собраны крутые иллюстрации, нарисованные инструментами Figmы.

Лично я не разделяю стремление что-то делать не совсем подходящими для этого инструментами, если только ставить во главу угла вызов создания, а не саму иллюстрацию, что странно. И, я бы сказал, может быть логично как коммерческий заказ самой Figma. Но думаю это просто любовь фанатов, к тому же это никак не умоляет тот факт что иллюстрации сделаны круто. А вдохновение это всегда хорошо :).

Сам я вот мечтаю что фигма даст когда-нибудь возможность не обращаться за растровыми фишками к фотошопу. Уж очень не удобно открывать монстра.

www.figma.gallery