Эти приемы стабильно спасают нам по часу в день:

1. Использование UI-kit, когда 10+ страниц, куча повторяющихся элементов и правки 24/7. Это база для ускорения разработки и быстрого внесения изменений. Если же делаете маленький лендос — куда быстрее работать в рамках одной страницы, всё и так на виду. 2. Компоненты — топчик идея, когда есть много повторяющихся блоков на разных страницах. Сделал один раз, потом переиспользовал сколько надо. Поменял в одном месте — обновилось везде. 3. Личная база знаний. Если в проекте делал какую-то фичу, перенеси это решение к себе, и потом используй его. Голая вставка со старого проекта редко работает идеально, но как точка опоры супер. Поэтому база — это примеры, фишки, сервисы, которые можно быстро подогнать под задачу. 4. CMS — шикарная штука для однотипных карточек. Например: - карточки преимуществ (если их 6+) - слайдеры с командой - отзывы - блоки тарифов и т.п. Из плюсов — порядок, никакого копипаста дивов, легко редактировать. Также можно использовать CMS на ленде для страниц, но это уже в сторону блога и крупного проекта. 5. Свой шаблон-пустышка. Один раз настраиваешь себе структуру проекта: шрифты, контейнеры, базовые стили, фавикон, анимации появления. И каждый раз начинаешь с него, не тратя время на одни и те же настройки 6. Горячие клавиши + Webflow-расширение в браузере. Такие мелочи экономят минуты, а в день это уже целый час. 7. Использование кастомных скриптов или библиотек, заточенных под определенную задачу: - подключение Swiper.js или Splide, вместо ручной сборки слайдера из 40 дивов - автоматические анимации при скролле через gsap - кодовые сниппеты, которые можно вставить и забыть Какие из этих фишек используете вы или может у вас есть свои? 🤝🤝
Изображение поста

⭐️ Container Mockup

Мокап стенки грузового контейнера 📁 PSD 💼 #Mockup #Photoshop ℹ️ ПОДРОБНЕЕ | 📥 СКАЧАТЬ
Изображение поста

🚃Аддон GroupPro v3.0.5 позволяет объединять объекты в один объект-контейнер неразрушающим способом (используя коллекции инстансов). Созданные группы можно редактировать, зеркально отображать, создавать массивы из групп, а также редактировать материал для всех объектов группы.

🧡 Blender 4.2+ Автор аддона: https://superhivemarket.com/products/grouppro ➡️Все файлы ТУТ #blender #plugins

Чем отличается дизайн для SDUI (он же BDUI)?

продолжение Бизнес-логику мы уже рассмотрели — теперь хочется перейти к другим двум ключевым аспектам SDUI: вёрстке и автоматизации. 🌟 Верстка Здесь главное различие — гранулярность системы. То есть, насколько «мелко» можно управлять интерфейсом через контракт: какие сущности доступны и на каком уровне атомарности. Возможны разные варианты: — Виджетная архитектура с хранением вёрстки на клиенте — Обращение к элементам дизайн-системы, также хранимым на клиенте — Гибкий отрисовщик, построенный на примитивах, с распределённым хранением вёрстки (часть элементов на клиенте, часть, например компоновка и параметры декоратора, на сервере). В первых двух подходах на клиенте хранится конечный (или условно конечный) набор компонентов. А в случае с гибкой системой — платформа позволяет собирать виджеты и даже атомы (например, кнопку) из базовых примитивов. Это напрямую влияет на архитектуру и конфигурацию дизайн-системы. При виджетном подходе сервер может управлять только выбором виджетов, их параметрами и расположением. И для продуктового дизайнера приоритетом становится поиск безрелизного решения: как «выкрутиться» с текущим набором компонентов. Потому что это быстрее и дешевле. Только если нужного виджета или параметра нет, команда решается на доработку — а это уже означает выпуск новой версии и релиз в стор. В более гранулярных системах возможностей для безрелизных изменений больше, но и здесь есть ограничения: не всё можно сделать без обновления клиента. При этом именно такие фичи — с условием «без повышения версии» — часто оказываются самыми приоритетными. Кроме того, в системах любой гранулярности обычно используется многоуровневая система контейнеров со слотами, что тоже влияет на логику проектирования. А ещё, помимо самой вёрстки, хочется сказать пару слов о верстальщике. Эта роль при переходе на SDUI меняется радикально. Теперь макеты у дизайнера будет принимать бэкендер — потому что бизнес-логика теперь на сервере, да и верстка при некоторых подходах тоже. А может быть и другой сценарий: часть задач верстальщика уходит к дизайнеру, особенно если в системе уже есть автоматизация (о ней — чуть ниже). 🌟 Автоматизация Здесь всё проще. Автоматизация бывает и вне SDUI, но именно переход к этой архитектуре обычно стимулирует её активное развитие. От автоматической сборки виджетов и конвертации макетов в вёрстку — до внутренних инструментов, вроде линтера для дизайнеров, который проверяет макет на соответствие правилам. Работа с автоматикой может поначалу усложнить подготовку макетов — но в итоге снимает рутину, снижает количество ошибок и освобождает время для творческих задач. - - #sdui #bdui #верстка #автоматизация 🛫 Канал: UXFLOW • Сергей Мухин Сайт: uxflow.ru
Изображение поста
GroupPro для Blender 4.2 - 4.4 (обновление v3.0.5)
🛠 С GroupPro вы можете объединять объекты в один контейнерный объект неразрушающим способом (используя коллекции экземпляров). Источник 💾 ССЫЛКА 💬 Комментарии ➡️КАНАЛ⬅️ #addons #Blender #GroupPro #3d #free #бесплатно
Adventure Game In Godot - Unit 2 - Inventory
Курс учит создавать сложные инвентарные системы для 3D-игр в Godot. Разбирается реализация UI для экипировки оружия, щитов и предметов с 3D-превью. Вы освоите работу с контейнерами, якорями и скриптами для интерактивности. В итоге сможете делать функциональные и визуально приятные системы инвентаря. Видео на английском языке без субтитров с файлами проекта. Подробнее с курсом можно ознакомиться здесь. ➡️ СКАЧАТЬ | 0,91 ГБ #курс #Godot @poly3ds
Изображение поста
Научно-фантастический луноход - часть 2
В этой серии уроков по Blender, состоящей из 5 частей, мы создадим научно-фантастический лунный корабль. 🎬 Немного навигации: 00:00 – Вступление; 00:46 – Модель двигателей; 04:09 – Модель контейнера; 10:33 – Модель резервуара; 13:37 – Модель ног; 24:46 – Модель детализации пластины; 28:11 – Завершение. #уроки #Blender3D | Оригинал
🌱Набор «Бабушкин огород» — возвращение вкусов детства с нотками садового шика.
🌱Мы собрали растения, которые легко представить на грядке у бабушки: ревень, хрен, щавель, топинамбур… Но этот огород не прост — он дополнен декоративными многолетниками, которые делают его не только полезным, но и красивым. 🍀 Набор отлично подходит для: — оформления фона у огорода — посадки в кухонных садиках и контейнерах — создания уютной зелени у теплиц и парников ✨ В ЧЁМ ШАРМ: ➖ Золотые шары (рудбекия) — цветочный символ дачного лета ➖ Ревень и спаржа — съедобная классика с декоративным характером ➖ Топинамбур и катран — крупные, устойчивые, эффектные ➖ Шавель кроваво-красный — акцентные жилки в салатах и в саду ➖ Хрен обыкновенный — мощная зелень и сила вкуса ➖ Горец Spesiosa — украсит ваш огород красными соцветиями с июля до октября 📦 Что внутри: Золотые шары — 3 шт Ревень — 1 шт Спаржа — 1 шт Топинамбур — 5 шт Шавель кроваво-красный — 5 шт Хрен — 1 шт Катран приморский — 3 шт Горец Spesiosa — 3 шт Всего: 22 растения 🛒Закажите набор «Бабушкин огород» на сайте Гигантология — 12 400р. - 9 920р.
Изображение поста
Анатомия
1. Шапка. Необязательно 2. Прилипающий элемент. Необязательно 3. Контент-часть. Обязательно 4. Подвал. Необязательно 5. Кнопка закрытия. Обязательно 6. Полоса прокрутки. Обязательно 7. Затемняющий слой. Обязательно 8. Кнопки переключения объектов. Необязательно Шапка и подвал могут иметь дополнительные элементы. Кнопка закрытия расположена снаружи контейнера модального окна для того, чтобы в правом верхнем углу сохранить место для дополнительных элементов. Размеры и отступы Ширина Минимальная ширина модального окна — 400 px. Максимальная — не ограничена, но должна быть кратна 80 px. При необходимости окно может занимать всю ширину экрана, при этом кратность может не соблюдаться. Размер окна зависит от контента, но в рамках одного проекта не стоит делать много разных модальных окон — соблюдайте единообразие. #для_профи #про_дизайн Дизайн-форум
Изображение поста
Create a Complete 2D Survivors Style Game in Godot 4 ENG
Как создать полноценную 2D-игру-рогалик на выживание на арене от начала до конца на движке Godot 4! ✅ ЧЕМУ ВЫ НАУЧИТЕСЬ • Механика выживания на арене в жанре roguelike — способности к автоатаке, орды врагов, выпадение опыта и улучшения в жанре roguelike • Основы движка Godot — композиция сцены с использованием различных узлов, скриптов, пользовательских сигналов и многого другого. • Анимация — использование сжатия и растяжения для придания выразительности статическим спрайтам и оживления ваших игр. • Пользовательский интерфейс — контейнеры для макета и размера, применение стилей темы с использованием текстур и nine-patch, а также использование различных других узлов управления • Публикация — создание полной игры для Windows, Linux, Web, Mac и обновление значков исполняемых файлов. • Сохранение и загрузка — сохранение и загрузка постоянных данных о прогрессе игрока. "Create a Complete 2D Survivors Style Game in Godot" 💾  ССЫЛКА 💬 Комментарии ➡️ КАНАЛ ⬅️ #курсы #Godot #free #бесплатно Материал предоставлен только для справки и ознакомления. Поддержите автора, купив у него курс!
Изображение поста
Урок в фотошопе - прозрачный контейнер
Всем привет!👋
Как проходит ваше лето?🌞 У нас весело и насыщенно, много гуляем, дома почти не сидим.🚲 🌧️Сегодня первый раз за последнюю неделю идет дождь, и мы не на улице. 🍨Пока есть время решила сделать домашнее мороженое, мороженица готовит сразу большую порция, поэтому готовлю впрок, когда на улице +29 в тени, домашнее мороженое - то что доктор прописал.👌 Сегодня мороженое из вишни с шоколадом: 🍒300 г вишни (у меня замороженная из прошлогодних запасов) 🍚150 г сахара (можно меньше, но у нас очень кислые ягоды) 🥛200 мл молока (можно 50/50 разбавить со сливками, будет вкуснее и жирнее) 💦Пара капель вишневой эссенции для аромата🌸 🍫Плитка молочного шоколада Все ингредиенты пробиваю блендером до однородной массы и заливаю в мороженницу, у нас от Kitfort, если нужна модель, пишите. 40 минут и вкуснейшее домашнее мягкое мороженое готово, за 5 минут до готовности высыпаю в мороженницу натертый на мелкой терке шоколад. Мороженое мягкое и быстро тает, поэтому после приготовления перекладываю в контейнеры для мороженого и ставлю в морозилку на пару часов, я люблю когда оно сильно замезшее. А вот муж и дочка любят мягкое.😋 Еще готовили недавно клубнично-сливочное мороженое, просто пальчики оближешь!🍓 Рецептом поделюсь во влоге😉
Изображение поста
Сайт Кафедры Dprofile в #Madeontilda 🖤
Еще один совместный проект с Сашей @lagutalaguta, в котором рада была принять участие. Интересный прием с «растягивающимся» фоном (взяла себе на заметку тоже) позволил сверстать сайт по window-контейнеру, сохранив при этом размеры даже на широких разрешениях. Кстати, еще можно успеть принять участие в программе https://ed.dprofile.ru/course/laguta">«Дизайнер интерфейсов: карьера, процессы, инструменты», очень рекомендую. Такой основательный подход вы вряд ли где-то еще найдете, который к тому же подкреплен годами реальной практики. ⛓ https://tilda.cc/ru/madeontilda/#!/w/https://ed.dprofile.ru
🤍Подборка красоты для кухни
1️⃣ Мятенькое блюдо брала в Kuchenland 2️⃣ диатомитовая подставка, взяла под губки для посуды ~ 402 руб. 3️⃣ полукруглые губки для мытья посуды (12 шт.) ~ 412 руб. 4️⃣ керамический стакан с эффектом помятости ~ 703 руб. 5️⃣ набор салфеток (6 шт.) ~ 500 руб. 6️⃣ стеклянный контейнер брала в FixPrice 7️⃣ дорожка на стол (40*145) ~ 414 руб. 🧡- если понравилось Эстетика для дома 🧺 Светлана ___________________ #распаковка
🔝 NEW COLLECTION 🔝
Самые яркие аксессуары 🖤 Многоразовый лёд 👏🏻 ✔️ брендовая коробка+пакет ✔️ не протекают ✔️ контейнер + щипцы ✔️ в наборе 8 маленьких кубиков 👌 ✔️ привлекательно смотрится в напитках 😻 Цена : 6100 #длядома #наборы
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Simple Shaded Vector Avatars.
Этот бесплатный набор предлагает более 30 аватаров и множество ресурсов для дизайнеров: стили типографики, градиенты, тени и контейнерные сетки. Всё это можно редактировать и адаптировать под свои нужды, обеспечивая гибкость и уникальность в проектировании. Открыть в figma 🔗 #Файлы 🖥 Веб дизайн в Figma
Изображение поста
МОКАП КОНТЕЙНЕРА ИЗ КРАФТ БУМАГИ
PSD-мокап упаковки из крафт-бумаги, который идеально подойдет для презентации дизайна продукта. Благодаря смарт-слоям вы можете легко разместить любую графику и адаптировать макет под свои задачи. Бесплатно для личного и коммерческого использования ⚡️СКАЧАТЬ #графическиересурсы @graphicdesigngurus
Изображение поста
💻 Про брейкпоинты на Тильде. Чать 2: Резиновая верстка
Под резиновой вёрсткой на Тильде я подразумеваю вёрстку по window контейнеру любым доступным способом: в рх, % или в автолейаутах. Т.к. при таком виде верстки шрифты не масштабируются автоматически (только расстояния тянутся по горизонтали), то я подстраиваю шрифты исключительно с помощью создания новых БП. И так как я пытаюсь добиться максимальной гармонии в отображении дизайна на всех устройствах, то при виндоу вёрстке у меня получается довольно много БП: 320, 360, 400 (опционально), 480, 640, 960 (или 980), 1200, 1400 (опционально), 1600 (или 1800), 2000. В целом здесь у меня подход такой же как и при автоскейле, только дробить все пространство разрешений на БП я предпочитаю чаще, чтобы подстраивать мелкие нюансы дизайна под определенное устройство. 🔸 320 Не убираю, верстаю отдельно и под такие телефоны тоже. Этот БП идёт отдельно от других телефонных БП т.к. здесь ну вообще ничего толком не помещается 🫠 Поэтому верстаю лишь бы за экран не вылазило, тут не до эстетики )) 🔸 360 Верстаю нормально, т.к. с этого разрешения начинается бОльшая часть телефонов. 🔸 400 (опционально) Создаю этот БП если нужно подстроить что-то в дизайне под широкие телефоны. 🔸 480 Верстаю под ещё более широкие вертикальные устройства по типу Samsung Galaxy Note — гибрид телефона и планшета. 🔸 640 Вертикальные планшеты, тот же вид, что и при 480, но шрифты и отступы чуть крупнее. 🔸 960 (или 980) Горизонтальные планшеты: упрощённая десктопная версия. 🔸 1200 Ноутбуки: компактная десктопная версия. 🔸 1400 (опционально) Создаю дополнительный БП для ноутбуков с высоким разрешением, если чувствую, что 1200 не растянется как нужно. 🔸 1600 (1800) Обязательно создаю дополнительный БП для FullHD мониторов, т.к. предыдущий БП точно не растянется без дыр. Да и шрифты здесь подогнать было бы неплохо. 🔸 2000 После недавнего обновления Тильды, которое даёт возможность добавлять БП до 2560рх, обязательно создаю его при виндоу верстке для 2К мониторов. Почему создаю БП с запасом, а не впритык к разрешению, писала в предыдущем посте. ▪️ Заключение Мой подход к определению количества брейкпоинтов для Zero блока многим покажется избыточным, ведь все хотят сэкономить на времени, отведённом на вёрстку, и использовать как можно меньше БП. Я могу вас понять и ни в коем случае не пропагандирую свой метод, как единственно верный. Лишь рассказываю о своем опыте качественной верстки, адаптированной для большинства устройств, даже самых непопулярных. Делитесь и вы своими мыслями и подходом к выстраиванию системы БП в комментариях 😊 #тильда #верстка
Изображение поста