Олния! Рограмма!

Опубликовали программу 52-х Дизайн-выходных в Ростове Великом. В этот раз глубоко погрузимся в темы территориального брендинга, исследования локальной идентичности, навигации, дизайн-кодов, разработки мерча и сувениров. кому удобнее вот версия в пдф но самая актуальная всегда в фигме. Подробное описание тем есть на сайте, там же и регистрация. Мероприятие, напомню — бесплатное, так что будем рады видеть всех.

Справились? Правильный ответ — на всех. Дизайн окружает нас повсюду: от дорожной навигации до типографики в ироничных мемах. Графический дизайн — это пространство, где сочетаются творчество, логика, работа с цветом и формой. Он открывает путь в маркетинг, брендинг, digital-сферу и множество креативных индустрий! Чтобы поддержать всех, кто делает первые шаги в этом направлении, мы создали закрытый Telegram-канал «Первые шаги в графическом дизайне». Внутри сообщества вас уже ждут: ▪️простые и понятные материалы для быстрого погружения в основы графического дизайна ▪️разборы удобных плагинов, которые облегчают рутинные задачи ▪️мини-лекции и мастер-классы от ведущего преподавателя курса Впереди ещё больше практики, разборов, вдохновения и полезных материалов! Если вы хотите развивать свои навыки в сфере графического дизайна — присоединяйтесь к нашему закрытому каналу. Записаться можно через Telegram-бота Дополнительного образования ❤️ ВК | MAX | RUTUBE | ДЗЕН

На гитхабе дизайнер создал файл 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 глубже )

В одежде и обуви пользователь редко покупает с первого взгляда. Он сравнивает, смотрит фото, думает про размер, доставку, наличие, пытается представить образ целиком. Поэтому удобство здесь решают не одна-две фичи, а десятки мелких решений по всей воронке: от меню и поиска до карточки товара, корзины и оформления. В этой подборке KISLOROD разобрали 10 российских fashion-магазинов и собрали 50 приемов, которые реально помогают покупать быстрее и спокойнее. Полезно тем, что материал не уходит в общие слова про «улучшить UX», а показывает конкретные паттерны, которые уже работают у Lamoda, Stockmann, Befree, O’stin, Zarina, Lime и других. Внутри: – Какие приемы в навигации и меню помогают быстрее попасть в нужный раздел; – Как поиск, фильтры и сортировка сокращают путь до товара; – Почему в fashion так важны подборки, готовые образы и стилистический контент; – Какие решения в каталоге ускоряют выбор без перехода в карточку; – Что в карточке товара реально снижает сомнения перед покупкой; – Как отзывы, параметры модели и размерные инструменты уменьшают риск ошибки; – Какие механики в корзине и кросс-сейле повышают средний чек; – Как контент, блог и подарочные сценарии тоже становятся частью воронки. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Коллекция шаблонов навигационных панелей для создания стильных дизайнов. 🖨Скачать набор🖨 #UIKit

Оля из Альфа-Банка очень правильно ставит акцент: вёрстка для дизайнера это не про «стать фронтендером», а про умение передавать свою идею в разработку без потерь. Пока дизайнер думает только картинкой, а не платформой, паттернами навигации, типами элементов и ограничениями технологии, на выходе почти всегда появляется один и тот же вопрос: «Что это вообще такое?» Самое ценное в статье не спор про ответственность, а список конкретных уровней, на которых всё ломается. Разметка экрана, Push и Present навигация, типы элементов, особенности серверной и комбинированной вёрстки. Если это не учитывать в макете, разработчик начинает додумывать за дизайнера, а дизайн-ревью превращается в попытку спасти то, что уже поехало. Внутри: – Почему вёрстка это не только код, но и качество ready-to-dev макета; – Как дизайнер теряет контроль над интерфейсом, если не думает про платформу; – Чем опасно путать паттерны навигации вроде Push и Present; – Почему типы элементов тоже влияют на итоговую вёрстку; – Как технология реализации экрана меняет ограничения для дизайна; – Что даёт команде более внимательное отношение к вёрстке уже на этапе макета; – Какие простые шаги помогают дизайнеру быстрее подтянуть матчасть; – Почему нормальная коммуникация между дизайном и разработкой экономит кучу времени и нервов. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Я затеяла исследование реального опыта людей с нарушениями слуха, зрения и когнитивными особенностями через посты на Reddit. Честно, не ожидала что всё получится так быстро. Антон, от всей души: спасибо. Впишу тебя в проект как человека, благодаря которому это случилось 💙 Но не могу не рассказать о нём. Антон руководит финтех-командой в платформе для локализации Smartcat в США. Захожу я значит почитать его канал @tobeproduct — а там пост про моего любимого Олега Пащенко, а там про продукт, а там про ИИ, Жюль Верн, Стругацкие, классическая русская литература, разработка приложений, тут же проект для вайбкодинга — и понимаю: у меня новый канал для закрепа! Вот тут навигация по каналу Антона. Пишу от всей души и на одном дыхании, потому что поражена, как много крутых людей здесь. Спасибо, что вы есть 🙏

Редизайн часто начинается с ощущения, что сайт устарел или просто всем внутри команды не нравится. Проблема в том, что такие ощущения почти невозможно защитить перед бизнесом. AGIMA на кейсе сайта «Халвы» показывает более трезвый подход: сначала зафиксировать состояние UX, потом менять интерфейс и только после этого смотреть, стало ли пользователю действительно лучше. Для оценки они взяли SUPR-Q и замерили сайт до и после редизайна. До изменений итоговый балл был 3,82, после стал 4,91. Это рост на 28%. Сильнее всего выросли доверие к информации, комфорт при покупках и общее удобство использования. В этом и ценность кейса: он не про «посмотрите, как стало красиво», а про то, как связать редизайн с измеримым пользовательским эффектом. Внутри: – Почему визуальная привлекательность сама по себе ничего не доказывает; – Какие три ловушки чаще всего мешают честно оценивать редизайн; – Чем количественные UX-исследования отличаются от качественных; – Почему для кейса «Халвы» выбрали именно SUPR-Q; – Как правильно настраивать UX-опросы, чтобы не собрать мусорные данные; – Какие ошибки чаще всего ломают результаты опросов; – Какие показатели у «Халвы» выросли после редизайна сильнее всего; – Как понять, что изменения улучшили не только внешний вид, но и доверие, навигацию и комфорт покупки. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

1. Людочка, плагины — только отборные плагины, с наглядными гифками и навигацией по хэштегам. 2. Людочка, дизайн — бесплатные 3D, иллюстрации, шрифты, нейросети, иконки, мокапы, видео. 3. Людочка, референсы — лучшие работы по веб-дизайну, чтобы тренировать насмотренность. Залетай, используй ❤️

Состоится уже на следующей неделе — 7 апреля в 17:00 📆 Осталось несколько мест! Записаться на встречу можно у куратора обучающих программ – АНДРИХОВОЙ ВЕРОНИКИ   andrikhova@yandex.ru       +7(903)126-26-34

Мы — ПрофиТех, строим B2B-платформу для медицины и стоматологии: маркетплейс медицинских товаров, финсервисы, аналитика и обучение для клиник. Задачи: — проектировать админки, кабинеты, CMS — прорабатывать сценарии, навигацию, логику — развивать UI-kit и дизайн-систему Ожидания: — опыт в продуктовом дизайне и сложных интерфейсах: админки, CRM, B2B — системное мышление, внимание к деталям — опыт создания/развития дизайн-системы — умеете аргументировать решения Условия: — удалёнка — ДМС — зарплата по рынку → Подробнее Контакт для отклика: @eldar_gatin #дизайн

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

Незрячий разработчик разобрал доступность 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 заголовками. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Постепенно начинаю открывать кейсы FOYEAH — моего независимого дизайн- и бренд-консалтинга. Один из наших больших проектов — платформа для Library for Architecture из Еревана. LFA — больше, чем библиотека. Это среда, где книги, обсуждения, воркшопы и люди вокруг них собираются в живое архитектурное сообщество. Новая инициатива ребят Live Archive объединяет исследовательские архитектурные и урбанистические работы со всего мира, связанные с Арменией. В FOYEAH мы разработали дизайн платформы и ее визуальную систему. Вызовом было удержать баланс между двумя крыльями проекта: архивом как инструментом и LFA как институцией. Так, чтобы сайт не раскололся на две независимые части. Главную страницу мы спроектировали с буквально «живым» ритмом и сеткой. Для архива продумали несколько сценариев просмотра, а для лонгридов — конструктор, который помогает превращать большие исследовательские материалы в легкую для чтения форму. Словно не спеша листаешь архитектурный журнал. Мотив точек из айдентики LFA обрел вторую жизнь — в интерфейсе он стал не только графическим, но и навигационным элементом. Что, пожалуй, символично: ведь это архив, которому движение ближе, чем покой. Смотрите кейс — https://www.behance.net/gallery/245336535/Library-for-Architecture

Как настраивать блоки и управлять публикациями через Потоки — узнаете на бесплатном вебинаре 17 марта. 👉 Запишитесь, чтобы получить ссылку перед началом: https://t.me/TildaEventsBot?start=dl-1772455090aa90626f4767 На вебинаре разберём: 🟠Как редактировать блоки и добавлять публикации; 🟠Как управлять постами в Потоках; 🟠Как настроить навигацию и подготовить сайт к запуску. Вебинар проведёт Кристина Волошина, эксперт службы поддержки в Tilda Publishing.

На словах задача простая: назначить пару сочетаний и ускорить работу в интерфейсе. На практике под этим шесть слоев конфликтов: операционная система, браузер, расширения, ассистивные технологии, плагины к ним и личные настройки пользователя. Ошибка в одном месте легко ломает привычную навигацию. Эрик Бейли показал это на реальном исследовании для Home, End, Page Up и Page Down. Он вручную проверил Windows и macOS, Chrome, Edge, Firefox, Safari, а также JAWS, NVDA и VoiceOver. Главный вывод: почти нет по настоящему безопасных сочетаний, а худший сценарий это поломка работы скринридера для человека, который полностью зависит от клавиатуры. Внутри: – Почему комбинация, которая выглядит свободной, часто занята браузером или скринридером; – Какие сочетания уводят пользователя со страницы и создают риск потери данных; – Почему симметрия клавиш Home и End важна для предсказуемого поведения; – Зачем в продукте нужен отдельный блок настроек горячих клавиш; – Какие различия между VoiceOver и JAWS или NVDA влияют на проектирование; – Почему ручное тестирование в этой задаче надежнее, чем попытка закрыть все через ИИ; – Какие ограничения проверки важно учитывать до релиза. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Иконки созданы с упором на доступность, функциональность и возможность применения в разных странах. По замыслу авторов, изображения из набора должны быть одинаково понятны людям из разных культур. Проект основан на общепринятых пиктограммах DOT, созданных Министерством транспорта США, и графических символах, рекомендованных стандартом ISO 7001. В онлайн-редакторе можно настраивать оптический вес, размер, жирность и скругление. Можно менять направление иконок для использования в регионах, где пишут справа налево. Подробности проекта. #инструменты@zhurnalus_lite

Вы его просили. Мы открыли доступ. Следующие 24 часа можно приобрести запись летнего интенсива со скидкой 50%. 👉 Забрать билет в экспедицию Напоминаю, что такое Дизайн-Сафари Это практикум про работу с графиками таблицами и сложными данными, где за 7 дней ты: — приручаешь сложные отчёты — осваиваешь инфографику — учишься делать дашборды, которые понимают с первого взгляда — подключаешь нейросети и экономишь часы рутины Что внутри экспедиции: ⛺️ Все уроки открываются сразу 🏔Два эфира со мной в записи 🏡 Telegram-бот с навигацией и напоминаниями 🦌 Челлендж на скорость — проходишь в удобное время 🗺 Доступ 2 месяца Практикум можно проходить в своем темпе. Домашние работы ты будешь сдавать на платформе и получать там же разборы от кураторов. Что узнаешь и прокачаешь — Инфографику в своих слайдах — Как упорядочить хаос: собираем разнородные данные в один цельный и понятный слайд — Работу с ChatGPT, Freepik и Recraft (на бесплатных версиях) — Скорость своей работы Плюс сделаешь 3 слайда в портфолио, за которые не стыдно. Кому точно в экспедицию — Тем, кто делает отчёты перед руководством — Фрилансерам и дизайнерам — Экспертам, спикерам, преподавателям — Тем, кто хочет брать более дорогие заказы Будет интересно и новичкам, и «опытным рейнджерам». Отдельный зверь — челлендж на скорость 🐆 Берёшь перегруженный слайд. У тебя 2 часа на его переделку. Готовь шляпу, бинокль и PowerPoint — выходим в дизайн-джунгли, где душные таблицы превращаются в трофейные слайды. 👉 Забрать место в Дизайн-Сафари

кто ты? Графический дизайнер — это визуальный чувак. Делает стильные баннеры, посты, афиши, фирменные стили, упаковку и постеры для концертов. Если тебе кайф работать с иллюстрациями, типографикой, оттенками и визуальными экспериметами — 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 легко уходить в аналитику, исследования и проектирование продуктов Всё равно не можешь определиться? Глянь реальные проекты, попробуй разные задачи — и сам почувствуешь, что ближе. Больше инсайтов и разборов профессий ищи на нашем сайте. 📎 Креативити

Настя Воронцова, ведущий продуктовый дизайнер в Товарах (Ozon), рассказала как проектировали CRM в мобильном приложении для продавцов. Основная задача: сделать инструмент, который не требует наличия у продавца маркетолога. Работу начала не с детальной проработки страницы, а с концептов. Они помогли быстро преобразовать желания менеджеров в требования для приложения, понять какая навигация нужна, как поделить проект для итеративной разработки. Потребовалось 6 итераций, чтобы полностью завершить раздел. Внутри: – CRM анализирует покупателей по RFM-анализу: давность сделки, частота, вложения, сегментирует на группы; – Закон Парето: 80% продаж исходят от 20% постоянных клиентов, важно сосредоточиться на этой группе; – Итерация 1: главная страница CRM, фильтры для переключения между сегментами, всё без скролла на стандартных телефонах; – Итерация 2: список покупателей с фильтрами по сегменту, среднему чеку, действиям, дате последней рассылки; – Фильтр "Действия покупателей": тип взаимодействия, количество товаров, период взаимодействия, можно точечно работать с аудиторией; – Итерация 3: список рассылок, отслеживание статусов и анализ результатов на основе конверсии; – Итерация 4: создание рассылки или баннера, предпросмотр, блок с напоминанием что выбрал на предыдущем шаге; – Итерация 5: рекомендации подсказывают как работать с сегментом, кнопка с действием предзаполняет часть данных автоматически; – Переход от переключения сегментов к вертикальному скроллу: снижает количество кликов, привычный паттерн для мобильных приложений. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы