Папки с дизайн-каналами

На сцене телеграм-каналов про дизайн произошло кое-что интересное. В новой версии Телеграма теперь можно делиться папками с набором своих каналов.

Первым среагировал автор канала Это Лёша, поделившись своей папкой каналов.

Она быстро обросла всеми-всеми-всеми каналами, которые Лёше накидали в комментарии. В ней уже можно найти более 150 каналов и их количество продолжает увеличиваться.

Люди стали добавлять папку, подписываясь на все каналы, которые в ней были, а сама ссылка неплохо разошлась. Это привело к тому, что вошедшие в неё каналы получили мощный бесплатный буст аудитории, иногда на несколько сотен читателей, и я думаю, это только начало. В папку попал и @slashdesigner, за что спасибо Лёше. Эта папка — довольно подробный слепок того, что я называю русскоязычной дизайн-сценой Телеграма.

Не факт, что тебе на неё надо подписываться, особенно, если каунтер непрочитанных сообщений вызывает беспокойство. Как сказала моя супруга: «Мой мозг не заслужил, чтобы в него срали оптом».

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

Папка: Dsgn от Лёши, 150+ каналов
Самый полный набор каналов по графике, продуктовому и веб-дизайну, включая маленькие.

Выпускаю аналогичную подборку каналов от нашего проекта:

Папка: Дизайн-каналы от /designer, 84 шт
В неё вошли каналы, которые читаю сам и готов рекомендовать. Продуктовый дизайн, немного графики, менеджмента, моушн-дизайна и 3D. Минимум каналов с агрессивной рекламой.

Папка: Дизайн-чаты, 10 шт
Здесь тематические чаты по дизайн-инструментам, включая чаты /designer.

По поводу публичных папок есть соображения, которые изложу в комментариях к этому посту бонус-треком:

1. Папки повышают прозрачность телеграм-сообщества для читателей

2. Мощный механизм увеличения аудитории для авторов

3. Мощный инструмент продвижения каналов

4. Общие папки — фактор, который обесценивает количество подписчиков

@slashdesigner #для_профи #каналы

Анимация градиентов №1, подробнее

#файл Как сделать анимацию градиентов

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

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

Файл в Community →

В этом файле можно посмотреть, как устроена раскадровка, какие анимации настроены, из каких объектов всё состоит.


Что использовал

- Шейпы разной формы: Rectangle, Ellipse, Polygon. Для рисования треугольников произвольной формы — Pen.
- Все шейпы обёрнуты компонентами для облегчения контроля над ними
- Смещение координат по X и Y для движения компонентов
- Масштабирование компонентов — Scale
- Изменение ширины и высоты, параметры Width и Height
- Вращение объектов — Rotation, чтобы создать дополнительное разнообразие в движении
- Набор стилей Blurs, которые позволяют накладывать типовые эффекты размытия с радиусом от 100 до 400
- Логотип с градиентом, слой которого в режиме наложения Color Dodge. Движение градиента под этим слоем создаёт блики, будто логотип состоит из стекла.


Что понял

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

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

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

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

Если тема c градиентами зайдёт, сделаем видео-обзор. Приглашаю обсудить в комментариях!

@slashdesigner #первые_шаги #Figma #UI