Лайвкодинг у Яндекса на Бигтех найт

Слетал в Москву и повиджеил на сайлент диско. Это когда на площадке тихо, а колбасятся все под музыку в наушниках. Впервые лайвкодил на изогнутом экране, а ещё по краям были светодиодные сетки. Коллега Артём вывел туда кусочки шейдера из основной картинки, получилось мощно. На будущее — можно было бы мне для них отдельные кусочки видео предусмотреть, справа от основного. Координаты заранее учесть и замапить, чтобы получились окошки в единое фрактальное пространство. Сижу в аэропорту и продолжаю менять вчерашний код, не так легко остановиться. Главное — не увлечься и посадку не пропустить. Люблю лайвкодить, зовите, если что :–)
Video is not supported

Салют 👋🏼

🔥 Вчера провели практический вебинар «Как создавать коммерческие сайты: опыт арт-директора» 📌 В видео к этому посту прикрепил фрагмент вчерашней лекции, в нем разбираем и оцениваем реальные коммерческие проекты и смотрим отзывы заказчиков. Разобрали 7 основных принципов коммерческого дизайна – последовательно и структурировано на реальных примерах. Каждый принцип разобрали как рабочий инструмент, который сразу можно применять в проектах. ✔️ Напоминаю, чтобы получить домашнее задание пишите кодовое слово "Бизнес" моим коллегам в @upr_help – после его выполнения вы получите и индивидуальный фидбек от преподавателей UPROCK И как обычно по пятницам делюсь подборкой 5 полезных статей, которые рекомендую изучить на этих выходных 👇 📖 5 незаметных, но работающих приемов отличного UI Мы узнаем, 5 неочевидных приемов, которые помогут вам создавать продукты, способные удержать аудиторию. 📖 Действия в таблицах: рекомендации по проектированию Узнаем, какие паттерны существуют в этой области и как они применяются в реальных продуктах.‍ 📖 Диагностика UX-проблем по модели Джеймса Гарретта Мы разберемся, из каких уровней он состоит и как использовать его для эффективной диагностики. 📖 Полезные ресурсы для дизайнеров Подборка ресурсов, которые сделают вас сильнее как UX/UI-дизайнера. 📖 Приложения, которые вызывают привыкание: в чем их секрет? Углубимся в психологию и разберемся, что отличает наиболее успешные цифровые продукты. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыСтатьи по UX/UI
Video is not supported

‼️Что делает мужской магазин настоящим победителем на рынке?

Представьте магазин, который не кричит о статусе, а шепчет о нем в каждой детали. Это место для мужчин, которые выбирают не громкость, а уверенность. Что отличает такой магазин от остальных: ✅ Архитектура: чистые линии, минимализм без стерильности. Подчеркнутая урбанистичность через бетон, сталь и древесину тонких пород. Высокий потолок, естественный свет. ✅ Цветовая палитра: нейтральные базовые оттенки — графит, уголь, слоновая кость, теплый древесный беж. Акцентные детали в темно-синем и в металле. ✅ Товарная структура: капитальные блоки из материалов одного цвета, где каждый раздел имеет четкую концепцию — повседневная классика, городская формула, вечерний лук. Без перегруженности, с ясной визуальной навигацией. ✅ Презентация товара: полки с минималистичными держателями, скрытая подсветка под кромками, манекены в естественных позах, которые вдохновляют на удачный образ в реальной жизни. ✅ Технологии: цифровые витрины с акцентными кадрами и QR-кодами на этикетках для быстрой информации о составе, размере и уходе. ✅ Торговое оборудование: модульные стойки из металла с матовой поверхностью, нетривиальные подвесные системы для аксессуаров. ✅ Комфорт и сервис: зона бариста-кафе с курсом “быстро и стильно” для тех, кто любит сделать паузу между примеркой одежды и кофе, зона комфортного ожидания. ✅ Элементы статуса: ограниченные серии, персональные карточки привилегий, стильные чековые конверты с логотипом, упаковка из соответствующих материалов, подчеркивающая премиальность. Магазин должен быть не просто витриной — он становится опытом, который подчеркивает экспертность бренда и позволяет клиенту почувствовать себя частью урбанистического клуба стиля. __________________________________ #дизайнмагазина #интерьермагазина
Video is not supported

🔥 Советский модернизм, русский код и mid-century: разбираем ошибки, тренды и ностальгию по вещам в видео- https://youtu.be/EyH8gZeVI68

Изображение поста
OpenAI представила -4, новая версия теперь может понимать не только текст, но и изображения. 
На презентации ведущий сфотографировал простой набросок сайта нарисованного от руки, а нейросеть распознав изображение сгенерировала готовый код этого макета.
Video is not supported
Разберитесь в ИИ за 5 дней
Хайп вокруг нейросетей — это круто, но как они работают на деле? За 5 дней вы напишете код, построите ИИ-модель и соберёте первые проекты в портфолио. Мини-курс подойдёт и новичкам, и тем, кто просто хочет пощупать Data Science. Эти специалисты умеют «разговаривать» с данными и находить решения с помощью нейросетей. И вы попробуете себя в этой роли — без лишней теории и сложностей. Комьюнити, подарки, доступ навсегда. Учитесь когда удобно, главное успейте зарегистрироваться пока видео-курс бесплатный. [Забрать мини-курс]
Изображение поста
Изображение канала: Archi.ru
▶️Современные проекты в сфере BIM проектирования становятся все сложнее. Чтобы не тратить часы на рутину и сосредоточиться на проектировании, специалистам нужно уметь разрабатывать собственные инструменты.
EdTech-платформа STEMPS приглашает на курс https://stemps.ru/courses/programmirovanie-v-autodesk-revit?utm_source=tg&utm_medium=bloger&utm_campaign=revit_program_23_09_25&utm_content=archi_ru&erid=2VtzquWwoMM">«Программирование в Autodesk Revit», где можно узнать, как создавать сложные плагины, интерфейсы, структурировать код и добиваться совместимости и масштабируемости своих решений. Вы научитесь: ➡️Писать кастомные плагины на C# ➡️Автоматизировать рутинные процессы и проверки моделей ➡️Создавать собственные инструменты, ускоряющие проектирование ⭐️Для кого: проектировщики, BIM-специалисты, руководители проектных отделов, конструкторы, инженеры и программисты. 👤Автор курса — Дмитрий Смирнов, CTO DynamicLabs, STEMPS, Atomtech, Plancy. Руководитель отдела разработки и автоматизации на проектах: ЖК Бадаевский, ГЭС-2, Манжерок, офис Яндекс. 🗓 Старт курса — 23 сентября. 📍Студенты получат документ о повышении квалификации. 🔥Успейте записаться на курс со скидкой 10%. https://stemps.ru/courses/programmirovanie-v-autodesk-revit?utm_source=tg&utm_medium=bloger&utm_campaign=revit_program_23_09_25&utm_content=archi_ru&erid=2VtzquWwoMM">https://stemps.ru/ #образование #курсы
Изображение поста
Изображение канала: АХ дизайн
💎 Вызов стандартного меню ME403 своей кнопкой в zero-блоке
Делюсь с вами кодом, с помощью которого можно скомбинировать стандартное меню ME403 со своей кнопкой из zero-блока. Отличие данной модификации от стандартного вызова меню заключается в том, что ваша кастомная кнопка останется поверх вызванного меню. Благодаря этому кнопку можно сопроводить сбс-анимацией крестика, например. Демонстрацию работы модификации можно посмотреть по ссылке. Инструкция к модификации: 🔸 Создайте zero-блок, в нем разместите кнопку для вызова меню. У кнопки не нужно прописывать ссылку, но надо задать ей класс .menu_open_btn Также можно настроить сбс-анимацию для линий гамбургер-меню по превращению в крестик, как в моем примере. Зафиксируйте положение zero-блока и присвойте ему z-index равный 9999990, чтобы кнопка всегда находилась поверх меню, но ниже любого из модальных окон. 🔸 Добавьте на страницу блок ME403, настройте его как вам захочется. Но главное — обязательно поставьте галочку в настройках блока ✅ Показывать «гамбургер». В модификации можно использовать и другое стандартное меню, у которого есть возможность вызова через иконку гамбургера, но я остановилась на МЕ403, как самом универсальном. В случае использования другого меню, в коде надо заменить соответствующие стандартные классы. 🔸 Добавьте в блок Т123 код для работы кнопки по вызову меню: Подключение библиотеки jQuery не требуется. Если у вас есть вопросы или пожелания к данной модификации, дайте знать в комментариях ☺️ #модификации #тильда
Изображение поста
Изображение канала: Дизайн-Телега 🔥
Плагин QR Coder — мгновенно создает сканируемые QR-коды для ссылок, текста, email и телефонов. Поддерживает растровые и векторные форматы для гибкого использования в дизайне.
#qrкоды #вектор #растр #сканирование
Video is not supported
Изображение канала: Dprofile
Саратов! Готовы ко второму лекторию Dprofile в вашем городе? В этот раз ещё мощнее и круче.
Вместе со студией SLOY, командой Dprofile и амбассадорами площадки из северной столицы подготовили для вас двухдневный ивент, пропитанный пользой и интерактивами. В программе: лекции от экспертов дизайн-рынка и целый день практики, посвященной личному бренду и развитию в профессии. Приходите на ивент, который зарядит вас на карьерные свершения, знакомства, нетворкинг и коллабы. 27 сентября. Лекционный день. Адрес: ул. Чернышевского, 139, «Саратовский архитектурно-строительный колледж», актовый зал. Поговорим о тайм-менеджменте, развитии насмотренности, собственной идентичности и стиле. О том, как влиять на восприятие через дизайн-код, а также как не умереть нищим и выгоревшим к 45 годам. Формат входа: бесплатный по регистрации. 28 сентября. 4-часовой интенсив по пиару и личному бренду. Интенсив нацелен на мощный карьерный буст для всех участников. За 4 часа вы сможете погрузиться в базу личного бренда, узнать как пиар самого себя может повлиять на ваш заработок, понять как эффективно применять все основные инструменты продвижения и получить первый опыт в качестве спикера. Если вы хотите стать заметнее на рынке и получать больше офферов — этот интенсив для вас. Формат входа: по платному билету — 1990 рублей. Подробная программа и билеты — по ссылке. До встречи на лектории! А чтобы не пропускать новости и анонсы сообщества — вступайте в чат «Dprofile. Саратов».
Изображение поста
Изображение канала: Wemakefab
🖤 Клиентский сервис ≠ «танцуй, дешевка»
В работе студии самая тяжелая часть — не дизайн, не код и даже не дедлайны. Самое сложное — это коммуникация. Именно она чаще всего становится источником выгорания. Мы в Wemakefab верим в баланс: Сервис — это уважение к клиенту, готовность разъяснить, помочь, подстраховать. Границы — это понимание, что команда не расходник. Если клиент повышает голос, манипулирует или требует невозможного — мы умеем твердо сказать «стоп». При этом нам важно донести до клиента: мы на его стороне. Наша задача — не «понравиться», а решить бизнес-задачу. И именно поэтому мы держим рамки — так мы сохраняем качество, команду и результат. Наши принципы в любом общении: — Спокойствие всегда сильнее крика. — Границы нужно обозначать на берегу. — Менеджер проекта отвечает не за «угодить», а за сроки и бюджет. — Всегда лучше потерять деньги, чем уважение. Наша задача, чтобы выигрывали все: у клиента есть предсказуемость и результат, у команды — энергия и мотивация, у проекта — здоровая динамика.
Изображение поста
Изображение канала: DZENDESIGN
ЭВОЛЮЦИЯ ИНФОГРАФИКИ: КУЛЬТУРНЫЕ КОДЫ И ВИЗУАЛЬНЫЕ ЯЗЫКИ ЧЕЛОВЕЧЕСТВА
Инфографика часто воспринимается как продукт цифровой эпохи, однако её корни уходят в глубь веков. Это не просто инструмент визуализации данных, а фундаментальная форма абстракции, эволюция которой напрямую связана с культурными, идеологическими и художественными особенностями разных обществ. Успешная визуальная абстракция, достигая оптимального баланса между ясностью и смыслом, способна приживаться в общественном сознании как мем, становясь частью универсального языка коммуникации. Культурные ландшафты визуализации История визуализации информации раскрывает уникальные «правила игры», сформированные в разных частях света. В европейской традиции доминирует рационализм и стремление к систематизации. Эпоха Просвещения с её культом научного знания стала катализатором: именно здесь были изобретены линейчатые и круговые диаграммы, призванные очистить информацию от художественности в пользу точности и логики. Абстракция здесь служила целям доказательности и анализа. Североамериканский подход, унаследовав европейские основы, довёл до совершенства принцип прагматизма. Инфографика была адаптирована для нужд массовой коммуникации, коммерции и пропаганды. Её главной функцией стала не научная чистота, а эффективность и мгновенность восприятия, что позднее воплотилось в интуитивном дизайне цифровых интерфейсов (UI/UX). Уникальный синтез возник в российской, советской традиции. Мощная научная школа здесь сочеталась с задачами идеологического пропагандистского искусства (агитпроп). Инфографика плакатов и «Окон РОСТА» представляла собой сплав данных, высокой художественной формы и символики, где такие абстракции, как серп и молот, превращались в сакральные идеограммы целой эпохи. Азиатская культура предлагает иной взгляд — принцип целостности и гармонии. Старинные ландшафтные карты Китая и Японии передавали не столько точные координаты, сколько дух места, его значение в общей картине мироздания. Даже современные пиктограммы, рождённые в Японии, несут в себе черты эстетического минимализма и символической глубины, где данные вписываются в контекст, а не изолируются от него. Наиболее древние формы прото-инфографики демонстрируют африканская и островная культуры. Ткани с орнаментами адинкра народа ашанти или палочковые навигационные карты микронезийцев являются не украшением, а сложными системами кодирования. В них информация о социальном статусе, исторических событиях, маршрутах и течениях была неразрывно сплетена с мифологией, природой и памятью предков. Сквозь призму искусства: от иероглифов к ISOTYPE Параллельно развивалась линия, тесно связанная с декоративно-прикладным и символическим искусством. Египетские иероглифы представляли собой не просто письменность, а сложнейшую инфографическую систему, где один символ мог одновременно обозначать объект, понятие и звук. Геральдика в Европе и орнаменты по всему миру функционировали как строгие визуальные коды, передающие информацию о происхождении, статусе и мировоззрении. В XX веке эта идея была переосмыслена в проекте ISOTYPE (International System of TYpographic Picture Education). Его создатель, Отто Нойрат, стремился создать универсальный визуальный язык, преодолевающий языковые барьеры. Его правила — последовательность, простота и повторение — стали основой для всех современных пиктограмм, напрямую восходя к древнейшей потребности выражать сложные идеи через универсальные символы. Заключение: к глобальному визуальному языку Эволюция инфографики представляет собой непрерывный поиск баланса между четырьмя полюсами: степенью абстракции, художественной выразительностью, точностью данных и универсальностью восприятия. Разные культуры, руководствуясь своими ценностями, находили уникальные точки этого равновесия. Сегодня происходит глобализация визуального языка: западная рациональная графика использует принципы восточной композиции, а международные символы аэропортов объединяют наследие ISOTYPE, советского агитпрома и древнеегипетского иероглифического мышления.
Изображение поста
Изображение канала: UPROCK. UX/UI, Фриланс, Коммерческий дизайн.
Салют 👋🏼
🔥 Вчера провели практический вебинар «Практика в KREA и NANO BANANA: как зарабатывать на AI» 📌 В видео к этому посту можно посмотреть фрагмент вчерашней лекции. В нем я разбираю часть возможностей заработка на AI. Мы углубились в разбор Krea и поработали над генерациями. Разобрали связку Krea и Nano-Banana, обсудили, как этот инструмент дает полный контроль над генерацией, а также разобрали как доводить генерацию до коммерческого качества и монетизировать эти навыки. Вебинар был насыщен практическими приемами, рабочими методиками и материалами из нашего платного курса. 📌 Напоминаю, чтобы получить домашнее задание и самостоятельно попрактиковаться в генерациях пишите кодовое слово "Krea" моим коллегам в @upr_help Вам пришлют домашнее задание, а после его выполнения вы получите индивидуальный фидбек от преподавателей курса и библиотеку промтов. 😊 И как обычно по пятницам делюсь новой подборкой полезных статей для изучения на этих выходных. 📖 7 дизайн-советов, которые помогут улучшить любой интерфейс Мы возьмем в качестве примера страницу профиля и шаг за шагом применим к ней лучшие практики. 📖 Антидизайн и плакат: как ошибки становятся выразительными приёмами Антидизайн — это не про ошибки из-за неопытности. Это про осознанный выбор нарушать правила. 📖 Действия в таблицах: рекомендации по проектированию Узнаем, какие паттерны существуют в этой области и как они применяются в реальных продуктах.‍ 📖 Полезные ресурсы для дизайнеров Подборка ресурсов, которые сделают вас сильнее как UX/UI-дизайнера. 📖 Microsoft vs Apple: две философии, два пути Apple и Microsoft — две крупнейшие технологические компании с разной философией и видением, которые на протяжении многих лет соревнуются за лидерство на рынке. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыСтатьи по UX/UI
Video is not supported
Изображение канала: Ким Воронин | Деньги на дизайне
💸Нее, нас не взломали и нет, мы не переобуваемся в курсы психологов 😂
Но в следующий понедельник мы открываем вход в дизайн-игру* по психологии работы с клиентами. Будет Шерлок, будут загадки и задания, будут клиенты-психи и расследование их намерений Программа пока в секрете, но вот кодовые названия: 📠 Бумажная работа — согласуем показания, собираем чемоданчик следователя и изучаем правила агентства. 🔦 Перед началом расследования — вход в агентство, первые дела: «Этюд в фиолетовых тонах» и «Дело о шрифте, разочаровавшем клиента». 🔍 Работа в поле — скелеты в шкафу, розыск, детали следствия и закрытый клуб. 📜 В финале получение удостоверения, подтверждающего, что вы теперь агент. Все подробности — совсем скоро. А пока готовьте свои мозги и идите пересматривать Шерлока 🕵️‍♂️🔮 *Еще не знаете, что такое дизайн-игра? Вместо сотни слов — сотни отзывов тех, кто уже проходил другие похожие активности нашей школы
Изображение поста
Изображение канала: Точка входа
Unity-разработчик в Maff
Maff.io — metaverse-студия, которая разрабатывает игры и занимается продвижением проектов на платформах Roblox, Fortnite, Spatial и других. Задачи: — интеграция 3D эффектов в игровые механики — разработка и реализация игровых механик, как для одиночной игры, так и для мультиплеера — создание взаимодействий между игроком и объектами окружения — настройка GUI и интерфейсов под руководством старших коллег — реализация систем сохранения данных игрока и его прогресса — участие в настройке систем персонажей, наград и достижений — написание чистого и поддерживаемого кода Ожидания: — опыт работы с Unity  — наличие портфолио с примерами работ — понимание и практическое применение принципов ООП — готовность учиться, проактивность и умение работать в команде — опыт сборки и вывода проектов на WebGL будет плюсом  Условия: — оплата: в зависимости от объёма задач и бэкграунда — работа над крупными проектами с большой аудиторией — удалёнка + гибкий график — работа в команде под руководством старших коллег по гайдам → Откликнуться При заполнении укажите код «Точка входа» #геймдев
Изображение поста
Изображение канала: Nice2Mitya(Chuk)
Давайте поможем Даше Насте и Мите развить насмотренность в дизайне. Поделитесь ссылками на свои любимые видео про дизайн.
Привет дизайнеры, у нас в команде есть комьюнити-менеджер Настя. Она не дизайнер, но помогает дизайнерам быть чуть счастливее и каждый день общается и работает с нами (дизайнерами продукта, коммуникаций, 3д, презентаций). Однажды я пообещал Насте скинуть Топ10 видео про дизайн, чтобы лучше понимать нашу мотивацию, говорить на одном языке и уметь интерпретировать творческие порывы. Но так и не отправил, исправляюсь и прошу вашего совета. Поделитесь 1-2-3 видео из интернета, которые вы бы сами показали недизайнеру в духе ЭТО ОБЯЗАТЕЛЬНО К ПРОСМОТРУ!!11!1!!11!1 Например: 🔵Abstract: The Art of Design 🔵Objectified 🔵Tony Fadell. The first secret of great design 🔵Цикл лекций Марии Савостьяновой в GARAGE 🔵100 лет дизайна 🔵33 слова о дизайне 🔵Вадик Мармеладов. Кодекс ЛОТ2046 🔵Антон Шнайдер Дизайн без дизайна 🔵12 историй о дизайне Алексей Ивановский 🔵Влада Зелинский про уровни дизайна 🔵Денис Машаров | Парадигмы типографики 🔵Дизайн — это глагол MTS DESIGN 🔵Лекция Людвига Быстроновского «Дизайн+1» (1/2/3) 🔵Максим Жестков. Оставаться собой в мире, который постоянно пытается сделать вас чем-нибудь другим 🔵Беседа с Ильей Михайловым о знании, метаморфозах передачи информации, врожденной доброте и стиле Навскидку накидал, очень рассчитываю на ваши комментарии 📌 Неделя зелёных историй на канале @nice2mitya_chuk
Изображение поста
Изображение канала: Бонни и Слайд
🤖 Твой личный AI-ассистент прямо сейчас
Мы запускаем бесплатный вебинар про нейросети — твой входной билет в новую эру digital. 10 сентября, 19:00 (МСК) — бронируй время, потому что будет горячо! Что тебя ждет: 🔘автоматизация контента без боли и рутины 🔘анализ аудитории так, будто у тебя личный аналитик 24/7 🔘генерация идей за секунды После вебинара ты сможешь: 🔘собрать своего АI-маркетолога за 15 минут — и без строчки кода 🔘 делать рекламные объявления, которые реально работают 🔘 подготовить контент-план или разбор конкурентов 👉 Регистрируйся, если ты маркетолог, СМО, владелец малого бизнеса или просто хочешь выжать максимум из ИИ.
Изображение поста
Изображение канала: Минутка веб-дизайна
Сайт Smooothy
Гибкий и расширяемый слайдер для анимаций с открытым исходным кодом. #дизайн #разработка #опенсорс Посмотреть сайт 👨‍💻
Video is not supported
Изображение канала: Хороший UX · Денис Абдуллин
Библиотека реализованных в коде кусков интерфейсов – 21st.dev
На этом сайте вы найдёте множество идей для взаимодействия с открытым исходным кодом. https://21st.dev/home ↗ 🖼️ Хороший интерфейс 🖼️ Концепты интерфейсов 🖼️ Офферы для дизайнеров
Изображение поста
Изображение канала: Adobe Illustrator | Graphic Design
#Ai | #Tutorial | #Logo
Создайте векторный ASCII-код в Illustrator Автор P A N T E R
Video is not supported