🛠️ DevTools для дизайнера: как проверять вёрстку без страха перед кодом
Дима из Voximplant написал руководство по использованию инструментов разработчика для дизайнеров. Главная мысль: открыть DevTools это как поднять капот у автомобиля. Не нужно разбирать двигатель, достаточно понимать, где что находится.
Самая полезная функция для дизайнера это инспектор элементов. При наведении на элемент DevTools подсвечивает отступы цветом: зелёный показывает padding (внутренние отступы), оранжевый показывает margin (внешние). Вкладка Computed показывает финальные значения после всех вычислений браузера, а Styles показывает исходные CSS-правила и откуда они пришли. В Responsive Design Mode можно проверить адаптив, выбрав конкретное устройство или задав размеры вручную. Справа есть ручка для плавного изменения ширины, чтобы заметить момент, когда начинаются проблемы с вёрсткой.
Внутри:
– Как быстро достать SVG-логотип через Copy element;
– Зачем нужна вкладка Network для скачивания защищённых изображений;
– Как тестировать идеи прямо в браузере без Figma;
– Почему изменения видны только вам до обновления страницы;
– Какие пять основных зон есть в интерфейсе DevTools;
– Как конкретные значения отступов упрощают фидбек разработчикам.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
#тренды
Ванна Reflex от Antonio Lupi бросает вызов традициям, превращая ванную комнату в арт-пространство.
Прозрачные стенки открывают гипнотизирующий танец воды, создавая ощущение невесомости.
Гайд по размерам постов, сторис и т. п. для инсты.
☝️ Эмоции в упаковке: как вызвать нужное чувство и удержать внимание
💛 Упаковка — это гештальт, где детали и последовательность «чтения» играют ключевую роль. Вы узнаете, как сделать так, чтобы эмоция продолжала жить не только на полке, но и в дальнейших коммуникациях бренда.
Зачем человек покупает ваш продукт?
Какую эмоцию он хочет испытать в этот момент?
И какая история скрыта за упаковкой?
🖥 Хотите узнать, как создавать упаковку, которая действительно запоминается? Тогда слушайте голосовое!
Ведущий дизайнер в Магнит ОМНИ
Магнит OMNI — бизнес-группа компании «Магнит», которая отвечает за создание омниканального опыта для клиентов, объединяя онлайн- и офлайн-сервисы.
Задачи:
— разрабатывать концепции дизайна упаковки
— генерировать креативные идеи согласно брифу
— верстать презентационные материалы для показа и защиты перед клиентом
— разрабатывать и верстать бренд-буки и гайд-буки
— дорабатывать концепции по комментариям клиента
— подготавливать оригинал-макеты в соответствии техническими требованиями, предоставленными типографией
Ожидания:
— у тебя есть навыки брендинга и понимание ключевых компонентов, формирующих бренд, и их взаимодействия
— ты владеешь опытом разработки креатива, дизайн-концепций упаковки
— знаешь особенности технической разработки упаковки
— имеешь опыт разработки айдентики бренда
— ты уверенный пользователь Adobe Illustrator, Photoshop
Условия:
— гибрид с редким посещением офиса, 5/2
→ Подробнее
Контакт для отклика:
@Dollksana
#дизайн
🎭В СПбГУПТД объявили новую тему проекта «Опера & Подиум» — буфф или опера в жанре комедии.
🎼В этом году студентам Университета ПромТехДизайн предстоит работать над костюмами и гримом для исполнителей шедевров мировой оперы, среди авторов которых — виртуозный Моцарт, лиричный Прокофьев, мастер комической оперы Россини и романтичный Доницетти. А студентам Консерватории им. Н.А. Римского-Корсакова предстоит исполнить арии на сцене СПбГУПТД.
🔗Подробнее на Дзене.
Туториал на крутую фишку в презе 😎
Хочешь, чтобы твои слайды цепляли с первого взгляда? Лови простой, но эффектный трюк, от которого презентация сразу станет «вау» ✨
Как повторить 👇
1. Вставь 4 фото, добавь внизу текст.
2. Добавь фигуру «прямоугольник» на одну из картинок, залей ее черным цветом и сделай полупрозрачной.
3. Добавь эту фигуру на оставшиеся 3 фотографии.
4. Дублируй слайд 4 раза.
5. Теперь по очереди начиная со 2 слайда удали добавленную фигуру.
6. Примени эффект для переходов «появление» и наслаждайся результатом 🔥
Ставь реакцию ❤️, если полезно
Нейрофест Айда — это про концентрацию знаний и опыта в AI за 1 день
12 декабря в Москве соберутся специалисты, которым важно развиваться в маркетинге, дизайне и бизнесе через современные AI-подходы.
Формат простой: минимум воды, максимум практических решений.
Эксперты из СБЕР, VK, МТС и других компаний разбирают генерацию изображений, работу с рекламой, внедрение AI-подходов в процессы и делятся тем, что действительно применимо.
Что включает программа:
• 5 направлений: дизайн, маркетинг, бизнес, искусство, образование
• 20 экспертов, которые ежедневно работают с AI в своих проектах
• 7 часов образовательного контента
• 4 практических воркшопа по генерации изображений от Самокат, ЦЕХ, Mish.Design
• Более 40 дизайн и маркетинг руководителей ведущих продуктовых компаний соберутся в одном месте
🍌 Для подписчиков ЦЕХ — промокод AIDATELEGA25
Скидка 25% на любой билет. Действует 4 дня.
Качайте свои AI-харды и адаптируйтесь к изменениям вместе с Айда Нейрофестом
1️⃣2️⃣
Расписание и билеты — здесь
🩷София Камалян (ИТМ) — номинант на премию Студент года Санкт-Петербурга
▫️Номинация «Лучший в патриотической работе»
▫️София — заместитель руководителя Добро.Центра СПбГУПТД, журналист университетского журнала «Сарафан», доброволец всероссийского движения «Волонтерская рота боевого братства».
▫️В стенах вуза занималась организацией развоза подарков ветеранам, проведением Дня донора, акции памяти «Блокадный хлеб» и других акций, посвященных Дню Победы.
💡В качестве волонтера София помогает в проведении Ночи музеев в Петербурге, праздника выпускников «Алые Паруса», а также театрального фестиваля «Открытые сердца».
🩵Студентка является победителем конкурса лучших проектов для детей и молодежи Движения Первых и программы «ШУМ.Журналистика индустрии 5.0» от Росмолодежи.
Вы готовы сделать самую выгодную покупку в этом ноябре?
Один раз в году… Нет, не так. Один раз ВООБЩЕ я сделаю вам предложение с такой скидкой.
💎 ВСЕ КУРСЫ со СКИДКОЙ 86%
финальная распродажа
Это последняя возможность попасть на мои курсы-хиты:
ОГО, Я ДИЗАЙНЕР!®
+
ОГО, ЛОГО!®
+
АЙДЕНТИК
Закончится Черная Пятница и эти курсы уйдут в архив. Это не кликбейт. Я освобождаю место для нового.
Что вы получите?
Пять курсов, которые складываются в инструкцию: как в 2026 стать дизайнером, который делает крутые проекты и зарабатывает на этом 100к+ стабильно
Полный состав пакета:
☑️ Курс Ого, я Дизайнер!® 23.750Р
Прокачаете основы по моей методике: научитесь подбирать шрифты, цвета, композиции и графику, чтобы каждый макет выглядел круто и работал на бизнес.
☑️ Курс Ого, лого!® 45.900Р
Бестселлер среди моих обучений. Начнёте создавать логотипы, за которые платят от 20.000 рублей, потому что они того стоят и выглядят на свою цену.
☑️ Курс Айдентик 95.900Р
Научитесь проектировать бренд-айдентику с чеком от 60.000 рублей и создавать решения, которые влияют на прибыль ваших клиентов.
Это тройка курсов обеспечит вам мощный фундамент и систему работы, которая выводит на ТОП-уровень даже новичков.
А ещё туда войдёт два курса по продажам в дизайне:
☑️ Курс Инстаграм* Дизайнера 8.900Р
Создадите свою личную систему продвижения через Инстаграм.
☑️ Курс Клиенты Дизайнера 8.900Р
Построите модель привлечения клиентов из разных источников, чтобы быть тем, у кого всегда есть хорошие заказы.
💰 Общая стоимость этих курсов 180.000 рублей
Вы можете забрать ихВСЕ со скидкой 86%
180.000 → 25.000 рублей
Вы экономите 155.000 рублей
Продажи открыты!
➡️ Занять место
➡️ Задать вопрос Ксюше лично
Ответы на частые вопросы — в комментариях.
*Принадлежит Meta и запрещён в РФ
