Макеты для вёрстки сайтов — это канал, где собраны уникальные примеры реальных макетов в Figma, которые заказчики присылают на вёрстку.
Учитесь, практикуйтесь, пополняйте свое портфолио настоящими работами вместе с @build_html
#архитектура
Монументальная скульптура «Ложка с вишенкой» стала одним из самых узнаваемых символов Миннеаполиса (США) и ярким примером поп-арта в городском пространстве.
Авторы создали сюрреалистический образ: гигантская алюминиевая ложка увенчана яркой красной вишней — дуэт Класа Ольденбурга и Кошье ван Брюгген возводит банальный кухонный инструмент в объект восхищения и размышлений о природе искусства.
Струящаяся из ложки вода добавляет композиции динамики, превращая статичную форму в активный элемент паркового пространства, который трансформируется в зависимости от освещения и погодных условий.
🛠️ DevTools для дизайнера: как проверять вёрстку без страха перед кодом
Дима из Voximplant написал руководство по использованию инструментов разработчика для дизайнеров. Главная мысль: открыть DevTools это как поднять капот у автомобиля. Не нужно разбирать двигатель, достаточно понимать, где что находится.
Самая полезная функция для дизайнера это инспектор элементов. При наведении на элемент DevTools подсвечивает отступы цветом: зелёный показывает padding (внутренние отступы), оранжевый показывает margin (внешние). Вкладка Computed показывает финальные значения после всех вычислений браузера, а Styles показывает исходные CSS-правила и откуда они пришли. В Responsive Design Mode можно проверить адаптив, выбрав конкретное устройство или задав размеры вручную. Справа есть ручка для плавного изменения ширины, чтобы заметить момент, когда начинаются проблемы с вёрсткой.
Внутри:
– Как быстро достать SVG-логотип через Copy element;
– Зачем нужна вкладка Network для скачивания защищённых изображений;
– Как тестировать идеи прямо в браузере без Figma;
– Почему изменения видны только вам до обновления страницы;
– Какие пять основных зон есть в интерфейсе DevTools;
– Как конкретные значения отступов упрощают фидбек разработчикам.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Портрет Элизабет Ледерер Густава Климта — самое дорогое произведение искусства модерна, проданное на аукционе.
Реалити. День 7
Сегодня Диана занималась своими уже оформленными заказами, согласовывала и сдавала работы
😦По новым заказам 0
Смотрите кружок и голосовое выше, рассказала что об этом думаю
И еще раз скажу, такое затишье обязательно происходит на любом пути, главное не отчаиваться и получать поддержку
Я Диану сегодня тоже поддержала, она у нас умничка 🤍
Хоть и середина пути, а у нас по заказам еще не половина. Это все нормально, главное двигаться дальше еще с большим энтузиазмом 🔥
Зато по заказам было время разгрести задачи, чтобы освободить окошки для новых клиентов
Всем сладких снов 🌒
Вот так создал обложку для ролика на основе чернового наброска. Дизайнеры все???
🎭В СПбГУПТД объявили новую тему проекта «Опера & Подиум» — буфф или опера в жанре комедии.
🎼В этом году студентам Университета ПромТехДизайн предстоит работать над костюмами и гримом для исполнителей шедевров мировой оперы, среди авторов которых — виртуозный Моцарт, лиричный Прокофьев, мастер комической оперы Россини и романтичный Доницетти. А студентам Консерватории им. Н.А. Римского-Корсакова предстоит исполнить арии на сцене СПбГУПТД.
🔗Подробнее на Дзене.
☝️ Эмоции в упаковке: как вызвать нужное чувство и удержать внимание
💛 Упаковка — это гештальт, где детали и последовательность «чтения» играют ключевую роль. Вы узнаете, как сделать так, чтобы эмоция продолжала жить не только на полке, но и в дальнейших коммуникациях бренда.
Зачем человек покупает ваш продукт?
Какую эмоцию он хочет испытать в этот момент?
И какая история скрыта за упаковкой?
🖥 Хотите узнать, как создавать упаковку, которая действительно запоминается? Тогда слушайте голосовое!
Spotify готовит масштабное обновление, чтобы обогатить опыт своих пользователей. Теперь, помимо текста и информации о музыканте, на странице трека будет отображаться его ДНК: смысловой контекст, влияние на культуру и отсылки к другим произведениям музыканта. А также уже запущена вторая часть обновления — расширенные кредиты к каждому треку с упоминанием всех-всех людей, участвовавших в его создании: от инженеров мастеринга до вокалистов хора.
Туториал на крутую фишку в презе 😎
Хочешь, чтобы твои слайды цепляли с первого взгляда? Лови простой, но эффектный трюк, от которого презентация сразу станет «вау» ✨
Как повторить 👇
1. Вставь 4 фото, добавь внизу текст.
2. Добавь фигуру «прямоугольник» на одну из картинок, залей ее черным цветом и сделай полупрозрачной.
3. Добавь эту фигуру на оставшиеся 3 фотографии.
4. Дублируй слайд 4 раза.
5. Теперь по очереди начиная со 2 слайда удали добавленную фигуру.
6. Примени эффект для переходов «появление» и наслаждайся результатом 🔥
Ставь реакцию ❤️, если полезно
🚀 Кто хочет разобраться в HTML так, чтобы вас понимал верстальщик и чтобы вы сами понимали, как реально сверстать ваш дизайн-макет?
На самом деле, вам не нужно разбираться во frontend-разработке или знать, что такое Vue, чем отличается Vue от Angular и т.д. Нужно знать только общие принципы, а это реально сделать за один-два вебинара с практическим заданием.
📌 Тема важная и нужная, хочу провести для вас интенсив по ней.
Давайте соберем 300 🔥 на этот пост, чтобы понимать интересно ли вам и имеет смысл готовить контент для этого интенсива.
Если активности будет достаточно, то предварительно на следующей неделе проведем интенсив.
