Режиссер Гаспар Ноэ снял клип для The Weeknd на песню Big Sleep. В эстетичном, но зловещем ролике пожилой мужчина (его играет вьетнамский актер Хьеп Тран Нгия) бродит по каменному городу, пока не наталкивается на парящие в воздухе головы самого The Weeknd и композитора Джорджо Мородера. Небо после этого заливают пульсирующие неоновые огни.

❗️Если вам некомфортно от ярких вспышек света и быстрой смены цветов на экране, пропустите это видео и прочтите вместо него архивное интервью The Blueprint с Гаспаром Ноэ. 🔹The Blueprint News

Воркшоп для веб-дизайнеров — Работа с Autolayout в Tilda

Участие бесплатное 💻 С автолейаутами ваши блоки в Zero Block становятся такими же удобными, как базовые из библиотеки. Можно менять текст и картинки — всё автоматически встанет на свои места и адаптируется под разные экраны📱 Во время воркшопа Антон Командин покажет, как создавать такие блоки на примере проекта annahelton.tilda.ws Этот проект Антона скоро появится в Тильде, как шаблон для сайта-портфолио. Поэтому вы позже сможете создать с ним страницу и посмотреть, как всё устроено внутри. ⚡ Воркшоп пройдет в прямом эфире 15 октября в 15:00. Регистрируйся бесплатно по ссылке ниже Зарегистрироваться #реклама 16+ tilda.school О рекламодателе

😮 Победа DNS над интерфейсным хаосом

Света, дизайнер интерфейсов DNS, рассказала о трансформации внутреннего продукта DNS REDACTOR. На одной странице насчитывалось 6 типов кнопок, каждый дизайнер рисовал страницы по-своему, а разработчики верстали как считали нужным. За 6 месяцев команда создала полноценную дизайн-систему, которая изменила не только интерфейсы, но и процессы работы. Самым сложным компонентом оказался Select, который пришлось переделывать 4 раза. Зато благодаря ему появились подробные гайды использования с описанием всех возможных сценариев. А новый компонент Aside-header освободил пространство сверху экрана, что критично для продукта, где основа интерфейса — таблицы. Внутри: – Почему внутренние продукты — это лицо компании внутри неё; – Как семантические цвета с альфа-каналом решили проблему 50 оттенков серого; – Зачем фильтры переместили в шапку таблицы; – Какие требования к макетам стали обязательными; – Почему визуальное тестирование добавили в процесс QA; – Как система статусов помогает управлять компонентами. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

🌐🏎 Разбор сайта детейлингового центра в г. Дзержинске одного из участников моего тгк

Смотреть: https://youtu.be/_4G8F6Ebeh0 Сайт хороший по дизайну, но заявок не приносит ⛔️ 🔍 Я разобрался и нашел ГРУБЫЕ ошибки, которые режут конверсию. Так часто бывает, когда мы не понимаем, кто будет заходить на сайт и что этим людям важно увидеть — чтобы оставить заявку Без подготовки и анализа ЦА мы просто каждый раз будем попадать в молоко. А надо прям в яблочко 🍏 Смотрите ролик, чтобы узнать: — Разбор ошибок на сайте filtech.su — Почему важно делать анализ ЦА и конкурентов перед разработкой — Правильная структура блоков лендинга — Какие должны быть кнопки — Важность главного экрана 🎁 Бонусом в описании вы получите файл в Figma, где я показал сайт ДО и ПОСЛЕ моего разбора 🎞 https://youtu.be/_4G8F6Ebeh0?si=G8DCOrhmV1XpSZWD">Смотреть ←
Изображение поста
Плагин Target Flow — позволяет легко соединять экраны для создания красивых, интуитивно понятных пользовательских потоков с настраиваемыми стрелками. Выберите между пунктирными и сплошными стрелками, чтобы улучшить ясность вашего потока.
Плагин «Elegant Squares» by Max Tcvetkov А этот плагин позволяет создавать мозаичную текстуру простым перетаскиванием мыши по экрану
Изображение поста
В архитектуре премиум-класса безупречный внешний вид остекления – ключевое требование. Однако традиционно используемое термоупрочненное стекло часто создает оптические искажения («закалочную волну»). Решение – переработка стекла методом химического упрочнения. Написали об этом в Технологиях.
Химически упрочненное стекло давно известно по экранам смартфонов и планшетов, но в строительстве его стали использовать совсем недавно. В чем суть? Стекло обрабатывают в расплаве солей, создавая на поверхности прочный сжимающий слой. Без высоких температур, а значит — и без деформаций. В итоге у него идеальная оптика, прочность в 2 раза выше, чем у термоупрочненного. И термостойкость выше — до 250°C, что страхует от теплового шока на солнце. Где применять? – Стеклянные ограждения и перила — где важна кристальная прозрачность. – Большие фасады — для защиты от термического растрескивания. – Сложные гнутые формы — технология не вносит искажений после моллирования. 👉 Подробнее на Архи.ру. #остекление #фасады #стекло #технологии
Изображение поста
Прямиком из лаборатории: как разговаривать с ИИ так, чтобы макеты не расползались
Китайские исследователи показали SpecifyUI — система, которая помогает в итеративном проектировании пользовательских интерфейсов с использованием структурированных спецификаций и генеративного искусственного интеллекта. Сердце системы — SPEC — структурированное, параметризованное, иерархическое промежуточное представление, в котором элементы пользовательского интерфейса представлены в виде управляемых параметров. Да, звучит сложно. Но это может помочь с генеративным дизайном в будущем. Так что давайте разбираться. Как устроен генеративный дизайн сейчас (и что с ним не так) – Текстовые подсказки рулят сценарием: большинство инструментов просят «объяснить словами» замысел, а потом пытаются угадать структуру макета и компоненты. Итерации линейные: мелкая правка часто «расползается» по макету. – Болезненная точечная правка: без формальной структуры сложно поменять один блок, не тронув остальные. Нужна адресная правка по узлу и атрибуту, а не перегенерация целой страницы. Это и закрывает SPEC: правки вида <операция, путь, значение> — например, заменить палитру только у шапки или превратить таблицу конкретной секции в карточки. – Нет мостика к коду: обычная генерация выдает «картинку вдохновения». SPEC строит мост до инженерии: RAG по базе примеров, агент кода и отладчик доводят результат до исполнимого состояния. Чем SPEC нам полезен? – Контроль: намерение фиксируется как SPEC — структурная запись про сетку, палитру, «язык форм», сценарий и иерархию Страница → Секции → Компоненты. Правки вносятся адресно по пути в структуре, не ломая остальное. – Сборка из референсов: система режет референсы на регионы, достает из них структуру и стиль, склеивает в единый SPEC. Можно брать сетку из А, палитру из В, компоненты из С. – Повторяемость и передача в разработку: SPEC конвертируется в рабочий интерфейс и код (React + библиотека компонентов + графики); есть цикл «сгенерировать — отловить ошибку — починить». Почему это не пустая болтовня На корпусе из ~2000 экранов: меньше визуальных ошибок, выше семантическое сходство, стабильнее структура. В тесте с 16 дизайнерами участники отметили лучшее чувство контроля по сравнению с Google Stitch Где это реально заходит – Продуктовые экраны, каталоги, дашборды, лендинги с повторяющимися блоками. – Когда важно держать стиль и логику дизайн-системы. – Когда итераций много и их нужно фиксировать правилами, а не папкой картинок. Когда можно пройти мимо – Разовый визуальный эксперимент ради идеи. – Очень маленькие страницы, где быстрее нарисовать, чем описывать. – Когда нет ресурса сформулировать правила — SPEC требует дисциплины. Итог Это начало пути, но направление правильное: итеративный дизайн с ИИ под контролем структуры. Меньше случайностей, больше повторяемости.
Изображение поста
Работая над цифровым продуктом, многие дизайнеры до сих пор оперируют лишь в рамках визуала, юзабилити и запросов от стейкхолдеров. Но настоящий продуктовый дизайнер старается применять свои дизайн-скиллы на пользу бизнесу.
Юнит-экономика — это анализ доходов и расходов бизнеса в расчёте на одну единицу продукта, услугу или клиента (тот самый юнит). Одно из отличий продуктового дизайнера — понимание и применение принципов юнит-экономики в ежедневной работе. Простой пример: можно строить гипотезы о том, почему кнопка на том или ином экране плохо конвертит, проводить исследования, добавлять на экран иллюстрации и яркие баннеры с баснословными скидками в 50%, а можно просто изменить текст на этой кнопке и сэкономить кучу денег бизнесу. Прорабатывая гипотезу, всегда стоит задумываться: как мы на этом заработаем и что изменится в метриках после релиза. Всегда нужно помнить о простой цепочке дизайн → поведение → деньги. В B2C дизайн напрямую связан с деньгами. Каждый пользователь — это юнит. Важен каждый шаг пользователя. В B2B юнит — не один пользователь, а компания в целом. Здесь один клиент = десятки пользователей, а LTV — то время, в течение которого одна компания остаётся с другой на контракте. В B2E тоже есть юнит-экономика. Каждая минута, которую сотрудник тратит на интерфейс, — это деньги компании. Кроме того, во внутренних продуктах LTV — это лояльность и время сотрудника. Каждое дизайнерское решение либо экономит ресурсы компании, либо их сжигает. Посчитав расходы на одного юнита (например, дизайнера), включающие заработную плату, налоги, отчисления, ДМС и бонусы, несложно представить масштаб расходов на команду или целый департамент таких юнитов. А вот с тем, чтобы посчитать доходы от этого юнита, обычно сложнее. Ну и в целом, всегда полезно понимать, во что обходится твой дизайн-час и какой эффект он приносит. Особенно, когда приходишь к руководителю просить повышения. В конечном счёте юнит-экономика для меня — это не набор сложных формул и догматов, а скорее способ думать о продукте с позиции бизнеса и цифр, не забывая, что цель бизнеса, чтобы за весь этот банкет платил пользователь, кайфуя при этом.
Изображение поста
Автопроизводитель Suzuki изменил дизайн эмблемы, которую компания использует на своей продукции. Это произошло впервые за 22 года.
Чтобы выразить неизменную приверженность бренда своему наследию, были сохранены очертания фирменного стиля Suzuki и культовая буква «S». Но что же изменилось? 🔺Очертания буквы «S» стали плоскими, без объёмных элементов, что лучше отображается на экранах смартфонов. 🔺Традиционное хромированное покрытие заменили на высокоотражающую серебристую краску, которая является более экологичным выбором. 📌Новая эмблема является воплощением нового слогана компании «By Your Side» («Рядом с вами»), который подчеркивает приверженность бренда покупателю. Как вам такое решение? Нравится больше старая эмблема или новая? 🥲 – старая 🔥 – новая
Изображение поста
Free Mobile Wireframe Kit by aaaa Здесь вы найдёте коллекцию из 30 стильных экранов в формате вайрфреймов, на основе которых создадите стильные проекты гораздо быстрее.
Изображение поста
Комплект пользовательского интерфейса для iOS 16
В комплект входят всевозможные компоненты, которые помогут вам создавать экраны пользовательского интерфейса для iOS 16 от Apple. • Есть светлый и темный режим #UIk #iOS Открыть в Figma Источник
#инпут
Длина инпута должна быть пропорциональна вводимой в него информации Использование одинаковой длины для всех текстовых полей в форме сделает их визуально приятными, но их будет сложнее заполнить. Обращай внимание на то, какую инфу нужно ввести и сколько+-символов занимает эта инфа. Поле "индекс" не нужно делать на всю ширину экрана. Там всего 5 цифр. То же самое касается и поля "номер телефона", "номер карточки" и др. Вопрос по имени, фамилии и, самое интересное, почте. Есть лайфхак на эту тему. Представь, что данные в твою форму будет вводить Константин Крестовоздвиженский. Почта у него соответствующая имени и фамилии по длине символов. Жми на #инпут и читай другие материалы по теме
Изображение поста
Камера трекает положение глаз, и создается эффект 3д на экране. Попробовать можно тут, и немного деталей проекта тут
Как эстетично спрятать батарею?
Идеальное решение – банкетка с декоративным экраном 💯 С ее помощью можно спрятать батарею и задействовать зону подоконника. @designschool – больше креатива для дизайнеров интерьера 🔥
3D очки больше не нужны, 3D-очки – ВСЁ
Оказывается вполне можно настроить положение слоёв на экране в зависимости от положения головы. Разработчик называл это «Window Mode». Работает на обычном ноутбуке, а также на новой iOS 26. Впечатляться можно тут: https://lab.true3d.com/targets 🖼️ Хороший интерфейс 🖼️ Концепты интерфейсов 🖼️ Офферы для дизайнеров
UX в реальности: с чего начать, если не знаешь, с чего начать
6 октября, 18:00 (Zoom) Если вы только начинаете путь в UX/UI и чувствуете, что теория есть, а с реальной задачей — ступор, приходите на эфир. Будем разбираться, что делать, когда вводные расплывчаты, сроки поджимают, а вы — наедине с белым экраном. На встрече обсудим: — с чего начинается UX‑проект в реальной работе (а не в учебнике); — как структурировать процесс, если непонятно, с чего начать; — какие инструменты помогают не застрять: CJM, таблицы с гипотезами и др.; — как не выгореть и не перепрыгнуть этапы, когда «нужен макет вчера»; — типичные ошибки новичков на старте. Подойдёт новичкам и тем, кто делает первые UX/UI-проекты и хочет действовать увереннее. Спикеры: - Катя Тюхай — Team Lead UX/UI в Atom, куратор программы UX/UI - Вика Стрелец — Product Owner, устройства с ИИ, Сбер Участие бесплатное, по регистрации
Изображение поста
7 ошибок UX съедали 84% продаж
Интернет-магазин световых приборов терял деньги из-за плохой мобильной версии. Что нашли: — Цены товаров обрезались — покупатели не видели стоимость — Кнопки "В корзину" прятались за другими элементами — Шапка сайта съедала половину экрана — Переход в карточку товара — только через название и другие ошибки. Что исправили: Настроили корректное отображение для всех разрешений, выделили кнопки покупки, убрали наложения элементов. Результат за месяц: ✅ Конверсия выросла на 66% ✅ Доходы увеличились на 500+ тысяч рублей ✅ Средний чек поднялся на 6,7% Нашли 7 критических ошибок — исправили все. Каждая влияла на прибыль. Узнайте, что тормозит ваши продажи — закажите аудит в боте! Заказать #реклама 16+ О рекламодателе
Изображение поста
IOS UI K
• 30+ экранов • 100+ компонентов #DesignSystems #UIk  Открыть в Figma
🚀 В этом туре курсорами столкнулись Камилла @renssunn и Стёпа @itssdesign. Они делали редизайн сайта Telegram.
Задача — обновить лендинг и предложить новое видение. Камилла сделала ставку на шрифтовую пару гротеск + рукописный, необычную вёрстку и фирменного маскота, которого она оживила через Recraft. Утёнок встречает нас на первом экране, плещется в преимуществах и даже отвечает на вопросы. Стёпа же стилизовал заголовки под готику, заменил самолётик на почтового голубя и провёл нас через славянские мотивы — от узоров и буквиц до иллюстраций и финального футера. Голосуйте в комментариях, кто войдет в следующий тур!