Коллеги, знакомьтесь, у нас новый дизайнер

Кудесники из Гугла обновили свой генератор интерфейсов Стич. Пересбрали сам дизайн, завезли бесконечный холст как в Фигме, а также надрессировали нового ии-агента. Теперь он умеет анализировать сторонние дизайн-системы и позволяет подтягивать собственные, умеет фигачить сразу несколько концептов, достраивать пользовательские сценарии и давать советы по улучшению дизайна. На первый взгляд выглядит как имба, но я не смог потестить даже с впном. Попробовать можно тут, если получится поюзать — делитесь впечатлениями. #вести @vestochka_ai

uilearn.gumroad.com

🤖 игры как инфраструктура для роботов Niantic Spatial и Coco Robotics используют наследие Pokémon Go для навигации роботов-курьеров. ▶︎ визуальное позиционирование (VPS) вместо GPS ▶︎ точность до сантиметров за счёт анализа окружения ▶︎ обучение на 30 млрд изображений игроков ▶︎ стабильная работа в плотной городской среде игроки фактически годами обучали инфраструктуру для автономной доставки. ☎️ защита от мошенников на уровне семьи Truecaller добавил семейные группы с функцией «цифровой опеки». ▶︎ один администратор контролирует звонки всей семьи ▶︎ уведомления о подозрительных вызовах ▶︎ возможность удалённо завершить звонок (Android) ▶︎ отслеживание активности (движение, батарея и т.д.) контроль безопасности становится распределённым — не только у пользователя, но и у его окружения. 🧠 чип, возвращающий движение китайская компания Neuracle Medical Technology получила одобрение на нейроустройство NEO. ▶︎ интерфейс «мозг-компьютер» для пациентов с параличом ▶︎ электроды вне ткани мозга → ниже риски ▶︎ управление роботизированной перчаткой ▶︎ уже разрешён для домашнего использования BCI впервые выходит из стадии эксперимента в реальную медицинскую практику. вывод технологии смещаются от интерфейсов к действиям: они не просто помогают пользователю, а принимают решения, действуют в его интересах и берут на себя часть ответственности. для бизнеса это означает смену логики продуктов — выигрывают те, кто строит системы, способные не показывать варианты, а доводить задачу до результата. trends.aic.ru

История повторяется: вновь новые проекты, вновь не хватает сильных рук. Нужны те, кто вольется в наши процессы, подхватит проекты и сделает пушечку. Тебе предстоит: • продумывать сценарии, заботиться об удобстве пользователя и выгоде бизнеса; • проектировать сложные интерфейсы, продуктовые страницы, сайты и лендинги; • вместе с арт-директором делать концепции и всякие красивые штуки; • создавать UI-киты и передавать макеты в разработку; • проводить дизайн-ревью разработки и контролировать качество продуктов на проде; • ставить задачи дизайнерам-помощникам и контролировать их выполнение; • все на свете презентовать заказчикам на лумчиках и звонках. В сообщении укажи: • сколько часов в неделю готов(а) нам уделять; • когда готов(а) стартовать; • свою ставку в час. • и портфолио с сильным ui, конечно же. Еще можешь кружочек про себя записать. А отправить все это нужно Оле, нашему арт-директору: @OlgaPisareva P. S. Даже если не сможем сейчас тебе что-то предложить по задачам, то добавим в базу дизайнеров к себе на будущее. Проектов впереди — вагон и маленькая тележка 🛒

Хотим порадовать вас и поддержать ваше желание развиваться в новой профессии, поэтому запустили большие скидки на все курсы: 📌Скидка 35% на курс "Нейросети для дизайнеров" — 58 900 ₽ 38 200 ₽ (cтарт второго потока 23 марта!) 📌Скидка 20 000 руб. на пакетные программы: 🔵UX/UI с нуля — 94 000 ₽ 74 000 ₽ 🔵Middle / senior — 118 000 ₽ 98 000 ₽ 🔵MAX — 159 900 ₽ 139 900 ₽ 📌Скидка 10 000 руб. на отдельные направления: 🔵Продуктовый дизайн — 78 200 ₽ 68 200 ₽ 🔵Веб-дизайн — 68 900 ₽ 58 900 ₽ 🔵Веб-приложения — 75 900 ₽ 65 900 ₽ 🔵Графический дизайн — 58 900 ₽ 48 900 ₽ 🔵Нейросети для коммерции — 39 000 ₽ 29 000 ₽ 🔵Анимация интерфейсов — 39 000 ₽ 29 000 ₽ 🔵Арт-дирекшн — 99 000 ₽ 89 000 ₽ Также напомню, что при покупке дополнительного курса студентам UPROCK продлеваются все программы на срок доп. обучения. Это хорошая возможность для вас сделать больше проектов или завершить текущие. ➡️Забронировать скидку можно здесь, а получить консультацию — у коллег в @uprock_hello

Если вам близка тема интерфейсов, AI-продуктов и продуктового дизайна, советую посмотреть этот канальчик. У Серёжи не просто обзоры ради обзоров. Он разбирает, почему одни продукты ощущаются сильными, цельными и живыми, а другие нет. Без воды, с примерами и с нормальным фокусом на то, как это работает в реальном продукте. Лайк отдельный за то, что он смотрит не только на визуал. В разборе всегда есть продуктовая логика, UX, эмоция, упаковка и то, как решение влияет на восприятие сервиса. Поэтому это полезно не только дизайнерам, но и продактам, и вообще всем, кто делает digital-продукты. Внутри: – Разборы мобильных и web-продуктов из разных рынков; – Анализ AI-сервисов: как технологии упакованы в интерфейс, бренд и UX; – Поиск сильных решений в реальных продуктах и концептах; – Насмотренность и продуктовое мышление на конкретных примерах; – Честный взгляд на то, что работает, а что можно сделать лучше; – Фокус не только на визуале, но и на смысле, эмоции и пользе для бизнеса. Короче, Серёгу лю, он мощь и завидую всем, кто с ним работает в ДоДо. Там такое делают, что я не знаю, почему это не занимает первые места во всех существующих рейтингах. Приходите к нему ❤️ 🔠 Смотреть канал ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

🔥Скидка 35% на курс "Нейросети для дизайнеров" — 58 900 ₽ 38 200 ₽ (cтарт второго потока 23 марта!) 🔥Скидка 20 000 руб. на пакетные программы: 🔵UX/UI с нуля — 94 000 ₽ 74 000 ₽ 🔵Middle / senior — 118 000 ₽ 98 000 ₽ 🔵MAX — 159 900 ₽ 139 900 ₽ 🔥Скидка 10 000 руб. на отдельные направления: 🔵Продуктовый дизайн — 78 200 ₽ 68 200 ₽ 🔵Веб-дизайн — 68 900 ₽ 58 900 ₽ 🔵Веб-приложения — 75 900 ₽ 65 900 ₽ 🔵Графический дизайн — 58 900 ₽ 48 900 ₽ 🔵Нейросети для коммерции — 39 000 ₽ 29 000 ₽ 🔵Анимация интерфейсов — 39 000 ₽ 29 000 ₽ 🔵Арт-дирекшн — 99 000 ₽ 89 000 ₽ Также напомню, что при покупке дополнительного курса студентам UPROCK продлеваются все программы на срок доп. обучения. Это хорошая возможность для вас сделать больше проектов или завершить текущие. ➡️Забронировать скидку можно здесь, а получить консультацию — у коллег в @uprock_hello

Незрячий разработчик разобрал доступность web3-проекта Moni. Доступность в финтех и web3 редко рассматривается как обязательная часть архитектуры. Внимание уделяется визуальной составляющей, а сценарии использования без мыши или без экрана остаются вне фокуса. Выяснил: примерно 40-60% интерфейса требует доработки с точки зрения accessibility. Большинство проблем не архитектурно сложные, это вопросы корректного использования aria-атрибутов, логичной структуры заголовков и поддержки клавиатурной навигации. Внутри: – Кнопки без описания: под полем «Check account» должна быть кнопка поиска, но есть элемент "По щелчку" без описания; – Заголовки на каждой строке: неудобно слушать текст, когда каждая строка это заголовок уровня 1 или 2; – Таблицы представлены кнопками: столбцы это кнопки, нет нормальной HTML-таблицы с table, tr, th, td; – Слияние строк без пробелов: «Ethereum$395.790.1 ETH100%+0%», «L117.62%-1.93%», «Smarts244+1»; – Курсор не попадает в модальные окна: после клика по «Manage filters» курсор не переходит к настройкам; – Поиск недоступен с клавиатуры: ввел HYPE, что-то появилось на экране, но с клавиатуры не смог поймать и перейти; – Кнопки навигации без названий: первая и последняя в постраничной навигации неподписанные, лучше «First» и «Last»; – Решения простые: использовать aria-label=«Name» у элементов, tabindex=-1 и .focus в JS для фиксации курсора, разделять блоки h2 и h3 заголовками. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Гугл делал агент, который сам проверяет созданные приложения: делает скриншоты, отправляет их мультимодальной модели, та решает куда кликать и что вводить. Технически крутая задача, но сложная. Барон Вебстер, дизайнер в команде, спросил: а зачем? Давайте просто покажем сайт пользователю и попросим его протестировать. Вся сложная система стала не нужна. Вебстер работает в Фигме как дизайнер моделей. Это первая такая роль в мире. Не обычный дизайнер интерфейсов. А человек, который работает с моделями, проверками, промптами и понимает поведение AI на глубоком уровне. До Фигмы сделал Teachable Machine в Google (2017), потом три года в Replit запускал AI-фичи, которые вывели стартап в единороги. Теперь учит дизайнеров Фигмы работать с AI и строит инструменты для прототипирования AI-фич до того, как рисовать интерфейсы. Внутри: — Не делайте интерфейс для идеального случая. Сначала поиграйте с моделью, потом рисуйте кнопки; — Проверки работы модели это как покрытие тестами в программировании. Без них проверка вручную занимает огромное время; — Главный совет: потратьте время, чтобы понять, что входит в модель и что выходит. Иначе станете просто рисовальщиком кнопок; — В Replit две трети успешных проектов были реактивными: выкатили фичу, посмотрели кто её использует, поговорили с ними; — Риск для дизайнеров: инженеры контролируют промпты, проверки, модели. Дизайнеры могут остаться только делать интерфейсы. А вы работаете с AI-продуктами? Или пока смотрите, что делают другие? ➡️ Читать интервью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

В нашем новом бесплатном курсе познакомитесь с профессией дизайнера интерфейсов, изучите базовый функционал Figma и разработаете макеты интерфейса. Узнаете, какие задачи и критерии стоят перед дизайнером при проектировании пользовательского опыта — разработаете макет интерфейса для записи на прием к врачу. А еще поймете, как структурировать контент для пользователя и разберетесь в основах креативности и проектирования интерфейса. → Пройти курс!

На телефоне у дизайнера есть экран. В очках его как будто нет. Интерфейс живет поверх реального мира, а пользователь должен физически перевести фокус примерно на метр перед собой, чтобы вообще начать его читать. Уже из за этого привычные паттерны начинают ломаться. Дэвид Аллин Риз из Google рассказал, как команда собирала Jetpack Compose Glimmer для очков с прозрачным дисплеем. Самый сильный инсайт: черный цвет здесь не черный, а прозрачность. Насыщенные цвета теряются на фоне реального мира, обычные шрифты читаются хуже, а слишком быстрая анимация просто моргает в периферии. Поэтому интерфейс пришлось пересобирать почти с нуля: темные контейнеры вместо привычных поверхностей, нейтральная палитра, новая система глубины и очень осторожная работа с движением. Внутри: – Почему интерфейс в очках воспринимается не на линзе, а примерно на расстоянии вытянутой руки; – Что меняется в дизайне, когда черный цвет становится полностью прозрачным; – Почему привычные компоненты и тени плохо работают на прозрачных дисплеях; – Как команда подбирала размер текста через угловой размер, а не пиксели; – Зачем в интерфейсе почти отказались от насыщенных цветов; – Почему уведомления появляются почти две секунды, а не мгновенно; – Как устроены глубина, перекрытия и темные контейнеры в Jetpack Compose Glimmer; – Что значит проектировать интерфейс, который должен появляться только тогда, когда он реально нужен. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Я смотрю на вакансии каждый день и одна штука уже прям бросается в глаза. Почти везде от дизайнера ждут не только фигму и вкус, но и понимание AI-инструментов. Cursor, Midjourney, ChatGPT, Claude, Kling и дальше по списку. Но проблема в другом. Сами инструменты все уже знают по названиям, а вот как встроить их в реальный дизайн-процесс, до сих пор понимают немногие. Не просто покрутить что-то ради картинки, а реально ускорять работу, сильнее собирать прототипы и быстрее доводить макеты до готового продукта. Ребята из Pixel Perfect 😇 как раз делают два бесплатных эфира сегодня и завтра (17 и 18 марта) на эту тему. Покажут полный процесс работы с Cursor на практике. Подключат Фигму к Cursor через MCP, перенесут дизайн-систему и компоненты из макета в код, соберут страницу и задеплоят ее на сервер. Вести эфиры будет Даниил Шишко. Он использует AI на всех этапах работы, от ресерча и генерации идей до прототипирования и финальной сборки интерфейсов. Самое полезное тут в том, что вам покажут не отдельные фишки, а весь путь целиком. От дизайн-системы в Фигме до живого сайта с CMS и аналитикой, который уже можно передать продакту или клиенту. То есть без магии и воды, просто нормальный рабочий процесс, который уже нужен рынку. Эфиры пройдут в закрытом тг-канале. Если хотите наконец понять, как AI реально использовать в дизайне, а не просто читать про него в постах, советую залететь. 🔠 Пойти на эфир 🔠 Пойти на эфир 🔠 Пойти на эфир

Я смотрю на вакансии каждый день и одна штука уже прям бросается в глаза. Почти везде от дизайнера ждут не только фигму и вкус, но и понимание AI-инструментов. Cursor, Midjourney, ChatGPT, Claude, Kling и дальше по списку. Но проблема в другом. Сами инструменты все уже знают по названиям, а вот как встроить их в реальный дизайн-процесс, до сих пор понимают немногие. Не просто покрутить что-то ради картинки, а реально ускорять работу, сильнее собирать прототипы и быстрее доводить макеты до готового продукта. Ребята из Pixel Perfect 😇 как раз делают два бесплатных эфира сегодня и завтра (17 и 18 марта) на эту тему. Покажут полный процесс работы с Cursor на практике. Подключат Фигму к Cursor через MCP, перенесут дизайн-систему и компоненты из макета в код, соберут страницу и задеплоят ее на сервер. Вести эфиры будет Даниил Шишко. Он использует AI на всех этапах работы, от ресерча и генерации идей до прототипирования и финальной сборки интерфейсов. Самое полезное тут в том, что вам покажут не отдельные фишки, а весь путь целиком. От дизайн-системы в Фигме до живого сайта с CMS и аналитикой, который уже можно передать продакту или клиенту. То есть без магии и воды, просто нормальный рабочий процесс, который уже нужен рынку. Эфиры пройдут в закрытом тг-канале. Если хотите наконец понять, как AI реально использовать в дизайне, а не просто читать про него в постах, советую залететь. 🔠 Пойти на эфир 🔠 Пойти на эфир 🔠 Пойти на эфир

Плагин с удобным интерфейсом для просмотра сочетания шрифтов Скачать плаги🔤 #plugin

Кроме моего канала с вакансиями есть ещё два: 1. Основной канал – каждый день по 1-2 поста про дизайн, полезные статьи, видео, конференции, посты о жизни и путешествиях (иногда). Уже скопилась целая база знаний из 2000+ полезных постов. По поиску можно найти почти любую тему по дизайну. 2. Референсы интерфейсов – каждый день по 3 поста самых разных интерейсов: веб, мобилка, дашборды, графика и прочие. Буду рад всех видеть) И рекомендациям тоже ❤️ Спасибо всем, кто меня читает. Я это очень ценю и благодарен каждому отдельно ❤️

Кроме моего основного канала есть ещё два: 1. Вакансии для дизайнеров – каждый день кроме выходных 8 вакансий из 40+ источников для графических, ux/ui и продуктовых дизов. 2. Референсы интерфейсов – каждый день по 3 поста самых разных интерейсов: веб, мобилка, дашборды, графика и прочие. Буду рад всех видеть) И рекомендациям тоже ❤️ Спасибо всем, кто меня читает. Я это очень ценю и благодарен каждому лично ❤️

Креативный разработчик из Страсбурга. После 7 лет работы в агентствах создаёт интерактивные интерфейсы с акцентом на анимацию, точность и тактильность взаимодействия. #портфолио #минимализм #светлая_тема Посмотреть сайт 👨‍💻

Каждый участник сделает в портфолио дизайн приложения для iOS. Помимо практики в Figma разберём, как начать карьеру в текущих реалиях и на чём сыпется большинство начинающих в резюме. Разберём актуальную медиану ЗП в зависимости от уровня, какими навыками нужно обладать и какие этапы надо пройти для успешного трудоустройства. Разыграем обучение на 164к, а каждый день для участников будут подарки в онлайне: пособия, шаблоны, руководства. Зарегистрироваться бесплатно p.s: записи сгорят в конце Реклама. ИП Антипин Александр ИНН 701751029533 erid: 2Vtzqw14key

Дэвид Аллин Риз рассказал, как команда Google проектирует интерфейсы для прозрачных дисплеев в ИИ-очках и почему для этого пришлось пересмотреть многие базовые принципы UI-дизайна. В статье он объяснил, как работают такие дисплеи, почему на них чёрный цвет, тени и насыщенные цвета ведут себя иначе и какие решения легли в основу фреймворка Jetpack Compose Glimmer для XR-интерфейсов. Получился подробный разбор того, как меняется цвет, типографика, глубина и анимация, когда интерфейс существует не на экране, а поверх реального мира. Главное: • Интерфейс в ИИ-очках не размещается на поверхности линзы, а проецируется примерно на расстоянии одного метра. Поэтому пользователь должен сознательно перевести фокус с реального мира на UI • Дисплеи очков могут только прибавлять свет к уже имеющейся картинке реального мира. При таком подходе чёрный цвет выполняет функцию прозрачности, а не заливки • Чёрный цвет выступает в качестве гарантированно читабельной подложки для контента • Светлые интерфейсы не получается использовать, потому что они создают отвлекающие блики на экранах и сильнее расходуют батарею • Типографика измеряется не в пикселях, а в углах зрения. Текст делают таким, чтобы его можно было прочитать одним взглядом. Минимальный размер для читаемости — около 0,6 градусов • Пространственная дистанция становится ключевым параметром при проектировании • Анимации медленнее, чем в привычных интерфейсах. Уведомления появляются почти за две секунды, мягко привлекая внимание пользователя • При действиях пользователя, наоборот, требуется мгновенная обратная связь. Для этого применяются фокус-индикаторы и подсветки • Вся система построена вокруг идеи «спокойного интерфейса». Информация появляется только тогда, когда она действительно нужна, и не мешает восприятию реального мира #статья@zhurnalus_lite

Артем, лид коммуникационного дизайна в Т2, разобрал эмоциональный дизайн в интерфейсах. Главное: это не про добавить милую панду, это про управление состояниями пользователя. Функции копируются, цены выравниваются, паттерны становятся стандартом. А вот ощущение нет. Дальше всё происходит автоматически: доверие, действие, привычка, лояльность. Дональд Норман выделяет три уровня восприятия. Интуитивный: первое мгновенное ощущение, здесь важно не вызвать отторжение. Поведенческий: опыт взаимодействия, контроль и быстрый результат. Рефлексивный: то что остается после взаимодействия, решение вернуться или нет. Эмоциональный дизайн работает именно в их связке. Внутри кейсы из Т2: – Приветственный экран: анимации, сезонные иллюстрации, выбор дизайна карточки с номером создают ощущение участия и контроля; – Анимация при обновлении базы номеров: персонаж показывает что процесс идет, снимает напряжение, объясняет человеческим языком; – Движение и отклик: элементы реагируют на действия, создается ощущение диалога, интерфейс со мной разговаривает; – Пасхалки: панда на самокате или с мячом, маленький сюрприз в спокойных сценариях, не мешает но оставляет ощущение характера; – Где эмоции вредят: транзакционные сценарии (оплата, блокировки, возвраты), эмоциональная перегрузка; – Как проектировать системно: CJM с эмоциями, отмечаем эмоциональные узлы, подбираем инструменты, проверяем метриками. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы