Logo To Use — коллекция из бесплатных логотипов.

logotouse.com
Video is not supported

Беспилотные Waymo

Waymo разрабатывает технологию полностью беспилотных такси. Увидела статью в New York Times и пошла с Клодом проверять, а что же по доступности? А они-то молодцы! Начали ей заниматься давно. Причем как физической, так и цифровой! Клод сделал интерактивный отчёт со всеми WCAG-критериями, user journey и рекомендациями → https://anzhelikagerman.github.io/enable/">https://anzhelikagerman.github.io/enable/">https://anzhelikagerman.github.io/enable/">https://anzhelikagerman.github.io/enable/ А тут давайте тут расскажу, что мне очень понравилось. Заказать поездку можно только через мобильное приложение Waymo One. После вызова к вам приезжает полностью пустой электромобиль и всё взаимодействие от посадки до климат-контроля и музыки идёт через приложение. И вот его-то и разберем. · Приложение работает с VoiceOver (iOS) и TalkBack (Android). Во время поездки информация дублируется голосом, включая статусы («машина приехала», «можно отстегнуть ремень»). · Audio guidance («Голосовые подсказки»): при приближении к автомобилю приложение через динамик телефона проговаривает расстояние и направление. · Honk to find («Посигналить для поиска»): кнопка в приложении удалённо подаёт звуковой сигнал автомобиля. · Световые сигналы фар: визуальный аналог гудка для глухих и слабослышащих. · Extra time to board: пассажир может заранее выбрать увеличенное время на посадку, чтобы водительский автомобиль дольше ждал. · Braille-надписи на кнопке двери и поручнях. · Текстовые субтитры всех голосовых объявлений на экране в салоне. · Приложение минималистично. Основной экран — это карта с минимумом элементов. Как же это важно! · Фирменная анимация «радара». При поиске машины над кнопкой появляется вращающаяся дуга, напоминающая лидар-сканер. Такой индикатор активности системы. · Микро-взаимодействия и тактильная отдача. Когда машина подъезжает, телефон даёт характерную вибрацию. Анимация подсказывает, с какой стороны и на каком расстоянии автомобиль. · Инициалы на крыше. При заказе пассажир может включить отображение своих инициалов на куполе автомобиля. Приложение подсказывает: «Ищите свои буквы». Ну гениально же ) · Waymo проводит регулярные юзабилити-сессии с участием людей с нарушениями зрения, слуха, подвижности и когнитивными особенностями. Недоработки тоже есть и они в отчете → https://anzhelikagerman.github.io/enable/">https://anzhelikagerman.github.io/enable/">https://anzhelikagerman.github.io/enable/">https://anzhelikagerman.github.io/enable/

UX/UI-дизайнер в 12 Космонавтов

👋 Привет! Мы — 12 Космонавтов, ищем дизайнера с глубоким пониманием интерфейсного дизайна для создания дизайн-концепции цифрового продукта. Кто нам нужен • UX/UI-дизайнер с опытом от 5 лет, уровень Senior • Плюс: опыт в fintech, SaaS или highload-продуктах Что надо делать • Разрабатывать UX/UI-концепции и прорабатывать пользовательские сценарии • Работать с дизайн-системами: компоненты, токены, состояния, консистентность • Проектировать интерфейсы от user flow и wireframes до финального UI • Готовить макеты к передаче в разработку и сопровождать реализацию 👉Узнать подробности и откликнуться

Если вы храните скрипты в системной папке Иллюстратора и запускаете через File → Scripts, то на несколько компьютеров дома и в офисе новые скрипты приходится копировать вручную. А если установлено несколько версий Иллюстратора, то ещё дублировать файл скрипта в каждую.

Сторонние менеджеры скриптов удобнее, но если важно, чтобы скрипты оставались в системной папке — это можно организовать с помощью символических ссылок. Тогда достаточно хранить все скрипты в одном месте, например, в облачной папке с синхронизацией, а все версии Иллюстратора будут автоматически видеть одинаковые скрипты. Инструкция — Символические ссылки для скриптов (Ru) — How to Use Symbolic Links for Illustrator Scripts (En) #learn
Проверка проекта в AI
На гитхабе дизайнер создал файл A11y.md — готовый контекст, который загружаешь в Claude (или любую другую нейронку) — и она начинает проверять твои макеты по стандартам WCAG 2.2. Дима и Миша рассказывали уже о том, что если не спросить нейронку, то она и не расскажет о доступности, так вот md решает данную проблему. Мне нравится, как этот диз написал: Accessibility is not a feature or an incremental improvement; it is a pre-condition for use. Доступность — это необходимое условие. Как пользоваться, если ты диз? 1. Открыть файл на GitHub A11Y.md из папки docs/en/ 2. Вставить в начало чата с AI «Строго следуй правилам разработки, описанным в файле A11Y.md» 3. Скинуть файл или ссылку на свой проект 4. Готово! Что внутри репозитория: ⚡ Command Center — главный файл с матрицей приоритетов, правилами поведения для AI и протоколом для сложных компонентов. 📚 Support Library — справочная библиотека с готовыми решениями по контрасту, формам, кнопкам, навигации и модалкам. 🛠️ Templates — шаблоны для финальной проверки перед релизом и структурированный лог для фиксации технического долга. 📝 Examples — реальные ошибки доступности из проекта на Figma Make, с конкретными исправлениями, которые предложил A11Y.md в роли автоматического ревьюера. Немного того, что важно для дизайнера: → Контраст текста должен быть 4.5:1, элементов UI — 3:1 → Нельзя передавать состояние только цветом — нужны иконка + текст + цвет → Минимальный размер кнопки — 44×44px → Плейсхолдер не заменяет подпись к полю → Графики обязаны различаться без цвета — текстурами или штриховкой и многое другое Этот файл не научит доступности с нуля, он действует скорее как быстрый фильтр и сверка с WCAG. Конечно, я за то, чтобы изучать A11y глубже )
Как не тратить ресурсы впустую: четыре шага перед разработкой любой фичи
В новой статье разбираем: — Как улучшить опыт пользователя через JTBD — Как приоритизировать задачи по ICE — Как связать эти задачи в одно целое через User Flow — Как довести пользовательские опыт до идеала через UX-гипотезы ⚙️ Наш лид UX/UI дизайнер Вера Ксенофонтова составила пошаговый гайд, чтобы каждый смог применить его сразу после прочтения — читать и прокачивать знания тут
Изображение канала: Дизайнер, привет
🧱 Первые 40 часов в UX/UI, это не про экраны. Это про то, чтобы не закопаться в хаосе позже
Когда в проекте нет нормального ТЗ, а требования собираются по ходу, первые часы легко сливаются в созвоны, переписки и бесконечные уточнения. Лена Плинер показывает более взрослый подход: сначала собрать вводные в систему, разобрать логику продукта, роли, сущности и только потом идти в экраны. Круто работает сама рамка про первые 40 часов. Она хорошо объясняет клиенту, за что он платит в T&M, а команде дает понятную точку опоры. Не «мы пока думаем», а конкретный набор артефактов, после которого уже можно точнее оценивать объем, приоритеты и следующие этапы. Внутри: – Что именно можно успеть за первые 40 часов без полноценного ТЗ; – Как собрать разрозненные вводные в одну рабочую систему в FigJam; – Какие артефакты помогают снять хаос еще до проектирования экранов; – Как разбирать роли, сущности, сценарии и внешние процессы; – Когда достаточно карты экранов, а когда уже нужен user flow; – Как фиксировать неизвестные и не блокировать проект из за пробелов в данных; – Почему детальная отчетность в T&M снижает тревогу клиента; – Как первый блок часов помогает точнее считать бюджет и меньше переделывать потом. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение канала: Figma Design
В Figma появилась возможность использовать AI-агентов для дизайна прямо на холсте.
С новым инструментом use_figma MCP агенты могут работать непосредственно внутри Figma и обучаться с помощью специальных навыков. Открытая бета стартует сегодня. www.figma.com/blog/the-figma-canvas-is-now-open-to-agents/ На случай блокировок, наш резервный канал.
Video is not supported
Изображение канала: CONTENTED — школа дизайна
Портфолио без реальных проектов — это нормально, если вы новичок. Главное — показать, как вы думаете и работаете.
Собрали 5 вымышленных проектов, которые помогут заполнить портфолио и отточить нужные навыки. Выбирайте то, что нравится, и просто начните. А если хотите разобраться глубже и добавить в портфолио реальные проекты — наши курсы помогут. 1️⃣ Редизайн приложения, которым пользуетесь каждый день Возьмите приложение, в котором вас что-то раздражает, и переделайте проблемный экран. Покажите, как анализируете UX-проблемы и предлагаете решения. Скилы: user research, работа с пользовательскими сценариями. 2️⃣ Лендинг для несуществующего продукта Придумайте продукт (приложение для медитации, онлайн-курс, эко-магазин) и сделайте для него лендинг. Покажите структуру страницы и адаптив. Скилы: веб-дизайн, UI, работа с иерархией, адаптивность. 3️⃣ Упаковка для вымышленных предметов Создайте дизайн упаковки для чего угодно: чая, свечек, шоколада, косметики. Покажите, как продукт будет выглядеть на полке. Скиллы: графический дизайн, работа с формой, типографика, визуализация. 4️⃣ Редизайн плаката известного фильма Выберите любимый фильм и сделайте к нему новый постер. Это хорошее решение, если вдохновения на другие выдумки нет. Скиллы: композиция, работа с образами, типографика, концептуальное мышление. 5️⃣ Концепт мобильного приложения от идеи до прототипа Придумайте проблему, которую решает приложение, опишите целевую аудиторию, нарисуйте user flow и сделайте несколько ключевых экранов. Скиллы: UX-исследование, проектирование, UI, работа с пользовательскими сценариями. #польза @contented
Изображение поста
Изображение канала: Вакансии для дизайнеров
Ребята из 01.tech ищут Middle+/Senior Product Designer
Ищут специалиста с продуктовым мышлением, вкусом и амбициями задавать уровень в iGaming и за его пределами. 📢 Что ожидают: - Более 3 лет опыта на аналогичной позиции и портфолио с продуктовыми кейсами; - Практический опыт с User Story, CJM, JTBD, качественными и количественными исследованиями; - Понимание HTML/CSS и JS; - Использование AI-инструментов для ускорения работы; - Плюсом будет умение в анимацию; - Плюсом будет интерес к крипте. 😍 Что предлагают: - Удаленку из любой точки мира; - Конкурентную заработную плату; - Английский, профильное обучение, компенсацию спорта и психолога; - Нескучную корпоративную культуру: киберспорт и воркшопы; - Реальное влияние на UX-стратегию продуктов холдинга; - Свободу принимать решения и тестировать гипотезы; - Среду, где можно расти быстрее через ответственность и сильную команду рядом. 🔠 Откликнуться в боте 🔠 Откликнуться в боте 🔠 Откликнуться в боте
Изображение поста
Изображение канала: Дизайн-библиотекарь
5 платформ для вдохновения, о которых ты мог не знать
Are.na Не соцсеть — а мышление. Здесь нет лайков и алгоритмов. Только каналы с визуальными и текстовыми коллекциями от дизайнеров, художников и исследователей. Лучшее место, чтобы найти нестандартные рефы и понять, как думают люди с насмотренностью. 📎 Ищи по тегам типа «grid systems», «vernacular typography» — найдёшь вещи, которых нет в Pinterest. Cosmos Визуальный мудборд нового поколения. Работает как Are.na, но с более красивым интерфейсом и акцентом на эстетику. Здесь собираются те, кто устал от Pinterest-овской коммерческой эстетики и хочет что-то более сырое и честное. 📎 Подписывайся на людей, чьи проекты тебя триггерят — их коллекции часто ценнее любых статей. Savee.it Курируемый мудборд с жёстким фильтром на качество — сюда не заходят случайные люди. Эстетика сырая, экспериментальная, без коммерческого шума. Одна из самых андеграундных визуальных баз прямо сейчас. 📎 Не трать время на поиск — просто открывай раздел «Explore» и скролль. Алгоритм здесь работает честно, без рекламы и продвижения. То что ты видишь — реально лучшее из загруженного. Fonts In Use Реальные примеры использования шрифтов в реальных проектах. Брендинг, плакаты, упаковка — всё с указанием гарнитуры. Если ты ищешь, как работает тот или иной шрифт в контексте — это must-have. 📎 Фильтруй по индустрии — найдёшь, как выглядит типографика в твоей нише. Letterform Archive Один из лучших архивов визуальной культуры в мире. Здесь хранятся оригинальные образцы шрифтов, рекламы, плакатов и книг с 1800-х до наших дней. Часть коллекции доступна онлайн бесплатно. 📎 Раздел «Online Collection» — это кроличья нора, в которую можно провалиться на несколько часов и выйти с идеями на год вперёд. Сохрани пост — и в следующий раз, когда будет творческий ступор, открывай не Pinterest, а эти места. 📎 Креативити
Video is not supported
Изображение канала: Дизайнер, привет
🎓 Стажер потратил месяц на исследование, нашел 2 респондентов из 250 опрошенных и забыл включить запись разговора
Сергей Федоричев пришел практикантом UX-проектировщиком в команду S3 в Selectel. Первое представление о работе было романтизированным: главное уметь проектировать интерфейсы, знать паттерны, аккуратно работать с макетами. Практика расставила всё по местам. Реальные пользователи вели себя не как в учебных кейсах, любое решение требовало учитывать ограничения продукта, бизнеса и инфраструктуры. Первая задача: паттерн Show More для скрытия информации. Сергей собрал примеры использования по всем продуктовым панелям, сгруппировал по целям, обсудил с дизайнерами. Результат неожиданный: полный отказ от паттерна. Show More стал антипаттерном, который не рекомендуется использовать. Незачем скрывать информацию от пользователей и заставлять их совершать дополнительные действия. Первое полноценное исследование: изучение пользовательского пути при подключении утилит к S3. Сергей искал новых пользователей, которые заходили на страницу создания бакета. Опросил примерно 250 человек, нашел только двоих потенциальных собеседников, причем не самых репрезентативных. В обоих случаях забыл включить запись разговора. На рекрутинг и два интервью ушел месяц. Исследование пришлось прекратить. Сергей не зафиксировал результат своей работы, это была ошибка. Внутри: – Первые дни практики: подключал утилиты к бакетам, проходил основные сценарии, разбирался в терминологии вместо чтения документации; – Паттерн Show More: собрал все варианты использования, сгруппировал по целям, пришел к выводу что это антипаттерн; – Дизайн-система это не про пиксели, это про коммуникацию и синхронизацию между разными продуктами; – SSL/TLS сертификаты в S3: построил user flow, выявил места где пользователь терял контекст, предложил интеграцию с менеджером секретов; – Рекрутинг респондентов: 250 опрошенных, 2 собеседника, забыл включить запись, месяц работы без результата; – Даже неудачное исследование нужно фиксировать: отклик ЦА, использованные каналы рекрутинга, риски, что можно улучшить; – Факт отсутствия ответа от ЦА это данные, а не провал. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Изображение канала: Tilda Publishing News
🚩 CJM или карта пути клиента — это способ разложить путь потенциального покупателя на конкретные шаги к приобретению ваших товаров или услуг. Такая система помогает увидеть реальные боли и мотивы клиента.
В карточках разбираем, какие задачи помогает решить CJM 👉 Подробнее о том, что такое CJM и как она связана с User Flow, читайте в нашей статье: https://tilda.education/customer-journey-map
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение канала: Дизайн-библиотекарь
Графдиз vs UI/UX-дизайнер:
кто ты? Графический дизайнер — это визуальный чувак. Делает стильные баннеры, посты, афиши, фирменные стили, упаковку и постеры для концертов. Если тебе кайф работать с иллюстрациями, типографикой, оттенками и визуальными экспериметами — welcome сюда. Основные скиллы: Photoshop, Illustrator, Figma для статичных макетов, свой стиль и вкус, много насмотренности. В портфолио — яркие айдентики, луковые постеры, визитки, мерч и арт-плакаты. Это про “визуально красиво”. UI/UX-дизайнер — это цифровой архитектор. Он строит сайты и приложения, чтобы было удобно, понятно и быстро. UI (User Interface) — рисуешь кнопки, интерфейсы, меню, чтобы хотелось кликать и ничего не сломалось. UX (User Experience) — думаешь за пользователя: где потеряется, что раздражает, как ускорить путь к цели. Тут много логики и тестирования, коллаб c разработчиками и аналитиками. Рабочие программы: Figma, Sketch, иногда Protopie. В портфолио — лендинги, мобильные приложения, навигация для сервисов. Фаст-факты: • UI/UX — чаще про командную работу, графдизайнеры могут фрилансить и быть самостоятельнее • Графдизайнер делает для офлайна (печать, мерч), а UI/UX скорее про онлайн • В UI/UX чаще высокий порог входа по знаниям, зато очень много работы и рост ближе к IT • Графдиз — твой выбор, если хочется самобытного стиля и свободы визуального самовыражения • В UI/UX легко уходить в аналитику, исследования и проектирование продуктов Всё равно не можешь определиться? Глянь реальные проекты, попробуй разные задачи — и сам почувствуешь, что ближе. Больше инсайтов и разборов профессий ищи на нашем сайте. 📎 Креативити
Изображение поста
Изображение канала: Дизайнер, привет
🏥 Врачи нарушали конфиденциальность пациентов, потому что консультации были неудобными
В старой версии платформы консультация работала так: кнопка с тремя точками, ввод email, переписка вне платформы. Консультанты не замечали письма, не переходили по ссылкам или отвечали поздно. Врачи пытались спасаться комментариями, но это нарушало правила безопасности. Никита Сошин и Александра Дёмина из evilUnion сделали перезапуск платформы цифровой патоморфологии Histoscan. Не редизайн, а полную перезагрузку B2B MedTech SaaS для клиник и лабораторий. Врачи работают в таких системах 40-56 часов в неделю, количество аннотаций на одном слайде достигает 100 штук, а ошибка может стоить чьей-то жизни. Главное открытие: отсутствие опыта в медицинских IT-продуктах оказалось преимуществом. Не стали заложниками устоявшихся правил и могли свободно экспериментировать. Внутри: — Панель информации случайно стала уникальным торговым предложением продукта; — Почему использовали шрифт 10px и он оказался читаемым (межбуквенный интервал +0,3px); — Система консультирования внутри приложения: запрос, уточнение, ответ, успешность 75%; — 200+ иконок с именами планет из Звездных Войн (цвета тоже: Татуин, Корусант); — Как сделали кнопку, которая одна работает на всех уровнях интерфейса. Статья с десятками скриншотов процесса, прототипами, User Flow и разбором каждого решения. Видно, сколько итераций прошли, прежде чем нашли то, что работает. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Изображение канала: Figma Design
User Profile — плагин для генерации аватаров с быстрой и гибкой настройкой.
Install plugin
Video is not supported
Изображение канала: Дизайн-снайпер
Минутка промта:
Дизайнер Дарья Суркова делится промтом для Nano Banana прототипа презентации упаковки на основе одного макета. Промт для Nano Banana Pro: Create ONE final image. A clean 3×3 [ratio] storyboard grid with nine equal [ratio] sized panels on [4:5] ratio. Use the reference image as the base product reference. Keep the same product, packaging design, branding, materials, colors, proportions and overall identity across all nine panels exactly as the reference. The product must remain clearly recognizable in every frame. The label, logo and proportions must stay exactly the same. This storyboard is a high-end designer mockup presentation for a branding portfolio. The focus is on form, composition, materiality and visual rhythm rather than realism or lifestyle narrative. The overall look should feel curated, editorial and design-driven. FRAME 1: Front-facing hero shot of the product in a clean studio setup. Neutral background, balanced composition, calm and confident presentation of the product. FRAME 2: Close-up shot with the focus centered on the middle of the product. Focusing on surface texture, materials and print details. FRAME 3: Shows the reference product placed in an environment that naturally fits the brand and product category. Studio setting inspired by the product design elements and colours. FRAME 4: Product shown in use or interaction on a neutral studio background. Hands and interaction elements are minimal and restrained, the look matches the style of the package. FRAME 5: Isometric composition showing multiple products arranged in a precise geometric order from the top isometric angle. All products are placed at the same isometric top angle, evenly spaced, clean, structured and graphic. FRAME 6: Product levitating slightly tilted on a neutral background that matches the reference image color palette. Floating position is angled and intentional, the product is floating naturally in space. FRAME 7: is an extreme close-up focusing on a specific detail of the label, edge, texture or material behavior. FRAME 8: The product in an unexpected yet aesthetically strong setting that feels bold, editorial and visually striking. Unexpected but highly stylized setting. Studio-based, and designer-driven. Bold composition that elevates the brand. FRAME 9: Wide composition showing the product in use, placed within a refined designer setup. Clean props, controlled styling, cohesive with the rest of the series. CAMERA & STYLE: Ultra high-quality studio imagery with a real camera look. Different camera angles and framings across frames. Controlled depth of field, precise lighting, accurate materials and reflections. Lighting logic, color palette, mood and visual language must remain consistent across all nine panels as one cohesive series. OUTPUT: A clean 3×3 grid with no borders, no text, no captions and no watermarks.
Изображение поста
Изображение поста
Изображение поста
Изображение канала: Tilda Publishing News
📈Если трафик на сайт высокий, а клиентов мало — это говорит, что пользователям неудобно им пользоваться. Понять, где возникает проблема поможет User Journey Map — визуальная карта пути пользователя по страницам.
Сделать базовую UJM для несложного сайта можно за 2−3 часа без аналитиков и сложных инструментов. А на подробную карту потребуется один день. Как это сделать, рассказали в статье 👉 https://tilda.education/user-journey-map">https://tilda.education/user-journey-map После прочтения узнаете: • Что такое UJM, кому и зачем нужна • Что потребуется собрать перед стартом • Как собрать карту User Journey Map • Как превратить собранные данные в конкретные улучшения сайта Время чтения: 21 минута
Изображение поста
Изображение канала: MOCKUPS & FONTS
Books that helped me at the start
You asked me in the comments which books helped me at the beginning of my design career, so I’m sharing the list here. All of these books are available in different languages. 1. Don’t Make Me Think — Steve Krug Teaches you to see interfaces through user effort and remove everything that makes people stop and think. 2. The Design of Everyуday Things — Don Norman Explains how design fails in daily life and how to build products that match human behavior. 3. Emotional Design — Don Norman Shows why emotions matter and how good design works not only logically, but emotionally. 4. Universal Principles of Design — William Lidwell et al. A clear overview of core design principles that apply across UX, UI, and product thinking. 5. Web Form Design — Luke Wroblewski A practical guide to designing forms that people actually complete without frustration.
Video is not supported
Изображение канала: Профессия Дизайнер
Logo To Use — коллекция из бесплатных логотипов.
logotouse.com
Video is not supported