НЕДЕЛЯ ОТКРЫТЫХ ДВЕРЕЙ

ДЕНЬ 5 ИЗ 7 Сегодня расскажу о системе навигации в канале: о том, как она устроена и как упрощает поиск нужных решений. В канале мы публикуем проекты не целиком, а по зонам – кухня, спальня, ванная, прихожая и так далее. Потому что так реально УДОБНЕЕ. Проекты и бюджеты очень разные, и вкус у всех тоже очень разный. Редко кто пересматривает весь объект “от корки до корки”, потому что чаще всего нужен не проект целиком, а точный ответ на конкретный запрос: как оформить кухню, какой свет повесить в спальне, где купить этот диван, что делать с маленьким санузлом. Поэтому структура https://golnk.ru/lgN8X">Потрясных находок выстроена так, чтобы любой мог: • открыть нужный тег и сразу получить сотни примеров по своей задаче – если нужен пример кухни, он открывает тег #кухня, внутри хэштега варианты из всех наших проектов за 3 года.; • сравнить решения в одном стиле или бюджете; • быстро понять, что подходит, а что нет; • и применить найденное в своём ремонте без долгих поисков. Но удобная навигация – далеко не все, что есть в канале. Тариф навсегда открывает доступ к практическим урокам. Один из самых важных и полезных – «Как с бетона дойти до чистовой отделки». В нем подробно разобрали: • Где искать бригады, какие задавать вопросы — 🔴 и 🟢 флаги • Как не попасть на развод при расчётах от бригады • Как дистанционно обсудить срок и цены на ремонт и кого для этого пригласить • Наша вилка цен со строителями • Когда и кому платить, по какому договору (бонус — шаблон нашего свежайшего договора с бригадой) • Кто закупает материалы и кто за них отчитывается • Из чего РЕАЛЬНО складывается стоимость ремонта • Как выглядит живая смета и как ею управлять • Что меняется, если вы стартуете не с бетона, а с white box • И 40 последовательных пунктов ремонта, которые проходят ВСЕ наши объекты (стяжка, отопление, электрика, водоснабжение, сантехника, опрессовка, перепланировка и т.д.) https://golnk.ru/lgN8X">Канал дает не только вдохновение, но и пошаговый путь ремонта: что делать, в какой последовательности, сколько это стоит и где чаще всего возникают ошибки. Урок доступен участникам с подпиской НАВСЕГДА – срок, который без спешки покрывает полный цикл ремонта для тех, кто делает его впервые. После оплаты вы получаете: • урок «С бетона до чистовой отделки» • урок «Грамотное управление бюджетом» • урок «Тренды и антитренды в интерьере 2026-2027г.» • таблицу с промокодами и проверенными подрядчиками 🔥 эксклюзивный доступ к каналу реалити «Ремонт для себя с Юнной», где я делюсь процессом своего ремонта и прикладными советами, а не просто ссылками 🔥 полный гайд по отделке на 172 страницы, где разобрано КАЖДОЕ решение на плюсы и минусы Ссылка на вступление — https://golnk.ru/lgN8X

🗂 Вкладки работают, пока не пытаются заменить всю навигацию

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

НЕДЕЛЯ ОТКРЫТЫХ ДВЕРЕЙ

ДЕНЬ 1 ИЗ 7 За последний месяц к каналу Yuloo Studio присоединилось более 5000 светлых голов. Чему я несказанно рада и каждого приветствую! Я часто пишу про наш канал “https://golnk.ru/yBlaW">Потрясные находки”, но возможно, новенькие до сих пор не знают, что это такое. Расскажу обо всем по порядку. Идея канала появилась весной 2022 года, когда я в очередной раз упаковывала интерьер и поняла: у меня в руках огромная база проверенных товаров, которые переезжают из проекта в проект. А еще – сотни классных вещей, которые не подошли одному объекту, но идеально подошли бы другому. Так появились Потрясные находки – правая рука и личный карманный дизайнер для тех, кто делает ремонт самостоятельно. Это закрытый телеграм-канал, где мы публикуем реальные проекты студии после завершения ремонта: со ссылками, ценами, сметами, материалами, оттенками стен и мебелью, которую можно повторить в своей квартире. https://golnk.ru/yBlaW">Канал не имеет ничего общего с подборками из Пинтерест для вдохновения – это библиотека проверенных решений, которую мы собираем 4 года. Для кого канал? ✔️ Для тех, кто делает ремонт сам ✔️ Для дизайнеров, которым нужно комплектовать проекты быстрее ✔️ Для инвесторов и флипперов, которым нужно сделать классный интерьер и уложиться в бюджет Что внутри? • ежедневные подборки по комнатам: кухни, спальни, ванные, прихожие, гардеробные • реальные ссылки на товары из наших объектов • полные сметы 300+ проектов • материалы мебели на заказ • краски, плитка, техника, свет • контакты проверенных мастеров • удобная навигация по любым темам Вы можете повторить любой интерьер полностью или собрать свой – на любой бюджет. Достаточно вступить на любой срок по ссылке – https://golnk.ru/yBlaW Когда проектов много, мы можем публиковать и до 5 подборок в день. Недавно был именно такой день: 5 постов подряд, чтобы закрыть проекты в срок. Удобная навигация в канале помогает найти нужное за короткое время с таким объемом информации Сегодня первый день открытых дверей. Поэтому встречайте подборки👇🏻

🤓 Дизайн — Разминка №99

🟣 Контекст LinkedIn почти не меняется визуально — десктоп выглядит так, будто застрял в 2015. тесная колонка по центру, бесконечные дропдауны, ноль воздуха. при этом это одна из главных рабочих платформ в мире 🟣 Задача передизайни именно этот экран — публикацию вакансии на LinkedIn возьми ту должность, которую реально ищешь или нанимаешь у себя в команде — чтобы контент был живой, а не «рыба» можно десктоп или мобилку 🟣 Правила бренд остаётся узнаваемым — синий, иконка in, общая логика платформы всё остальное можно: сетка, типографика, иерархия, плотность, интеракции, навигация 🟣 Фокус думай как продуктовый дизайнер, а не декоратор покажи как стало удобнее: меньше шума, понятнее путь, живее интерфейс объясни что менял и зачем 🟣 Время ⏱ 50 минут 🟣 Результат несколько экранов + короткий комментарий к решению за прототип или анимацию респектос 🟣 Дедлайн 4 дня / 26 июня Обсуждение и сплетни: t.me/Designwarmups_chat Сайт designwarmups.com #99_ДизайнРазминка
🆕 Компьютерный клуб — новый базовый шаблон
Яркий шаблон с неоновой эстетикой, динамичной подачей контента и удобной навигацией. Поможет эффектно рассказать о вашем компьютерном клубе, игровых зонах, тарифах, мероприятиях и преимуществах для посетителей. Посмотрите, как выглядит новый шаблон 👉 https://examples-ru.tilda.ws/gamingclubru При создании шаблона использовались базовые блоки, поэтому его легко редактировать даже без навыков веб-дизайна.   🎮 Чтобы выбрать этот шаблон, создайте новую страницу и перейдите в категорию Бизнес.   Выбор шаблона не ограничивает ваше творчество. Вы можете изменить его до неузнаваемости, используя блоки из нашей библиотеки, а также Zero Block и Вайб-блок. Как вам новый шаблон? Делитесь в комментариях! 💬
🎛️ Дизайн не умер, просто картинки больше не спасают
Nathan Beck пишет о тревоге вокруг ИИ без привычной паники в духе «всё, дизайнеры больше не нужны». Claude Code, Cursor и другие инструменты действительно расширили возможности дизайнера: можно быстрее собрать интерактивный прототип, проверить странную идею, нащупать сложное взаимодействие и превратить то, что раньше умерло бы в обсуждении «не в скоупе», в работающий HTML-файл. Но автор хорошо отделяет производство интерфейсных картинок от дизайна как работы с системой. Если человек большую часть времени просто рисовал плоские экраны, ему действительно будет больно. ИИ уже умеет делать средний, аккуратный и довольно банальный интерфейс. Дизайн начинается там, где нужно понять, зачем вообще существует решение, как оно работает, какие предположения в команде надо оспорить, как устроена модель продукта и почему чат-поле не может заменить все способы взаимодействия человека с программой. Внутри: – Почему разговоры о смерти дизайна часто путают дизайн и стилизацию; – Как Claude Code и Cursor помогают дизайнерам быстрее проверять идеи; – Почему чат-интерфейс не является универсальной заменой кнопкам, формам и навигации; – Зачем дизайнерам критически относиться к словам вроде «разговорный интерфейс»; – Почему работа в Фигме важна не только как финальный макет, но как способ мышления; – Как ИИ помогает выйти за прежние рамки скоупа, но не снимает ответственность за решение; – Почему результат моделей часто скатывается к аккуратной посредственности; – Что останется задачей дизайнера, когда первые демо перестанут казаться магией. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🆕 URL для Каталога товаров
У Каталога товаров появились новые возможности для удобной навигации и SEO. Теперь вы можете: 🟠назначить собственную главную страницу каталога; 🟠задать адреса для разделов и подразделов; 🟠настроить адрес ссылок товаров. Это позволит вести покупателей сразу в нужные категории, создавать более понятные ссылки и улучшить индексацию каталога в поисковых системах. В карточках рассказываем подробнее 👉 Более подробную инструкцию читайте в Справочном центре: https://help-ru.tilda.cc/online-store/catalog/category#main-page Как вам обновления? Делитесь в комментариях! 💬 #tildaupdates
🚗 Интерфейс за рулём нельзя проектировать как обычное приложение
Команда дизайна и исследований Делимобиля собрала гайд по безопасным интерфейсам для сервисов, которыми могут пользоваться в машине. Это не только про карты и навигацию. Сюда же попадают звонки, музыка, заправки и любые сценарии, которые человек хотя бы теоретически может открыть во время движения. Важная рамка здесь простая: сначала нужно спросить не «как сделать удобнее», а «должен ли водитель вообще делать это за рулём». Если нет, функция должна уходить в режим стоянки или автоматизироваться. Если да, интерфейс проектируется по другим правилам: меньше действий, выше читаемость, крупнее цели, понятнее состояние, меньше визуального шума. На скорости 60 км/ч одна секунда взгляда в экран это уже 16 метров без полноценного внимания к дороге. Внутри: – Почему водительский интерфейс нельзя считать упрощённой версией мобильного приложения; – Как решить, можно ли вообще оставлять сценарий доступным во время движения; – Почему лучшая функция для водителя часто та, которая не требует действия; – Какие правила помогают оценивать читаемость, контраст, шрифты и анимации; – Что разрешено делать за рулём, а какие сценарии лучше блокировать до стоянки; – Из каких компонентов собирать безопасные экраны для машины; – Почему дизайн-решения здесь оцениваются не только по удобству, но и по риску отвлечения; – На какие стандарты опирается гайд: ГОСТ, ISO, NHTSA и Android Automotive. ➡️ Читать гайд ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
NavBoo!
Плагин, который упрощает создание навигационных панелей. Включает готовые шаблоны с Auto Layout для быстрого и удобного дизайна Install
💸 В DeFi первая сессия часто ломается не на трейдинге, а еще раньше, на перегруженном интерфейсе
У 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 мест.
♿️ Accessibility в приложении нужна не только людям, но и AI-агентам
Обычно 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 | ДЗЕН
Проверка проекта в 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 глубже )
🛍 50 UX-приемов, из которых и собирается удобный fashion e-commerce
В одежде и обуви пользователь редко покупает с первого взгляда. Он сравнивает, смотрит фото, думает про размер, доставку, наличие, пытается представить образ целиком. Поэтому удобство здесь решают не одна-две фичи, а десятки мелких решений по всей воронке: от меню и поиска до карточки товара, корзины и оформления. В этой подборке KISLOROD разобрали 10 российских fashion-магазинов и собрали 50 приемов, которые реально помогают покупать быстрее и спокойнее. Полезно тем, что материал не уходит в общие слова про «улучшить UX», а показывает конкретные паттерны, которые уже работают у Lamoda, Stockmann, Befree, O’stin, Zarina, Lime и других. Внутри: – Какие приемы в навигации и меню помогают быстрее попасть в нужный раздел; – Как поиск, фильтры и сортировка сокращают путь до товара; – Почему в fashion так важны подборки, готовые образы и стилистический контент; – Какие решения в каталоге ускоряют выбор без перехода в карточку; – Что в карточке товара реально снижает сомнения перед покупкой; – Как отзывы, параметры модели и размерные инструменты уменьшают риск ошибки; – Какие механики в корзине и кросс-сейле повышают средний чек; – Как контент, блог и подарочные сценарии тоже становятся частью воронки. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
50 Mobile Bottom Navigation Bar by James
Коллекция шаблонов навигационных панелей для создания стильных дизайнов. 🖨Скачать набор🖨 #UIKit