Когда мы говорим про IT и дизайн, обычно вспоминают мужчин: Джонатана Айва, Якоба Нильсена, Дона Нормана или Йозефа Мюллера-Брокманна. Но многие вещи, которые сегодня составляют основу цифрового дизайна, придумали женщины.

🔵Первый алгоритм в истории Ада Лавлейс в 1843 году описала алгоритм для аналитической машины Бэббиджа. Это считается первой программой в истории. В викторианской Англии женщинам из аристократии не было принято активно публиковаться в научных журналах, поэтому работа была подписана A.A.L.. Также она писала, что вычислительные машины смогут работать с музыкой, текстами и изображениями, фактически предсказав цифровые мультимедиа за 100+ лет до их появления. 🔵Привычные образы иконок Иконка улыбающегося Mac, папки, корзины, иконка для клавиши Command и многие другие привычные образы иконок появились благодаря одному дизайнеру — Сьюзен Кэр. Многие из её метафор используются в интерфейсах до сих пор — спустя 40 лет. 🔵Высадка на Луну Маргарет Гамильтон писала код для бортового компьютера космического корабля Аполлон, чьей миссией была высадка первого космонавта на Луну. Во время посадки на Луну компьютер начал перегружаться задачами. Программа, написанная командой Маргарет, отключила второстепенные процессы и оставила только критические, благодаря чему посадка удалась. 🔵Интерфейсы Microsoft В 1987 году Вирджиния Хоулетт обратила внимание на потребность в полноценном интерфейсе вместо скудного 8-цветного интерфейса Windows 2.0 и смогла убедить в этом руководство. В итоге в Microsot был создан полноценный отдел разработки интерфейсов, где Вирджиния отвечала за GUI всех интерфейсов. 🔵Первый компилятор Грейс Хоппер разработала первый компилятор в истории и участвовала в разработке Кобола — одного из первых языков программирования. Её подход заключался в тезисе: компьютеры должны понимать язык, близкий к человеческому. 🔵Геймдизайн Кэрол Шоу широко известна как первая женщина, разработавшая и запрограммировавшая коммерческую видеоигру в 1978 году. Ее новаторская работа в Atari и Activision помогла сформировать ранние домашние видеоигры и вдохновила целые поколения женщин в сфере технологий. 🔵Взаимодействие человека и ИИ Люси Сачман известна своими работами по взаимодействию человека с компьютером, которые продолжают оказывать влияние на важные дискуссии об ИИ, автономии человека и машины, а также о социотехнических представлениях. 🔵Дизайн-системы и токены Джина Энн, работавшая в Apple, GitHub и Amazon, внедрила понятие дизайн-токенов. Джина является создателем многих известных дизайн-систем и популяризатором системного масштабируемого подхода в дизайне. 💦💦 Девушки, помните, что именно вы делаете этот мир лучше, комфортнее и красивее! 🌷🌷🌷
Изображение поста

⌨️ Добавить горячие клавиши в веб приложение намного сложнее, чем кажется

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

👀Вдохнули-выдохнули. Мы в Паратайпе уже очень ждём весны: когда станет теплее и расцветёт вишня.

А пока делимся с вами важными ссылками с субботней лекции Саши на UX/UI Conf о шрифтах в вебе. В подборке есть и книги, и записи других лекций, и статьи. Надеемся, каждый найдёт для себя что-то интересное. ⚡️ Пара мыслей с лекции, которые могут выручить вас — Иногда шрифтовые дизайнеры добавляют прямо в название шрифта подсказку, в каких размерах его использовать — смотрите картинку к посту. — Если вы собираетесь использовать шрифт в мелком кегле, особенно на экране — межбуквенные расстояния должны быть достаточно просторными, в этом случае может помочь разрядка (положительный трекинг). — Если вы собираетесь использовать шрифт в крупном кегле, отрицательный трекинг допустим, но обязательно проверяйте его на сложных сочетаниях типа «ух», «кл», «гт» — не давайте буквам слипнуться! — Если вы хотите попробовать использовать на сайте новый для себя шрифт, обязательно посмотрите на прототип из Windows с самого старого монитора, какой найдёте, чтобы проверить экранное отображение. ⚡️ Шрифты, о которых спрашивали во время лекции (ими была сделана презентация): Роскошный Hint Эксцентричная Helsa У нас на сайте появились тестовые версии, не забывайте скачивать и примерять шрифты ⚡️ Бесплатные шрифты, которые участвовали в лекции 🐶 Текстовые: Commissioner Geologica Golos Text Golos UI IBM Plex Sans Onest PT Root UI Tilda Sans 🐶 Не совсем текстовые Lanze Martian Grotesk 🐶 Совсем не текстовые Ambidexter Kudry Weird Headline ⚡️ Статьи, курсы, инструкции и коды: 🔸Большая подборка шрифтов без бюджета с приличной кириллицей  🔸«Как разобраться в кириллице» — статья 🔸«Как разобраться в кириллице» — бесплатный курс 🔸Статья ABCDinamo о встраивании вариативных шрифтов на сайт (на английском) ⚡️ Примеры кода для вариативных шрифтов с codepen.io 🔸Изменение жирности по ховеру 🔸Анимация изменения формы независимо от курсора 🔸Анимация изменения ширины независимо от курсора 🔸Изменение жирности в той части надписи, где курсор 🔸Изменение ширины и жирности в той части надписи, где курсор ⚡️ Ещё немного полезного: 🔸Статья о микротипографе, который мы встроили в шрифт 🔸Статья о том, как включить возможности OpenType в CSS и Фигме 🔸«Тёмная сторона шрифта» суперлонгрид о технической стороне шрифта (иногда нужен VPN) 🔸Статья о том, как бесплатно попробовать шрифты 🔸Статья о многоязычных шрифтах 🔸Большая статья о шрифтовых лицензиях ⚡️ Приложения: Фонтоскоп — бесплатное приложения для теста почти всей библиотеки Паратайп в Ai, Ps, Id, Figma Инструкция по установке ⚡️ Книги (их не было на лекции, но они будут полезны): 🔸Живая типографика, Александра Королькова 🔸 Облик книги, Ян Чихольд 🔸Новая типографика. Руководство для современного дизайнера, Ян Чихольд 🔸Основы стиля в типографике, Роберт Брингхерст 🔸Мой путь к типографике, Вольфганг Вайнгарт 🔸Типографика. Порядок и хаос, Владимир Лаптев ⚡️ Лекции: 🔸Вся правда о шрифтовых парах 🔸Шрифтовая магия Буквы не то, чем кажутся
Изображение поста

🔬 Почему 75% функций вашего продукта никто не использует

Средний уровень использования функций в научном софте: 24.5%. Три четверти того, что команда месяцами разрабатывала, просто не находят. Не потому что функции бесполезные, а потому что пользователи не могут до них добраться. Статья разбирает, почему UX в сложных продуктах становится критичным именно сейчас. Есть сравнение двух платформ для систематических обзоров: обе делают одно и то же, но одна выглядит как софт из 90-х, а вторая использует привычные паттерны. Угадайте, какая лидирует на рынке. Ещё есть расчёты: каждый доллар, вложенный в UX-исследования, экономит 10 долларов на разработке и 100 на поддержке после релиза. Microsoft сократил обращения в поддержку на 50% после UX-тестирования Windows 7. Внутри: – Формула: реализованная ценность = мощность алгоритма × доступность интерфейса; – Как считать ROI от улучшения UX через экономию времени, снижение ошибок и конверсию; – Почему «наши пользователи эксперты, им не нужен простой интерфейс» это заблуждение; – Примеры хорошего UX в научном софте: Benchling, KNIME, Schrödinger; – Чеклист для оценки UX-зрелости вашего продукта. А в вашем продукте какой процент функций реально используют? ➡️ Читать статью (V*N) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Pencil. Инструмент для работы с дизайном в таких редакторах кода, как Claude Code. Процесс проходит на бесконечном холсте наподобие Figma.
Pencil бесплатен, его можно установить на macOS и Linux. На Windows инструмент пока работает как расширение для Cursor, VS Code и Google Antigravity. Можно редактировать макеты вручную или с помощью промтов, использовать готовые библиотеки компонентов, сохранять код, а также одновременно запускать нескольких агентов для разных проектов. Есть интеграция с внешними инструментами и API, например базами данных или библиотекой для тестирования Playwright. #нейро@zhurnalus_lite
Изображение поста
Панели задач Windows за все годы
Изображение поста
Google Antigravity — новая агентная IDE. Работает на базе Gemini 3 Pro, но также поддерживает Claude Sonnet 4.5 и модели OpenAI.
Агент не только пишет и тестирует код продукта, но также проверяет работу созданного приложения в браузере, делает скрины и записывает видео своих действий. Он учится на задачах и пополняет базу знаний. Можно выделять конкретные части на макете продукта или скринах и писать в комментарии, что нужно исправить. Есть единая панель управления, с которой удобно контролировать нескольких агентов одновременно. Работает локально на macOS, Linux и Windows. Пока доступна бесплатно, но есть лимит запросов, который обновляется каждые пять часов. #инструменты@zhurnalus_lite
Изображение поста
Microsoft представила новый Outlook для Windows.
Создаем свой шорткат на запуск любого плагина Figma в macOS.
1. Настройки → Клавиатура → Сочетание клавиш → Сочетание клавиш приложений 2. Нажимаем плюс 3. В разделе программа выбираем Figma. 4. В разделе название меню пишем название плагина. 5. Выбираем сочетание клавиш для запуска плагина (главное чтобы оно уже не использовалось). Готово, теперь плагин будет запускаться по-заданному шорткату. Так же в Figma есть шорткат для запуска последнего открытого плагина: macOS: Command + Option + P Windows: Alt + Control + P
Изображение поста
Чтобы изменить центр вращения, выбери объект и нажми ⌥+R на Mac или Alt+R на Windows, затем перетащи точку в нужное место для идеального поворота.
3D очки больше не нужны, 3D-очки – ВСЁ
Оказывается вполне можно настроить положение слоёв на экране в зависимости от положения головы. Разработчик называл это «Window Mode». Работает на обычном ноутбуке, а также на новой iOS 26. Впечатляться можно тут: https://lab.true3d.com/targets 🖼️ Хороший интерфейс 🖼️ Концепты интерфейсов 🖼️ Офферы для дизайнеров
Яндекс хочет сотрудников на вакансию генератор ИИ строго с Windows. Новые прекрасные, а главное, очень важные требования для устройства на работу.
Изображение поста
✨ Оживи свой бренд в городских огнях 
⬇️Создаём фото: ➡️ Заходим в Syntx   ➡️ Выбираем Nano Banana  ➡️ Вставляем промпт: Улица современного города высотные здания, вечерний свет, огни витрин, светофоры. В воздухе парят стильные большие серебряные воздушные шары в форме логотипа из слова [ваш бренд] сделанные как надувные зеркальные шары, отражающие городские огни. Рядом еще 3 круглых зеркальных шара разного размера красиво дополняют композицию. Шары выглядят реалистично, блестят, немного колышутся в воздухе. Атмосфера стильного урбанистического кадра, фотореализм. ⬇️Анимация:  ➡️Переходим в Syntx  → Видео будущего  ➡️ Выбираем VEO3  ➡️ Загружаем получившееся фото ➡️ Добавляем промпт для анимации: A static camera shot at night on a bustling city street. Metallic logo-shaped balloons gently sway and expand with the breeze, their glossy surfaces reflecting neon signs, shop windows, and passing car headlights. The balloons shimmer with colorful highlights, moving naturally as if filled with helium. Behind them, tall buildings glow with vibrant advertisements and city lights. Occasional silhouettes of pedestrians and cars create motion in the background, enhancing the realism of the lively night atmosphere. The mood is cinematic, with rich contrast, vivid neon reflections, and a slightly dreamy tone. ✨ Результат: Твой бренд парит на фоне вечернего города, отражая в себе все огни мегаполиса. 📱 НейроДизайн
Новый ролик от Microsoft с презентацией редизайна приложений Office для Windows 11.
Iconscout — приложение для macOS и Windows с большим количеством иллюстраций и иконок.
iconscout.com/download
Друзья, привет! Вышло обновление Давинчи 20.1.1!
Обновление техническое, исправили много багов: ✅ Исправлено время загрузки cloud project при включённых stacked timelines ✅ Исправлено поведение attributes dialogs — теперь сохраняются пользовательские выборы до следующего копирования ✅ Исправлено применение retime и motion persistence при paste attributes ✅ Исправлены проблемы с загрузкой и импортом PSDs в comp ✅ Исправлена ошибка при включении aux channels в Swizzler ✅ Исправлено смещение Fusion magic mask при переключении режимов ✅ Исправлена проблема с lens space transforms в Fusion compositions ✅ Исправлено отображение media out в color или mix mode при использовании magic mask ✅ Исправлен hang при использовании media out в mix mode в некоторых сценариях ✅ Исправлен crash при работе с depth map на некоторых Intel Macs ✅ Исправлен crash при загрузке некорректно сформированных MTS clips ✅ Исправлена неверная интерпретация fps в некоторых mkv clips ✅ Исправлены ошибки форматирования Dolby Vision ISXD metadata ✅ Исправлены 3D qualifier и 3D keyer в DaVinci Resolve Renderer ✅ Исправлено восстановление dual screen при переключении между страницами ✅ Улучшена компоновка параметров bit rate и quality для Windows native codecs Надеюсь блекмеджики уже используют нейронки в поиске багов, а такая технология уже есть! Скачать Davinci 20 и Fusion Studio 20
Изображение поста
❗️ Новостной дизайн
#news Windows 11 получит функцию ИИ-обоев «Wallpaper AI» #ai #uiux #designtrends #design В описании функции говорится, что фон будет автоматически обновляться на основе выбора пользователя, вероятно, речь идёт о категории. Такую опцию предлагали в так и не вышедшей Microsoft Surface Neo Windows 10X, она автоматически меняла фон в зависимости от времени суток. 📌 Ссылка на источник Поставь реакцию 💕 | 🙍‍♂️ Design News
Figma-учебник — секрет продуктивных дизайнеров
Долго возишься с выравниванием элементов? Забываешь, как сделать компонент? 150 хоткеев для работы в Figma сделают твою жизнь проще. Figma-учебник — это Telegram-бот, который всегда под рукой. Он ускорит твою работу в 2–3 раза. 📌 Хоткеи разбиты по темам 📌 Подходят для начинающих и продвинутых дизайнеров 📌 Не надо ничего гуглить или запоминать 📌 Подобраны для macOs и Windows Запускай Figma-учебник
Изображение поста
Figma-учебник — секрет продуктивных дизайнеров
Долго возишься с выравниванием элементов? Забываешь, как сделать компонент? 150 хоткеев для работы в Figma сделают твою жизнь проще. Figma-учебник — это Telegram-бот, который всегда под рукой. Он ускорит твою работу в 2–3 раза. 📌 Хоткеи разбиты по темам 📌 Подходят для начинающих и продвинутых дизайнеров 📌 Не надо ничего гуглить или запоминать 📌 Подобраны для macOs и Windows Запускай Figma-учебник
Изображение поста