Туториал на крутую фишку в презе 😎
Хочешь, чтобы твои слайды цепляли с первого взгляда? Лови простой, но эффектный трюк, от которого презентация сразу станет «вау» ✨
Как повторить 👇
1. Вставь 4 фото, добавь внизу текст.
2. Добавь фигуру «прямоугольник» на одну из картинок, залей ее черным цветом и сделай полупрозрачной.
3. Добавь эту фигуру на оставшиеся 3 фотографии.
4. Дублируй слайд 4 раза.
5. Теперь по очереди начиная со 2 слайда удали добавленную фигуру.
6. Примени эффект для переходов «появление» и наслаждайся результатом 🔥
Ставь реакцию ❤️, если полезно
Геймификация уборки в visionOS
Вот так создал обложку для ролика на основе чернового наброска. Дизайнеры все???
📱 Убираем веснушки на фото
В Figma Make теперь можно выбирать Gemini 3 Pro в качестве экспериментальной модели
Spotify готовит масштабное обновление, чтобы обогатить опыт своих пользователей. Теперь, помимо текста и информации о музыканте, на странице трека будет отображаться его ДНК: смысловой контекст, влияние на культуру и отсылки к другим произведениям музыканта. А также уже запущена вторая часть обновления — расширенные кредиты к каждому треку с упоминанием всех-всех людей, участвовавших в его создании: от инженеров мастеринга до вокалистов хора.
🛠️ DevTools для дизайнера: как проверять вёрстку без страха перед кодом
Дима из Voximplant написал руководство по использованию инструментов разработчика для дизайнеров. Главная мысль: открыть DevTools это как поднять капот у автомобиля. Не нужно разбирать двигатель, достаточно понимать, где что находится.
Самая полезная функция для дизайнера это инспектор элементов. При наведении на элемент DevTools подсвечивает отступы цветом: зелёный показывает padding (внутренние отступы), оранжевый показывает margin (внешние). Вкладка Computed показывает финальные значения после всех вычислений браузера, а Styles показывает исходные CSS-правила и откуда они пришли. В Responsive Design Mode можно проверить адаптив, выбрав конкретное устройство или задав размеры вручную. Справа есть ручка для плавного изменения ширины, чтобы заметить момент, когда начинаются проблемы с вёрсткой.
Внутри:
– Как быстро достать SVG-логотип через Copy element;
– Зачем нужна вкладка Network для скачивания защищённых изображений;
– Как тестировать идеи прямо в браузере без Figma;
– Почему изменения видны только вам до обновления страницы;
– Какие пять основных зон есть в интерфейсе DevTools;
– Как конкретные значения отступов упрощают фидбек разработчикам.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Meta* представила SAM 3D, новую модель, которая умеет создавать полноценные 3D-реконструкции из обычных 2D-изображений.
*признана экстремистской в РФ
🚀 Кто хочет разобраться в HTML так, чтобы вас понимал верстальщик и чтобы вы сами понимали, как реально сверстать ваш дизайн-макет?
На самом деле, вам не нужно разбираться во frontend-разработке или знать, что такое Vue, чем отличается Vue от Angular и т.д. Нужно знать только общие принципы, а это реально сделать за один-два вебинара с практическим заданием.
📌 Тема важная и нужная, хочу провести для вас интенсив по ней.
Давайте соберем 300 🔥 на этот пост, чтобы понимать интересно ли вам и имеет смысл готовить контент для этого интенсива.
Если активности будет достаточно, то предварительно на следующей неделе проведем интенсив.
Коллеги, сейчас завершаем интенсив по логотипам и уже пора планировать следующие активности для вас.
Думаю, будет очень полезно провести интенсив по HTML для дизайнеров. Достаточно знать базовые принципы: как строятся блоки, что может быть в интерфейсе, а что — нет. И когда вы поймете эти основы, ваши макеты станут чище, логичнее и проще в сборке. А значит — будет меньше правок и меньше стресса после передачи проекта в разработку.
Что думаете, интересна вам такая тема? Поставьте 🔥 к этому посту, кто хотел бы поучаствовать в таком интенсиве с практикой и разбором ваших домашних заданий.