🆕 Компьютерный клуб — новый базовый шаблон

Яркий шаблон с неоновой эстетикой, динамичной подачей контента и удобной навигацией. Поможет эффектно рассказать о вашем компьютерном клубе, игровых зонах, тарифах, мероприятиях и преимуществах для посетителей. Посмотрите, как выглядит новый шаблон 👉 https://examples-ru.tilda.ws/gamingclubru При создании шаблона использовались базовые блоки, поэтому его легко редактировать даже без навыков веб-дизайна.   🎮 Чтобы выбрать этот шаблон, создайте новую страницу и перейдите в категорию Бизнес.   Выбор шаблона не ограничивает ваше творчество. Вы можете изменить его до неузнаваемости, используя блоки из нашей библиотеки, а также Zero Block и Вайб-блок. Как вам новый шаблон? Делитесь в комментариях! 💬

Nathan Beck пишет о тревоге вокруг ИИ без привычной паники в духе «всё, дизайнеры больше не нужны». Claude Code, Cursor и другие инструменты действительно расширили возможности дизайнера: можно быстрее собрать интерактивный прототип, проверить странную идею, нащупать сложное взаимодействие и превратить то, что раньше умерло бы в обсуждении «не в скоупе», в работающий HTML-файл. Но автор хорошо отделяет производство интерфейсных картинок от дизайна как работы с системой. Если человек большую часть времени просто рисовал плоские экраны, ему действительно будет больно. ИИ уже умеет делать средний, аккуратный и довольно банальный интерфейс. Дизайн начинается там, где нужно понять, зачем вообще существует решение, как оно работает, какие предположения в команде надо оспорить, как устроена модель продукта и почему чат-поле не может заменить все способы взаимодействия человека с программой. Внутри: – Почему разговоры о смерти дизайна часто путают дизайн и стилизацию; – Как Claude Code и Cursor помогают дизайнерам быстрее проверять идеи; – Почему чат-интерфейс не является универсальной заменой кнопкам, формам и навигации; – Зачем дизайнерам критически относиться к словам вроде «разговорный интерфейс»; – Почему работа в Фигме важна не только как финальный макет, но как способ мышления; – Как ИИ помогает выйти за прежние рамки скоупа, но не снимает ответственность за решение; – Почему результат моделей часто скатывается к аккуратной посредственности; – Что останется задачей дизайнера, когда первые демо перестанут казаться магией. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

У Каталога товаров появились новые возможности для удобной навигации и SEO. Теперь вы можете: 🟠назначить собственную главную страницу каталога; 🟠задать адреса для разделов и подразделов; 🟠настроить адрес ссылок товаров. Это позволит вести покупателей сразу в нужные категории, создавать более понятные ссылки и улучшить индексацию каталога в поисковых системах. В карточках рассказываем подробнее 👉 Более подробную инструкцию читайте в Справочном центре: https://help-ru.tilda.cc/online-store/catalog/category#main-page Как вам обновления? Делитесь в комментариях! 💬 #tildaupdates

Команда дизайна и исследований Делимобиля собрала гайд по безопасным интерфейсам для сервисов, которыми могут пользоваться в машине. Это не только про карты и навигацию. Сюда же попадают звонки, музыка, заправки и любые сценарии, которые человек хотя бы теоретически может открыть во время движения. Важная рамка здесь простая: сначала нужно спросить не «как сделать удобнее», а «должен ли водитель вообще делать это за рулём». Если нет, функция должна уходить в режим стоянки или автоматизироваться. Если да, интерфейс проектируется по другим правилам: меньше действий, выше читаемость, крупнее цели, понятнее состояние, меньше визуального шума. На скорости 60 км/ч одна секунда взгляда в экран это уже 16 метров без полноценного внимания к дороге. Внутри: – Почему водительский интерфейс нельзя считать упрощённой версией мобильного приложения; – Как решить, можно ли вообще оставлять сценарий доступным во время движения; – Почему лучшая функция для водителя часто та, которая не требует действия; – Какие правила помогают оценивать читаемость, контраст, шрифты и анимации; – Что разрешено делать за рулём, а какие сценарии лучше блокировать до стоянки; – Из каких компонентов собирать безопасные экраны для машины; – Почему дизайн-решения здесь оцениваются не только по удобству, но и по риску отвлечения; – На какие стандарты опирается гайд: ГОСТ, ISO, NHTSA и Android Automotive. ➡️ Читать гайд ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Плагин, который упрощает создание навигационных панелей. Включает готовые шаблоны с Auto Layout для быстрого и удобного дизайна Install

У DeFi-приложений старая проблема: человеку с первого экрана кидают кошельки, комиссии, свапы, стейкинг, адреса и кучу терминов, где ошибка может стоить денег. В этом кейсе проверяли идею попроще: не показывать всё сразу, а дать пользователю выбрать нужные модули в онбординге и тем самым сузить первый пользовательский опыт под его задачи. Исследование получилось очень прикладным. Сначала интервью и сегментация, потом гипотезы, прототип на SwiftUI и сравнительный юзабилити-тест против реальных конкурентов. На тесте решение дало сильный эффект в части скорости и удобства: депозит в стейкинг проходили на 28% быстрее, перевод на 43% быстрее, а в сценарии перевода еще и снижалось количество ошибок. Для сложных финансовых продуктов это очень сильный аргумент в пользу прогрессивного раскрытия, а не экрана, где навалено всё сразу. Внутри: – Какие боли в первой сессии чаще всего ломают активацию в DeFi; – Как интервью помогли выделить два главных драйвера: безопасность и удобство; – Почему фокус сместили на модульный онбординг вместо очередного редизайна навигации; – Какие гипотезы дали приоритет по удобству, доверию и прозрачности; – Как прототип собирали через модульные флаги и адаптивный UI; – Как был устроен сравнительный юзабилити-тест против Bybit, Uniswap и Trust Wallet; – В каких сценариях решение реально снизило время и ошибки; – Почему для MVP дальше логично идти в событийную разметку, когорты и A/B-тесты. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

два дня, 20+ дизайнеров из мтс, ⚪️ ⚪️ ⚪️ ⚪️ ⚪️ от нас и задача: новый формат навигации главной страницы, который будет отражать реальные потребности клиента, а не продуктовую линейку. на выходе получилось пять концептов, и один особенный — тиндер-механика. в финтехе, где интерфейсы обычно как налоговая, это выглядит свежо и бьёт в главную метрику: рост подключений продуктов. разве можно устоять перед этим кастомом карт? 💕 обычно вся соль таких b2b-воркшопов — дизайнить без оглядки на привычные установки. для мтс это был предварительный этап подготовки к редизайну. в моменте важно было создавать реализуемые решения. отдельные тейки команда ⬜️ андрея уже на воркшопе начала фреймить под внутренний питчинг. мы это всё к чему: ⚪️ ждём, как это докрутят в проде ⚪️ если нужно поштурмить над продуктом — пишите ⚪️ элис, она организует

👉Итак, прочиталн лекцию на 52-х Дизайн-выходных в Ростове Великом. Рассказ про локальный мерч, от идеи до реализации и как работать с локальной идентичностью. Но, кроме меня рассказывали про нас: 👉Вячеслав Правдзинский в своей исторической лекции «русский стиль». Упомянул и матрешку и Абрамцево, как центр поиска русского стиля. 👉Егор Мызник, рассказал про этапы работы над нашей навигацией. 👉Тихон Резцов про разработку посадских шрифтов «Соколов» и «Фавроский». 👉Асмысл упомянул в методике разработке карт для города. Это выше любого уровня счастья и гордости, которое я испытываю видя таких сильных, смелых, умных людей, которые вкладывают в нас свой труд! Спасибо большое!☺️ Кстати, если вы тоже хотите поучаствовать в развитии нашего города, пишите, у нас ещё куда развиваться! Всех обнял)

navbar.gallery

Рактикумы! #rec2273339621">Опубликовали запись на практикумы 17 мая в рамках Д-в в Ростове Великом. Что в программе: 1. Практикум по редизайну городской навигации с Тимой Копытиным. Ищем в Ростове дизайн, который нас с вами бесит — вместе с Тимой обсуждаем и переделываем его в более лучший! Доступно для записи — 10 мест. 2. Практикум по территориальному брендингу с Алексеем Дружининым. За 4 часа участники пройдут путь, на который агентствам обычно требуется год. Лучшие участники получат возможность продолжить работу с Алексеем над проектами в Ярославской области. Доступно для записи — 30 мест. 3. Практикум по разработке мерча с Вячеславом Правдзинским. В рамках методологии Сенежа про экспресс-проектированию пройдём путь от идеи до визуализации за 3 часа и попробуем разработать мерч для Ростова Великого, который самим хотелось бы купить. Доступно для записи — 30 мест.

Обычно AI-агенты работают с интерфейсом как человек: делают скриншот, пытаются понять по пикселям, где кнопка, и тыкают по координатам. Это медленно, дорого по токенам и довольно хрупко. Автор показывает более умный путь: использовать accessibility tree, который уже есть внутри iOS-приложения и который читают VoiceOver и XCTest. Если у элементов нормально заполнены identifier, label, hint, value и traits, агенту не нужно гадать по картинке. Он может детерминированно находить элемент, понимать, что он делает, и нажимать точно в цель. Плюс это полезно не только для AI: вы одновременно улучшаете доступность для людей и делаете приложение гораздо удобнее для автоматизации, тестов и агентной навигации. Внутри: – Почему навигация по скриншотам для AI дорогая, медленная и хрупкая; – Что такое accessibility tree и какие пять свойств в нем важны; – Какие SwiftUI-модификаторы стоит добавлять на кнопки, строки списков и экраны; – Зачем отслеживать координаты элементов, если у них уже есть identifier; – Почему строгий нейминг accessibility-id сильно помогает агентам; – Как populated accessibility tree меняет экономику токенов и скорость работы; – Почему AI-навигация полезна не только для тестов, но и прямо во время разработки; – Как accessibility и AI support здесь работают как одна и та же инвестиция. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Опубликовали программу 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. Людочка, референсы — лучшие работы по веб-дизайну, чтобы тренировать насмотренность. Залетай, используй ❤️