А давайте просто на красивое посмотрим?😍
Второй сезон рейтинга — ВСЁ!
РКН официально запретил участие в рейтинге от дизай..
На днях мы закрыли рейтинг — очки больше не набираются, позиции зафиксированы.
Рады объявить тройку победителей, которые получат от нас памятные физические статуэтки:
🎙 — 💙 wave
🎙 — 💙 Пинк: креативное ателье
🎙 — 💙 duo sapiens*
Посмотреть полные результаты второго сезона рейтинга можно тут.
В течение недели сделаем пост с результатами во всей нашей медиасети и свяжемся с победителями, чтобы отправить им статуэтки!
Кто был близок к победе, не расстраивайтесь, мы рады сообщить, что сразу после второго сезона, мы запускаем третий!
Принимайте участие, мы верим, что у вас всё получится 🎙
С любовью, команда дизайнерс 🎙
🔥 Typeahead в духе Spotlight выглядит как мелочь, но внутри это очень нетривиальный UI-паттерн
Обычный автокомплит показывает список под полем. Typeahead работает иначе: продолжение появляется прямо внутри строки, и за счет этого пользователь не прыгает взглядом между инпутом и выпадающим списком. На словах просто. На деле это почти полностью кастомное поведение, которое не совпадает с нативной логикой HTML-инпутов.
Флориан Шульц очень хорошо разбирает, почему такая штука сложнее, чем кажется. Сначала он попробовал идти через реальное выделение текста, но на iOS это сразу развалилось из-за ручек выделения и странного поведения браузера. Потом пришел к overlay-подходу, где completion рисуется поверх инпута отдельным слоем, а дальше началась настоящая инженерия: beforeinput, кастомная обработка backspace, скрытие каретки, переполнение текста и даже проблема кернинга, из-за которой буквы начинали прыгать при вводе.
Внутри:
– Чем typeahead отличается от обычного автокомплита со списком подсказок;
– Почему решение через реальное выделение текста ломается на мобильных;
– Как работает overlay-подход с отдельным слоем поверх инпута;
– Какие события приходится перехватывать, чтобы поведение было естественным;
– Почему стандартный Highlight не дает одинаковый результат в разных браузерах;
– Как обрабатывать состояния фокуса, очистки и переполнения текста;
– Откуда берется проблема с кернингом при разбиении строки на span;
– Как можно компенсировать этот сдвиг, не отключая кернинг полностью.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Минутка обучения:
Очень простой урок, буквально для начинающих в Illustrator.
Учитывая отечественный тренд на национальные мотивы и оцифрованные ремесла — точно пригодится.
Автор: Đức Thắng DS
📄 Инструкция настройки базы знаний для UX-исследований по методу Андрея Карпаты
Я сейчас провожу Reddit-исследование на 1250 постах по цифровой доступности. И мне нужно сделать так, чтобы Claude искал только по моей базе, а не во всем интернете.
Недавно Андрей Карпаты (один из основателей OpenAI) выложил в X пост о том, как он хранит информацию как .md файлы (обычные текстовые файлы) и подключает Claude напрямую к этим знаниям.
Почему это лучше, чем просто загружать файлы в чат? Каждая сессия Claude начинается с чистого листа — приходится заново объяснять контекст. Claude Code подключён к папке постоянно через терминал: один раз структурировала знания, и они работают во всех следующих сессиях.
Настроила примерно за час и то, потому что протупила с путями, куда что сохранять. А так оч быстро ) Потом полдня писала эту инструкцию ) Буду рада вашим реакциям )
В будущем хочу попробовать: настроить поиск по смыслу (семантический), а не по точным словам: чтобы Claude находил «усталость», даже если в заметке написано «выгорание». Автоматизировать обработку новых источников — положила файл в папку, он сам превратился в структурированную заметку. И сделать так чтобы Claude знал базу без чтения файлов каждый раз, как это делает Notebook LM. Карпаты об этом тоже писал.
⚡️Написала инструкцию на VC⚡️
___
en<able> - о дизайне в A11y | Наши статьи на VC
Воркшоп: 10 плакатов за 1 час
от @vanokregular13
уже сегодня в 18:00! ❤️
приходите прокачать скорость и посмотреть на процесс дизайна с другого угла❤️
❤️ записаться ❤️
Минутка напомнить:
Захотелось напомнить как сто лет назад выглядели дизайнеры, художники и архитекторы.
Баухаус
SXL Studio — новый бесплатный набор инструментов для дизайнеров дизайн-систем, альтернатива Token Studio, быстрее и функциональнее. Поддерживает:
→ Database — маппинг слоев в фигме с backend данными из JSON, CSV, вставка картинок по https// ссылкам.
→ Tokens — применение, экспорт, поддержка более 35 типов токенов: number, sizing, spacing, dimenstion, typography, transition, image, color, fill, shadow, glass и другие.
→ Генерация component и componentSet из JSON (через ИИ можно конвертировать любой компонент (VUE3, React) в JSON и на основе этого кода сгенерировать в Figma точно такой же компонент)
→ Интеграция дизайна в Storybook
→ Экспорт переменных из JSON в CSS, Swift, Kotlin прямо из плагина
→ Поддержка GitHub и GitLab
→ Поддержка Dev Mode для Frontend разработчиков
→ Восстановление связей с master компонентом или подключение открепленных инстансов к мастер компоненту
→ Поддержка Remote соединения с Agent AI
Install plugin
Спорим, что вы пробовали создавать свои буквы с нуля, но получалось не всегда?
Или получалось, но не выглядело лучше, чем если бы вы взяли готовый шрифт. Хотя вы всё делали ровненько и аккуратно.
Буквы кажутся простыми, потому что мы с ними с детства. Кажется, что мы знаем их досконально.
Но стоит приблизиться и оказывается, что они сложные, неправильные, даже в чём-то кривые. Замечали?
🤌 Бьюсь об заклад, что вы совершали ил продолжаете совершать несколько из этих ошибок:
1. Все буквы равной высоты
Например, буква О выше буквы П. Мелочь, но если её не учесть, то получится неаккуратно.
2. Буква И как перевёрнутая N
Они радикально отличаются. Просто есть шрифты, в которых это менее заметно. Ошибёшься и слово будет выглядеть глупо.
3. Буква Л как перевёрнутая V
Это показатель дилетанта. Русская буква Л – даже треугольной формы – имеет “клюшку”.
4. Одинаковые расстояния между буквами
Ну, было же? Даже если сейчас вы уже шарите за оптический кернинг.
5. Случайная геометрия букв в слове
Когда вы не выбираете форму буквы, а делаете как пойдёт. В результате получается “дёшево”.
6. Жёстко привязываетесь к линейкам
Устанавливаете одну-две горизонтали и привязываетесь к ним. Получается криво и не выглядит органично.
7. Одинаковые толщины штрихов, углы диагоналей
Кажется, что так будет красивее, но по факту получается ровно наоборот.
***
Перечитала пост и начало казаться, что напугала вас сложностью.
На самом деле всё не так уж сложно. Да, надо приноровиться, но вы справитесь – даже кайфовать будете.
А уж как это поднимет самооценочку и заткнёт за пояс синдром самозванца. Ух!
Оч жду встречи с вами на СТРИМЕ.
Ищу желающих заполнять карточки товаров на ВБ!
Работа полностью на удаленке с зп до150 000 рублей в месяц.
Без опыта, нужен только телефон, занятость 3-6 часов в день.
Всему обучат на бесплатном курсе и после возьму на работу:
✅ 3 дня уроков по 30 минут
✅ Домашки с проверкой и оплатой бонусами
✅ Плачу 10 тыс за каждую выполненную домашку
Все кто пройдет курс, получат сертификат от школы с образовательной лицензией.
⚡ Набор заканчивается завтра.
👍 Для регистрации жмите кнопку "Зарегистрироваться"
Зарегистрироваться
#реклама 16+ course.wildmanager.ru
О рекламодателе