Ещё один простой способ сделать тумблер! 🔥

1. Рисуем 2 скруглённых прямоугольника: один длиннее и тоньше, второй толще и короче. Выделяем оба и удаляем контур. 2. Нижний (длинный и тонкий) заливаем серым, а верхний (толстый и короткий) — белым, и накидываем к нему внешнюю тень. 3. Дублируем слайд, двигаем "ползунок" и заливаем нижний скругленный прямоугольник каким-нибудь цветом. Не забываем про трансформацию, иначе переход не будет плавным. #медиаконтент
Video is not supported

Минутка силы случайностей:

Люблю такие примеры. Иногда вижу, чтобы типографика помогала фигуре выглядеть масштабней. Шире и мощнее. Сила оптического эффекта. Посмотрите на фото. Атлет настраивается на выполнение силового упражнения. Какая композиция. Слово Juggernaut за спиной, своими скруглениями полуовалов (bowl) G и R симметрично дополняет ширину дельтовидных мышц атлета Дмитрия Клокова, визуально расширяя плечи. Вот так типографика и работает. Делает сильно — ещё сильнее.

Минутка инструментов:

Разработчик William Candillon выкатил интересное — свою библиотеку для работы с графикой, интерактивным леттерингом в векторе для веб. Redraw — это библиотека 2D-графики, построенная на базе WebGPU. Она поддерживает переменные толщины линий, цветовую градиентную заливку по контурам и физически обоснованный рендеринг. Важной особенностью Redraw является векторное размытие, которое позволяет создавать быстрые эффекты размытия без необходимости растрирования. Это открывает возможности для таких задач, как аналитическое размытие движения или быстрая обработка фоновых фильтров.
Video is not supported

запись вебинара от Вани: "Твой дизайн не актуален без этих приёмов" ❤️

приятного просмотра СВД стартует уже завтра — записывайтесь
💍 В большом продукте хаос начинается не с редких ошибок, а с одинаковых сценариев, которые решают по-разному
Когда команда растет, интерфейсы начинают расходиться почти незаметно. Где-то фильтр живет над таблицей, где-то в шапке, где-то кнопка работает так, а где-то иначе. Пользователь это чувствует как странный и непредсказуемый продукт, а команда тратит все больше времени на одни и те же вопросы. В Ozon Tech хорошо раскладывают, зачем в такой ситуации нужны не просто компоненты, а именно гайды и стандарты проектирования. Это не техническая документация для разработчиков и не «книга правил». Это рабочий инструмент для дизайнеров, который помогает быстро понять, когда использовать паттерн, где он уместен, с чем конфликтует и как не изобретать велосипед в каждой новой задаче. Внутри: – Чем гайд для дизайнеров отличается от технической документации по компоненту; – Почему стандарты нужны не только для консистентности, но и для качества повторяющихся сценариев; – Как выбирать темы для стандартизации и что приоритизировать в первую очередь; – Какие источники стоит собрать до того, как садиться писать гайд; – Как устроена рабочая структура хорошего гайда; – Какие принципы помогают писать документацию, которую реально будут использовать; – Почему визуальное оформление в гайде так же важно, как и сам текст; – Как не превратить стандарты в тюрьму для дизайнеров и оставить место для мышления. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Дизайн стеклянного таб-бара.
Video is not supported
Минутка арт-дирекшен
Посмотрите как круто штрихи логотипа журнам М и их характер совпадают с прядями волос на фотографии режиссера. Такой незаметный способ объединить в целостный по стилю макет обложки сочетая четкие контуры типографики с размытым изображением в динамике. 
Изображение канала: Дизайн-снайпер
Минутка музыки:
Мне приглянулся сам дизайн обложки, заметная «старая школа». Жора Кочегаров посоветовал: Джаз-ансамбль «Сато» — узбекский коллектив, созданный в первой половине 1970-х годов в Фергане. Пластинка была записана и выпущена в 1986 году на ташкентском филиале студии грамзаписи «Мелодия». В альбоме представлены джазовые обработки народных мелодий. https://music.yandex.ru/album/38397951
Изображение канала: Figma Design
Streaming — плагин создает анимацию предзагрузки контента.
Install plugin
Video is not supported
Изображение канала: Профессия Дизайнер
Метод ассоциаций by artsasha_tilda
Разбор популярного метода ассоциаций для создания крутого, необычного дизайна. Вот пример по созданию логотипов таким-же методом: t.me/dsgnru/717 #лайфхак
Video is not supported
Изображение канала: Tilda Publishing News
🆕 Вайб-блок — новый способ создания блоков
Теперь, когда вам потребуется добавить на сайт сложную анимацию, интерактивный калькулятор, слайдер, инфографику или форму со сложной логикой, не придётся разбираться в коде. Просто опишите, что хотите получить — и ИИ сам создаст нужный блок прямо в редакторе. Подробнее о Вайб-блоке рассказываем в блоге 👉 https://blog.tilda.cc/vibe-block Где найти: Библиотека блоков → Другое → Вайб-блок Ещё не тестили Вайб-блок? Попробуйте его в действии! #tildaupdates
Video is not supported
Video is not supported
Video is not supported