⭐️ Instagram Stories Big Pack

Большой набор шаблонов сторис и элементов для их создания ℹ Совместимость ⚠️⚠️⚠️ 🏷 #Набор #Instagram #Atom 🪙 КУПИТЬ | 📥 СКАЧАТЬ 💬 @AEChat - есть вопросы по работе в After Effects или Premiere Pro? Пишите в чат!

Mega FX Pack (+1600 FX)

Огромный набор эффектов для After Effects 💾 СКАЧАТЬ #AtomX #VFX #Effects #Elements #Overlays #ColorCorrection #AfterEffects

Mega FX Pack (+1600 FX)

Огромный набор эффектов для After Effects 💾 СКАЧАТЬ #AtomX #VFX #Effects #Elements #Overlays #ColorCorrection #AfterEffects

The General Atomics MQ-1 UAF SEAGULL 3D Model

https://content.desigram.ru/static/4a5d46a6-1a50-4429-87ab-95f1b399cec0.jpg
🔔 Inspiration #120
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 — emmpo.comashfall.studiomonolith.nycvideotoflip.comchewing-gum.tilda.ws ——— — sato-eyewear.comfredhome.com.auatomicmail.iotaxistudio.comaf1.analogueshop.com ——— — mooders.netmashapavina.rutwoislandsco.comaltwerkdesign.comhandycomponents.app ——— — bebop.xyzwondertabs.comhelloklean.comfey.comget-zazu.com ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
https://content.desigram.ru/static/2fdc57b2-77a7-4be7-9bd5-359d039b7db3.jpg
📚 Релиз 1.5.0 (2-е поколение, React) и 1.2.0 (Vue)
Алоха! Первый релиз в новом году. Улучшили работу компонентов и добавили новый пропс 📙 atomaro/vue-ui-kit 1.2.0 и atomaro/ui-kit 1.5.0 — Select: добавлен новый prop deselectEnabled, переключающий возможность отмены выбора при повторном клике на опцию — Modal: Изменены css-стили в компоненте. Убраны статически заданный отступ в контейнере и скругление — Drawer, Modal, Floating Action Button: исправлена работа Overlay. Tеперь при использовании нескольких компонентов на странице оверлеи не накладываются друг на друга — InputDate: При повторном клике на иконку не закрывался календарь. Исправлено — Slider: При включённом disabled можно было выбрать значение по клику на трек. Исправлено 📗 atomaro/vue-ui-kit 1.2.0 — DropdownMenu: Исправлена ошибка, при которой divider выбирался как значение в Select — Tabs: исправлена ошибка рендера табов при использовании цикла
https://content.desigram.ru/static/f5accf87-e7bc-47f6-b9ca-856dc72bc0fb.jpg
🎮 Кроссовер года – официально.
Atomic Heart заколлабилась с сетью магазинов «Пятерочка». Получился шедевр. Бабуля в своем репертуаре. 3Dshnik – Подписаться
дизайн-системы — магия, которая помогает создавать продукт 💡
на этой неделе сразу несколько наших менти спросили про дизайн-системы — как их создавать, внедрять и развивать. в этом посте мы пройдёмся по верхам и расскажем, как сделать дизайн-систему рабочим инструментом и больше никогда не спорить о кнопочках (ну если только чуть-чуть). а если захотите погрузиться в тему с головой или у вас есть другие точки роста — #form">оставляйте заявку и мы подберём для вас ментора мечты. ✦ бывало такое: открываешь макеты, а там у каждого дизайнера свои кнопки, отступы и даже цвета? или ещё веселее — разработчики уже сверстали одни компоненты, а дизайнеры успели придумать другие? в какой-то момент количество утверждённых, полуутверждённых и почти утверждённых стилей становится неуправляемым. тут-то и приходит на помощь дизайн-система. что такое дизайн-система? если совсем просто — это общий язык для всей команды. дизайнеры договариваются с разработчиками об основных элементах: как выглядят кнопки, поля ввода и таблицы, какие используются цвета и шрифты — всё это живёт в одном месте. почему это важно? во-первых, команда перестаёт спорить о мелочах и тратит время на реальные задачи. во-вторых, новые фичи собираются из готовых блоков — не нужно рисовать с нуля. пользователи не теряются в интерфейсе, потому что знакомые элементы везде выглядят одинаково. а ещё дизайнеры с разработчиками наконец-то начинают говорить на одном языке, когда обсуждают компоненты 😊 что входит в дизайн-систему начнём с готовых компонентов — это кнопки, формы, таблицы и другие часто используемые элементы. нарисовал один раз — используй везде. дальше идут стили и правила: цвета, шрифты, отступы. если нужно поменять основной цвет, достаточно сделать это в одном месте, и он обновится во всём проекте. и конечно, нужна документация, которая объясняет, как всем этим пользоваться. она помогает новичкам быстро влиться в проект, а команде — не забыть о правилах. если хотите посмотреть, как это работает в жизни, загляните в material design от google — одну из самых известных дизайн-систем. если вы пользуетесь android-приложениями, то уже видели её в действии. она задаёт не только внешний вид, но и то, как ведут себя элементы интерфейса. как создать дизайн-систему 🥴 для начала соберите все элементы интерфейса и посмотрите, где начинается хаос. обычно дизайнеры удивляются, когда видят, сколько разных вариантов одной кнопки гуляет по макетам. следующий шаг — выделить основные стили: цвета, шрифты, отступы. это фундамент, на котором будет стоять всё остальное. потом можно приступать к библиотеке компонентов. начните с простых элементов, постепенно добавляя более сложные. обязательно документируйте каждый шаг. каждый член команды должен знать, где найти нужный компонент и как его использовать. и конечно, важно договориться об инструментах: дизайнеры обычно работают в figma, а разработчики — например, в storybook. если хотите почитать по теме, советуем начать с atomic design брэда фроста — он отлично объясняет, как собирать сложные интерфейсы из простых компонентов. и обязательно изучите документацию material.io — на примере material design можно многому научиться. дизайн-система — живой организм, а не догма. она должна развиваться вместе с продуктом. удаляйте неиспользуемое, добавляйте новое, следите, чтобы документация всегда оставалась актуальной и у вас всё получится 👍
Atomic - 30 abstract package design
Application Supported: Adobe Photoshop, Dimensions: 3000(w) × 2000(h) px 📂 Download 👈 Hot Illustrator
https://content.desigram.ru/static/6c9452c6-bdb0-485c-9399-5fbb8eed2c03.jpg
🎬 Топ 3 полезных плагина для видео
📌 Premiere Composer Этот плагин – мастхэв для любого монтажёра. Premiere Composer предлагает бесплатную библиотеку переходов, текстовых анимаций и графических элементов, которые можно легко настроить под ваши задачи. 📌 Atom X Плагин включает в себя множество шаблонов, от текстовых плашек до мокапов телефонов и планшетов, которые помогут вам быстро добавлять красивые эффекты в ваши видео. 📌 Red Giant Universe Набор из эффектов хроматических аберраций, VHS и глитч, блюра и много различных рисунков линз. Большинство эффектов из этого пакета — бесплатны😉
https://content.desigram.ru/static/b5337b4a-05b4-4a88-958b-186a0180e4e1.jpg
Итоги съела собака кошка, по этому...
ДАЙДЖЕСТ 2024 ГОДА Пытался выдавить из себя пост с итогами года, но получается натянуто и вымученно. Но закруглить как-то уходящий год хочется, и со спокойной душой уйти нарезать салатики. По этому давайте вместе вспомним, чего интересного и полезного было на канале в этом году в формате дайджеста. ▶️У МЕНЯ ПОЯВИЛСЯ САЙТ Пока там не так много эксклюзивного контента. Но, как минимум, там можно найти все статьи и выступления в одном месте, а также почитать про мой опыт в формате CV и полистать кейсы. ▶️ ВЫСТУПЛЕНИЯ Хотелось бы, чтобы было их больше. Зато, будет хорошая цель на следующий год 😉 Онлайн мини-вебинар на тему мышления абстракциями при проектирвоание дизайн-систем. Попытался рассказать, как мыслю я, почему важно выходить за рамки ограничений реального мира через абстракции и как это помогает масштабировать дизайн-системы, а ещё показал несколько примеров. То самое выступление на Дизайн-выходных про SDUI платформу, MVP которой мы построили во ВкусВилл. Очень нетривиальное решение сразу и многих проблем интеграции дизайна в разработку, и безрелизных изменений, и даже "собственная Фигма". А ещё было много крутых вопросов от зрителей. ▶️ СТАТЬИ Лонгрид в двух частях о том, что такое наследуемые свойства, зачем я их придумал, и как это помогает в SDUI подходе. Часть 1 и Часть 2 Типографика во ВкусВилл — как я организовал работу с текстом в нашей дизайн-платформе. ▶️ ИНТЕРЕСНЫЕ ПОСТЫ Ответ на важнейший вопрос всего ИТ — сколько стоит перекрасить кнопку Весь мой карьерный путь в дизайне. Кто такой дизайнер дизайн-систем Должен ли дизайнер делать CJM и портреты пользователей? Испытание купоном. Наше задание, которым мы тестировали соискателей в формате witeboard. Серия постов про работу с состояниями компонентов: — Состояние фокус, подходы и варианты реализации Нужно ли отображать все состояния в вариантах?Модели состояний. Как можно упростить работу с состояниями сделать их более консистентными. Пост о тенденции к унификации UI в крупных сервисах, а ещё ВИКТОРИНА: Угадай маркетплейс Почему не нужно продумывать всё детально "на берегу", а просто нужно начать делать. Как выбор имени токена может задержать вас на месяцы. Мои мысли про грейды, и как я выстраиваю грейды и роли в своей команде. Система слоёв при проектировании системы всплывающих окон. Много полезного по дизайн-системам: — Референсная палитра — отдельная группа токенов цвета с перечислением всех уникальных оттенков. — Инструменты генерации палитры — небольшой обзор средств по построению растяжек цветов и мой личный опыт. — Семантическая палитра — слой токенов цвета с семантической привязкой. — Сем. палитра во ВкусВилл — пример семантической палитры текущего мобильного приложения ВВ. — Бывают ли неатомарные ДС — рассуждения на тему "Is atomic design dead" — Атомарность в нашей ДС — почему дизайн-система и платформа у нас это разное, и как выстроена атомарность на уровне ДС. — Что такое SDUI — Краткое описание понятия. — Дизайн-токены — что это, и зачем. — Рецепты компонентов — техника описания основных характеристик групп компонентов. Так всего было много, что всё, кажется не поместится. В прошлом дайджесте за первые пол года можно найти ещё много интересного. 🎄🎄🎄 А я всех поздравляю с наступающим новым годом! 🥳 Всем в новом году взрывного роста, красивого UI, логичного и удобного UX, ну и не забывайте мыслить абстракциями! Ну а я обещаю в новом году попробовать писать посты чаще, чем это получается у меня в этом году... но это не точно😁 - - - - #дизайн #дайджест #итоги2024 🛫Канал: UXFLOW • Сергей Мухин | Сайт: uxflow.ru
https://content.desigram.ru/static/677ef93b-44b1-46b6-ab2f-9ba3d2ee77f0.jpg
AtomX Packs Collection 2025
🔥 Понеслись Новогодние Подарки Ё! 🎅🏼🎄☃️🎁🙃 🟣 AtomX Packs - МЕГА пакет, который поможет вам в ваших проектах и ​​сделает ваши видео лучше и очень профессиональными. Это пакет, который работает в After Effects и Premier Pro, и есть все категории социальных сетей, YouTube, профессиональные переходы, слайды, профессионально анимированные тексты и многое другое. Наслаждайтесь ❇️ Пакеты After Effects: AtomX 8000+ High-Quality Motion Templates V8 AtomX 1500+ Transitions for After Effects AtomX Countdown Paper AtomX Hand Drawn Constructor AtomX Ransom Letters AtomX Motion Presets AtomX Text Presets AtomX Social Pack AtomX VFX Effects Pack For AE AtomX Transitions Toolbox AtomX Technology Constructor AtomX 300+ Slides For After Effects AtomX Instagram Stories Big Pack AtomX Collage Kit Constructor AtomX BASE | Transitions and Motion Graphics for After Effects AtomX Text Presets | Atom AtomX Text Effect AtomX Stream Overlays Pack AtomX Shape Elements Library AtomX Seamless Loop Kinetic Posters AtomX Romantic Pack V2.0 AtomX Photo Animator Effects AtomX Motion Graphics Pack // 550+ Animations Pack AtomX Mega FX Pack (+1600 FX) AtomX Medical Constructor AtomX Just Typography Pack AtomX Instagram Stories For Ae AtomX 400+ Vertical Templates For After Effects AtomX iBG | 300+ Loop Backgrounds AtomX History Pack V1 AtomX Graphics Pack Rise v1.0 AtomX 500+ Glitch Assets For After Effects AtomX FRACTAL X | 650+ Glitch Pack AtomX Big Pack of Typography AtomX 900+ Backgrounds For After Effects AtomX MegaMotion | Animation Motion Presets AtomX 4500+ Graphics Pack 25010010 V5 AtomX 1000+ Titles For After Effects AtomX 700+ Assets For After Effects AtomX Ultimate Logo Reveal Pack ❇️ Пакеты Premier Pro : AtomX Youtube Pack – Transitions AtomX Effects Pro For PR AtomX 250+ Epic Visual Transition Pack | Premiere Pro AtomX 1500+ Transitions for Premiere Pro AtomX Collage Creator for Premiere Pro AtomX Just Typography Pack for Premiere Pro AtomX Ultimate Analog Paper Film Transitions Pack | Premiere Pro AtomX Technology Constructor Premiere AtomX Shape Elements Library (PR) AtomX Instagram Stories and Motion Graphics | Titles & Transitions Premiere Pro Template AtomX iBG | 300+ Loop Backgrounds for Premiere Pro AtomX 400+ Vertical Transitions Pack for Social Media AtomX BASE | Transitions and Motion Graphics for Premiere Pro AtomX Gal Toolkit for Premiere Pro v3.4 🔸Объем: 174 ГБ Источник 💾 ССЫЛКА 💬 Комментарии ➡️КАНАЛ⬅️ #plugins #AtomX #After_Effects #Premiere_Pro #free #бесплатно
🎄 Релиз 1.1.0 (2-е поколение, Vue)
Хо хо хо! Предновогоднее обновление с новым переключением тем для Vue ✨ atomaro/themes 2.1.0 — Реализовали ссылочную систему для css-переменных — Добавили описания ко всем токенам в темах — Добавили классы для каждой темы Ростелекома: • rostelecom-default-dark.css — .Theme_root_rtk_default_dark • rostelecom-default-light.css — .Theme_root_rtk_default_light • rostelecom-purple-dark.css — .Theme_root_rtk_purple_dark • rostelecom-purple-light.css — .Theme_root_rtk_purple_light — Инструкция по работе с классами в темах представлена в Сторибуке ✨ atomaro/vue-icons 1.0.1 — Заменили кириллицу в названии иконок EqualiserClear, Speed1x, Speed2x, Speed4x, Speed6x, Speed8x, Cookie — Убрано предупреждение о неправильном названии атрибута clipRule в консоли ✨ atomaro/vue-ui-kit 1.1.0 — Box: Новый компонент. Служит оберткой для других компонентов, управляя их расположением и обеспечивая консистентность и эффективность в разработке интерфейсов — Storybook: исправлен баг при котором открывающиеся списки перекрывали таблицу с props — BREAKING CHANGE! Stepper: Убран параметр colorScheme. Теперь компонент представлен в двух вариантах — primary и secondary — Multiselect: Исправлена ситуация, при которой фокус не снимался при повторном нажатии на поле ввода — Multiselect: Исправлено отображение при включённом virtualScroll
https://content.desigram.ru/static/934da279-b2b4-4377-a15c-68440bc4fdac.jpg
⭐️ Mega FX Pack (+1600 FX)
Огромный набор крутых оверлеев для видео ℹ Совместимость ⚠️⚠️⚠️ 🏷 #Эффекты #Atom 🪙 КУПИТЬ | 📥 СКАЧАТЬ 🤖 @HiStockBot - бот для заказа файлов с Envato Elements, Motion Array, Artlist и Freepik
⭐️ 400+ Vertical Transitions Pack for Social Media
Огромный набор переходов для вертикальных видео для AtomX 🏷 #Переходы #Atom 🪙 КУПИТЬ | 📥 СКАЧАТЬ 🤖 @HiStockBot - бот для заказа файлов с Envato Elements, Motion Array, Artlist и Freepik
⭐️ History Pack V1
Набор графики для создания исторических роликов ℹ Совместимость ⚠️⚠️⚠️ 🏷 #Набор #Atom 🪙 КУПИТЬ | 📥 СКАЧАТЬ 🤖 @HiStockBot - бот для заказа файлов с Envato Elements, Motion Array, Artlist и Freepik