DevNotes Live
6 subscribers
84.3K photos
12K videos
195 files
35.4K links
Автоматический агрегатор IT ресурсов в Telegram (@devnotes_robot)
Информация: https://t.me/devnotes_live/121
Download Telegram
Forwarded from UI_UX inspiration
Forwarded from UI_UX inspiration
Минутка студента:

Жесткая, динамичная и целостная работа с оправданным использованием самого популярного цветового сочетания в графическом дизайне.

Ребрендинг фотолаборатории «ЛУЧ»

Дизайнер Анна Ситникова,
Куратор Леонид Славин
👩‍💻 Cypress + axe-core: быстрый старт тестов на доступность

Показываю, как быстро втащить тесты доступности в проект на Cypress с axe-core и TypeScript. Проверим контраст, aria-label, роли и alt, чтобы сделать интерфейс удобным не только для здоровяков.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from UX Notes
Виктор Теплов рассказал, как работать с иконками в Фигме. А я немного дополнил из других источников.

— Иконку преобразуйте в векторную форму (flatten);
— Исходник полезно сохранить, чтобы не перерисовывать иконку, если в будущем потребуется её изменить;
— Назовите слой Vector. Это стандартное имя для таких слоёв. Можно удалить текущее название и нажать Enter, Фигма подставит слово Vector;
— Иногда слой называют Shape, чтобы название отражало суть;
— Чтобы цвета не слетали при смене иконок в компонентах: создайте копию слоя Vector, объедините эти 2 слоя (union), появится объединяющий слой с именем Union, удалите копию слоя Vector. Задавайте цвет слою Union;
— Иногда этот слой называют Color, чтобы отразить его суть;
— Если во всех иконках будут аккуратно названные слои Vector, то красить можно и их, цвета слетать не должны. Подход со слоем Union позволяет сохранить цвет, когда внутри иконки один вектор полностью меняется на другой;
— Лучше использовать обычный #000000, а не цветовой токен. Так в макетах и компонентах можно отследить, какие иконки не покрашены;
— Можно выбрать какой-нибудь необычный цвет (например, коричневый), чтобы он бросался в глаза, но не слишком, чтобы не усложнять просмотр иконок в библиотеке;
— Векторный слой иконки должен скейлиться;
— Расположите его внутри квадратного контейнера (например, 24×24 px);
— Называть компоненты иконок лучше по тому, что изображено (например, magnifying_glass), без префикса icon или обозначения размера;
— В поле Description можно записать синонимы, по которым могут искать такое изображение в ассетах (например, search);
— В компоненты вставляйте иконки и создавайте свойство Swap instance с именем icon, выбирайте свои иконки в Preferred values.

#figma #icon #design_system
Мне тут наконец-то объяснили, такое AI-агент.

Это когда мы в первом запросе предоставляем ИИ список тулов, которыми ей можно пользоваться. Пользоваться — это просить нас (клиента) запустить тул с нужными параметрами и вернуть нейросети ответ. И всё это в вечном цикле, не забывая каждый раз прикреплять к запросу всю предыдущую историю переписки. Всё.

Вот отличная статья с примером полной программы, которая делает именно это. Подзаголовок замечательный «Король-то голый!»

Отсутствие сложности не делает этот прием менее полезным. Если включить этот режим в редакторе Cursor — то он сам запросит нужные файлы, прогонит линтер и запустит любые другие нужны утилиты. «Вы и есть за меня будете?!»
This media is not supported in your browser
VIEW IN TELEGRAM
Forwarded from Адовый UX
Раньше предложка была у меня в личке. Теперь будет в сообщениях канала. Присылайте свои примеры туда, пожалуйста

Кстати, пользуясь случаем, хочу сказать огромное спасибо всем, кто присылает мне в личку примеры адового юикса. Вы клёвые! Именно благодаря вам я нахожу самые смачные материалы для постов! 😈
Please open Telegram to view this post
VIEW IN TELEGRAM
Удивительно, на какие ухищрения идут Яндекс и Фейсбук, чтобы отследить, на какие веб-сайты мы ходим.

Если на вашем Андроид-телефоне установлен Инстаграм или Яндекс.Карты, то при открытии веб-страниц с трекером Фейсбука или Яндекса соответствующая компания знает, что это именно вы открыли веб-страницу. Не спасут даже режим инкогнито и отдельный браузер.

Для этого они, ни много ни мало, запускают локальный веб-сервер прямо на мобильном устройстве.

После публикации статьи Фейсбук перестал это делать, Яндекс — продолжает. Производители браузеров спешно исправляют уязвимость.

Под iOS это не работает только потому, что там нельзя запустить долгоживущие фоновые процессы, это сделано для экономии батареи.

Интересно, потребует ли кто-то из европейских регуляторов оборотные штрафы?
Forwarded from Адовый UX
Ничего необычного, просто ты долистал до конца статью про дизайн в 2025 году
Как поёт искусственный интеллект
Ссылка на проект

Поиск по теме:
#лонгрид #спецпроект

💣 PSD
This media is not supported in your browser
VIEW IN TELEGRAM
Плагин 3D Motion Graphics — позволяет преобразовать статические кадры в потрясающую 3D-анимацию, добавляя движение и эффекты.

Он подходит для различных элементов дизайна, таких как текст, изображения и векторы. Интерфейс плагина интуитивно понятен, а настраиваемые параметры позволяют добиться идеального эффекта.

Анимации могут быть легко экспортированы в виде видеороликов для публикации на различных платформах.

Плагин полезен для дизайнеров, создателей контента, маркетологов, преподавателей и разработчиков, помогая улучшить их проекты и привлечь внимание аудитории.

#плагин #3D #анимация

Источник

👨 Дизайн-телега
Forwarded from Новые шрифты
Шрифт Svyaz by Alexey Atapin

Бесплатно для личных и коммерческих проектов.

📁Скачать Шрифт

#Latin #Free #Cyrillic

🅰️ Новые шрифты