Палитра:
1C2609, ABB871, 637630, 85A14B, 898D8A
#фотопалитры
🛠️ DevTools для дизайнера: как проверять вёрстку без страха перед кодом
Дима из Voximplant написал руководство по использованию инструментов разработчика для дизайнеров. Главная мысль: открыть DevTools это как поднять капот у автомобиля. Не нужно разбирать двигатель, достаточно понимать, где что находится.
Самая полезная функция для дизайнера это инспектор элементов. При наведении на элемент DevTools подсвечивает отступы цветом: зелёный показывает padding (внутренние отступы), оранжевый показывает margin (внешние). Вкладка Computed показывает финальные значения после всех вычислений браузера, а Styles показывает исходные CSS-правила и откуда они пришли. В Responsive Design Mode можно проверить адаптив, выбрав конкретное устройство или задав размеры вручную. Справа есть ручка для плавного изменения ширины, чтобы заметить момент, когда начинаются проблемы с вёрсткой.
Внутри:
– Как быстро достать SVG-логотип через Copy element;
– Зачем нужна вкладка Network для скачивания защищённых изображений;
– Как тестировать идеи прямо в браузере без Figma;
– Почему изменения видны только вам до обновления страницы;
– Какие пять основных зон есть в интерфейсе DevTools;
– Как конкретные значения отступов упрощают фидбек разработчикам.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Готовы к D+A Tour в Алматы? Делимся подробным расписанием мероприятий.
Успейте зарегистрироваться на деловую программу по ссылке:https://clck.ru/3QCTDy&sa=D&source=editors&ust=1763620929359363&usg=AOvVaw1lrCq-UsHa6DL8O2CE2huI"> https://clck.ru/3QN3mM&sa=D&source=editors&ust=1763620929359481&usg=AOvVaw2GCrm8V1-pKrgw5yES4e9B">https://clck.ru/3QN3mM&sa=D&source=editors&ust=1763620929359481&usg=AOvVaw2GCrm8V1-pKrgw5yES4e9B">https://clck.ru/3QN3mM
21 ноября — деловая программа в пространстве Imagine по адресу проспект Абылай Хана, д. 62
13:00–13:50
Сбор гостей, welcome-фуршет, фотозона
13:50–14:00
Вступительное слово модератора
Светлана Котлукова, АрхДиалог
Приветственная речь организатора
Яков Сыромятников, директор MosBuild
14:00–14:40
Керамика в современном интерьере. Видение KERAMA MARAZZI
Спикеры: Альберто Фаварон, директор по проектам KERAMA MARAZZI и Наталья Рашковская, менеджер отдела развития компании (перевод)
14:40–15:00
Готовые интерьерные решения: почему капсулы – это must-have
Спикеры: Наталья Бобровничая, менеджер бренда Espocada и Любовь Шадрина, руководитель отдела продаж бренда
15:00–15:40
Как расти, не теряя себя: эволюция студии от 3 до 70 человек
Спикер: Владислав Сорока, архитектор, дизайнер интерьера, руководитель «Архитектурной Студии 40»
15:40–16:00
Перерыв
СПЕЦИАЛЬНЫЙ ГОСТЬ
16:00–16:30
Тренды в дизайне интерьеров
Спикер: Диана Балашова, дизайнер интерьеров, амбассадор AM GROUP и MosBuild
16:30–17:10
TANU. 10 лет опыта. Новая эра единства, идей и перемен
Спикер: Лаура Шарипова, дизайнер, основатель экосистемы TANU
Архитектура и дизайн в эпоху искусственного интеллекта и соцсетей
Спикер: Рустам Абдуллаев, основатель курса по ИИ для строительства, TANU
СПЕЦИАЛЬНЫЙ ГОСТЬ
17:10–17:50
Интервью на сцене
Спикер: Михаил Шапошников, дизайнер, амбассадор MosBuild
Вот так создал обложку для ролика на основе чернового наброска. Дизайнеры все???
#тренды
Ванна Reflex от Antonio Lupi бросает вызов традициям, превращая ванную комнату в арт-пространство.
Прозрачные стенки открывают гипнотизирующий танец воды, создавая ощущение невесомости.
Геймификация уборки в visionOS
Spotify готовит масштабное обновление, чтобы обогатить опыт своих пользователей. Теперь, помимо текста и информации о музыканте, на странице трека будет отображаться его ДНК: смысловой контекст, влияние на культуру и отсылки к другим произведениям музыканта. А также уже запущена вторая часть обновления — расширенные кредиты к каждому треку с упоминанием всех-всех людей, участвовавших в его создании: от инженеров мастеринга до вокалистов хора.
Туториал на крутую фишку в презе 😎
Хочешь, чтобы твои слайды цепляли с первого взгляда? Лови простой, но эффектный трюк, от которого презентация сразу станет «вау» ✨
Как повторить 👇
1. Вставь 4 фото, добавь внизу текст.
2. Добавь фигуру «прямоугольник» на одну из картинок, залей ее черным цветом и сделай полупрозрачной.
3. Добавь эту фигуру на оставшиеся 3 фотографии.
4. Дублируй слайд 4 раза.
5. Теперь по очереди начиная со 2 слайда удали добавленную фигуру.
6. Примени эффект для переходов «появление» и наслаждайся результатом 🔥
Ставь реакцию ❤️, если полезно
🎭В СПбГУПТД объявили новую тему проекта «Опера & Подиум» — буфф или опера в жанре комедии.
🎼В этом году студентам Университета ПромТехДизайн предстоит работать над костюмами и гримом для исполнителей шедевров мировой оперы, среди авторов которых — виртуозный Моцарт, лиричный Прокофьев, мастер комической оперы Россини и романтичный Доницетти. А студентам Консерватории им. Н.А. Римского-Корсакова предстоит исполнить арии на сцене СПбГУПТД.
🔗Подробнее на Дзене.
В Figma Make теперь можно выбирать Gemini 3 Pro в качестве экспериментальной модели
🚀 Кто хочет разобраться в HTML так, чтобы вас понимал верстальщик и чтобы вы сами понимали, как реально сверстать ваш дизайн-макет?
На самом деле, вам не нужно разбираться во frontend-разработке или знать, что такое Vue, чем отличается Vue от Angular и т.д. Нужно знать только общие принципы, а это реально сделать за один-два вебинара с практическим заданием.
📌 Тема важная и нужная, хочу провести для вас интенсив по ней.
Давайте соберем 300 🔥 на этот пост, чтобы понимать интересно ли вам и имеет смысл готовить контент для этого интенсива.
Если активности будет достаточно, то предварительно на следующей неделе проведем интенсив.
