Мокап свободного ремешка
moCUPS 🗄
Вот так создал обложку для ролика на основе чернового наброска. Дизайнеры все???
🚀 Кто хочет разобраться в HTML так, чтобы вас понимал верстальщик и чтобы вы сами понимали, как реально сверстать ваш дизайн-макет?
На самом деле, вам не нужно разбираться во frontend-разработке или знать, что такое Vue, чем отличается Vue от Angular и т.д. Нужно знать только общие принципы, а это реально сделать за один-два вебинара с практическим заданием.
📌 Тема важная и нужная, хочу провести для вас интенсив по ней.
Давайте соберем 300 🔥 на этот пост, чтобы понимать интересно ли вам и имеет смысл готовить контент для этого интенсива.
Если активности будет достаточно, то предварительно на следующей неделе проведем интенсив.
Как креатив влияет на стоимость производства этикетки
Статья раскрывает важность этикетки как лица продукта и технологии дизайна, которые стоят за каждым решением
Читать на дизайнерс #статья
Портрет Элизабет Ледерер Густава Климта — самое дорогое произведение искусства модерна, проданное на аукционе.
#тренды
Ванна Reflex от Antonio Lupi бросает вызов традициям, превращая ванную комнату в арт-пространство.
Прозрачные стенки открывают гипнотизирующий танец воды, создавая ощущение невесомости.
Spotify готовит масштабное обновление, чтобы обогатить опыт своих пользователей. Теперь, помимо текста и информации о музыканте, на странице трека будет отображаться его ДНК: смысловой контекст, влияние на культуру и отсылки к другим произведениям музыканта. А также уже запущена вторая часть обновления — расширенные кредиты к каждому треку с упоминанием всех-всех людей, участвовавших в его создании: от инженеров мастеринга до вокалистов хора.
Геймификация уборки в visionOS
🛠️ DevTools для дизайнера: как проверять вёрстку без страха перед кодом
Дима из Voximplant написал руководство по использованию инструментов разработчика для дизайнеров. Главная мысль: открыть DevTools это как поднять капот у автомобиля. Не нужно разбирать двигатель, достаточно понимать, где что находится.
Самая полезная функция для дизайнера это инспектор элементов. При наведении на элемент DevTools подсвечивает отступы цветом: зелёный показывает padding (внутренние отступы), оранжевый показывает margin (внешние). Вкладка Computed показывает финальные значения после всех вычислений браузера, а Styles показывает исходные CSS-правила и откуда они пришли. В Responsive Design Mode можно проверить адаптив, выбрав конкретное устройство или задав размеры вручную. Справа есть ручка для плавного изменения ширины, чтобы заметить момент, когда начинаются проблемы с вёрсткой.
Внутри:
– Как быстро достать SVG-логотип через Copy element;
– Зачем нужна вкладка Network для скачивания защищённых изображений;
– Как тестировать идеи прямо в браузере без Figma;
– Почему изменения видны только вам до обновления страницы;
– Какие пять основных зон есть в интерфейсе DevTools;
– Как конкретные значения отступов упрощают фидбек разработчикам.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
ало, ¡portfolio hero 7! начнётся 1 декабря
📁 ¡portfolio hero! — бесплатный челлендж для графических и цифровых дизайнеров, которые давно откладывали портфолио «на потом».
💭 челлендж длится три недели. за это время вы разберётесь со структурой портфолио, поймёте, что в нём действительно важно, и соберёте три аккуратных, уверенных кейса. мы будем сопровождать вас каждую неделю с эфирами, разборами, материалы — всё, чтобы вы не потерялись по дороге и дошли до финала.
❤ ¡portfolio hero! — это повод наконец разобраться с незаконченными кейсами или собрать их с нуля. а в декабре, под конец года, особенно приятно закрыть этот назидающий гештальт!
👀👀 ещё раз:
- начинаем 1 декабря, но присоединиться можно на любой из трёх недель
- чтобы участвовать, зарегистрируйтесь в боте @portfolioherobot
Туториал на крутую фишку в презе 😎
Хочешь, чтобы твои слайды цепляли с первого взгляда? Лови простой, но эффектный трюк, от которого презентация сразу станет «вау» ✨
Как повторить 👇
1. Вставь 4 фото, добавь внизу текст.
2. Добавь фигуру «прямоугольник» на одну из картинок, залей ее черным цветом и сделай полупрозрачной.
3. Добавь эту фигуру на оставшиеся 3 фотографии.
4. Дублируй слайд 4 раза.
5. Теперь по очереди начиная со 2 слайда удали добавленную фигуру.
6. Примени эффект для переходов «появление» и наслаждайся результатом 🔥
Ставь реакцию ❤️, если полезно