Size: a a a

Тильдошная

2021 November 30
Тильдошная
Подборка плагинов для Figma

Figmiro
— экспорт и синхронизация кадров из Figma в Miro позволит быстро обновить макеты и выпустить новые версии.
Install

Fignotes — превращает Figma в совместное пространство для организации и синтеза заметок
Install

Moodz — может помочь быстро создавать доски настроения прямо в Figma
Install

Vivid Gradient — позволяет создавать более яркие и насыщенные градиенты.
Install

Thumblisher — простой  способ ресайзить фрейм под разрешение разных постов соц сетей
Install
источник
2021 December 01
Тильдошная
Простая, но интересная анимация, которая отлично будет смотреться в совокупности с хорошей задумкой.

Что здесь?
🔍Сделали маску в фигме из прямоугольника и круга, сохранили в svg.
(Как сделать маску — создали два обьекта, центрировали их между собой, выделили оба и выбрали в этом случае «exclude selection» вверху, вот, круг стал «отверстием» в прямоугольнике 😅)

🔍Загрузили маску в шейп, убрали фон. Поставили ему 100% ширины и высоты в window container, центрировали.
🔍 Добавили в step-by-step 2 шага с нужной скоростью и увеличением (duration, scale) и изинг ease out.
источник
2021 December 02
Тильдошная
Привет!
ANNEXX продолжает радовать нас обновлениями.
Теперь — больше 50 анимаций попапов в библиотеке эффектов!

Что ещё для счастья нужно?

👌Чтобы почитать подробнее и посмотреть демонстративное видео, иди сюда : https://t.me/annexx_team/32
Telegram
ANNEXX
Невероятная, ракетная библиотека эффектов
Доступно в режиме подписки

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

А маркетологи? Они регулярно используют попапы, завлекая чуваков по ту сторону экрана. Теперь всплывашки возникают как тени в лесу, рождаясь из ниоткуда. Конечно же управляйте скоростью появления эффектов. Конечно же прикручены превьюшки для удобства выбора.

Кроме анимаций еще есть фон за попапом. Его тоже пилите каким угодно.

В общем, здесь лежит демонстративный видосик. По-прежнему все волшебно, в два клика, без кодов.

П.С. Не стоит переживать, если у вас закончилась подписка, все примененные моды и эффекты продолжат нормально работать. В том числе на клиентских аккаунтах, в т.ч. после передачи проекта.

П.П.С. Осознанно пользуйтесь анимациями) Чтобы не превратить сайт в одеяло из цветных шевелящихся фантиков. Эстетика прежде всего.
источник
2021 December 03
Тильдошная
❄️ В понедельник в Школе Тильды начнется курс Tilda Pro

Это 6-недельный практический курс для дизайнеров на Тильде с опытом. Вы погрузитесь в принципы дизайна и изучите все тонкости работы в Zero Block.

А еще за время курса вы сделаете 3 сложных проекта для портфолио под руководством кураторов — Максима Ширко, Дениса Потапова, Кирилла Жаркого и Дениса Сезёмова.

Подробнее о курсе: https://tilda.school/pro

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

Он пройдет завтра (в субботу) в 16:00 по Москве или 15:00 по Киеву.

👉 Ссылка для записи на открытый урокСсылка для записи на открытый урок
источник
2021 December 04
Тильдошная
Рубрика для вдохновения и насмотренности

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

Сегодня подборка от @web_assistant :@web_assistant :
Эстафету принял, Насть:)
Хотелось бы поговорить о такой важной составляющей в web-дизайне как подвал сайта (footer).

На мой взгляд этот момент сильно недооценен web-дизайнерами, если смотреть на ситуацию в целом. Создается ощущение, что дизайнер устал или "о, ну наконец-то сайт закончился, можно расслабиться". Это ни в коем случае делать не стоит, ведь подвал сайта — это как фундамент любого строения. Если его убрать, здание развалится.

Хочется верить, что моя подборка немного вдохновит и поменяет мышление многих ребят по этому поводу:)

Эстафету передаю Саше Худовой @sasha_khudova.@sasha_khudova. Саша, лови неждан:) Уверен, у тебя есть чем удивить.
источник
Тильдошная
источник
Тильдошная
источник
Тильдошная
источник
Тильдошная
источник
Тильдошная
источник
Тильдошная
источник
Тильдошная
источник
Тильдошная
источник
Тильдошная
источник
2021 December 06
Тильдошная
Параметрические паттерны

Это сложные, повторяющиеся и смещающиеся узоры.
Примеры часто можно найти как на пинтерест или дрибббл, так и на постерах и сайтах. (Ниже будет парочка примеров)

Чтобы попробовать подобное,
в Figma есть плагины Looper Legacy и Looper. Оба плагина похожи, но немного по-другому строят объекты, имеет смысл попробовать оба и сравнить.

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

Дальше все зависит только от вашей фантазии)
источник
Тильдошная
источник
Тильдошная
источник
Тильдошная
источник
Тильдошная
источник
Тильдошная
источник