🏆 Apple Design Awards 2025: категория Inclusivity

Каждый год Apple отмечает лучших разработчиков. И меня радует, что есть целая отдельная категория! Пробежимся по тем, кто в ней ) 🎸 Guitar Wiz (Индия, соло-разработчик) Приложение для гитаристов с полноценной поддержкой VoiceOver — голосовые подсказки по аккордам, ладам и высоте тона. Поддерживает Dynamic Type (!!!) и режим «Различать без цвета». Музыка доступна всем 💙 👂 Hearing Buddy (США, соло-разработчик с нарушением слуха) Субтитры и резюме разговоров в реальном времени прямо на устройстве. Актуально для 466 млн человек с нарушениями слуха по всему миру. 🗓 Structured (Германия) Планировщик, который ценит отдых не меньше задач. Особенно полюбился нейроотличным пользователям — а это около 15–20% населения планеты. ИИ сам предлагает и заполняет задачи, снижая когнитивную нагрузку. Хочу попробовать, хотя я все же фанат Обсидиана. Все три приложения сделаны маленькими командами или вообще одним человеком, мощь и выбор каждого разработчика менять жизнь вокруг себя 💙 ___ en<able> - о дизайне в A11y | Наши статьи на VC

Новый редактор для анимации вариативных шрифтов (и не только!)

Type Physics — веб-инструмент, который позволяет анимировать вариативные шрифты и сопровождать анимацию саунд-дизайном. В Type Physics можно, например, заставить отдельные глифы, слова или абзацы прыгать, вращаться или рассыпаться под действием гравитации или силы хаоса и связать всё это с движением бегунка по вариативной оси. Звук в Type Physics существует не как отдельный слой, а как часть системы. Визуальные эффекты влияют на то, каким будет саунд-дизайн — например, столкновения знаков или движение по вариативной оси слышны на аудиодорожке. В Type Physics можно сделать анимацию практически с любым вариативным шрифтом из коллекции type.today или загрузить свой шрифт с компьютера. Готовое изображение можно экспортировать в формате PNG или SVG, а анимацию — записать на видео прямо внутри редактора. Редактор Type Physics — проект студии BUROU3 (дизайнера Тимура Зимы и саунд-артиста Гео Котанова), выпущенный при поддержке type.today. Подробнее о Type Physics — в нашем журнале!

Halftone эффект в illustrator by open__type

Простой и пошаговый туториал по созданию Halftone эффекта своими руками. #illustrator #туториал

Спасибо в карман не положишь, а вот буквы теперь можно положить в подарочный пакет, потрогать и поставить на полку! В новой статье рассказываем, как мы совместно с @dezastudio разработали шрифтовые подарки для наших клиентов 🎀

За каждым созданным шрифтом стоит огромный труд большой команды — но этот масштаб бывает сложно оценить со стороны. Поэтому нам захотелось вывести буквы за рамки цифрового мира и придумать памятный подарок, который мы сможем дарить клиентам по итогам проекта. В статье показали, что из этого вышло! #TypeType #ТТ_блог
Type Studio — текстовый онлайн-инструмент для редактирования видео.
Всем привет!
Делимся записью выступления Тони Жульковой, которое недавно прошло в агенстве Dotorg, где Тоня поделилась своими наблюдениями о современных ленточных антиквах и рассказала о процессе разработки нашего изысканного ТТ Кварис. Спасибо всем, кто пришел на эту встречу и задавал вопросы, и приятного просмотра! ✨ 📌Youtube 📌ВК Видео 📌Rutube #TypeType #выступления_ТТ #практика_ТТ
Исследование покупающих шрифты, исследование рисующих шрифты, три бесплатных рисёрч-семинара, призыв собирать портфолио для поступления в шрифтовую школу и отчёт о том, как мы отпраздновали наш день рождения, — в апрельском дайджесте type.today!
Второй плакатный опен-колл type.today!
В прошлом месяце мы запустили серию опен-коллов, которые помогут дизайнерам познакомиться с нашей коллекцией поближе. Каждый месяц мы выбираем шрифт, делимся его специальной триал-версией и предлагаем тему, на которую можно сделать плакаты с предложенным шрифтом. Понравившиеся работы мы публикуем в наших соцсетях. Для этого присылайте их на inuse@type.today с указанием ссылок на ваши соцсети. Шрифты второго опен-колла — Maregraphe Mega Extended и Maregraphe Mega Compressed, а тема — Ok. Скачать специальную триал-версию можно на нашем сайте.
Нюансы (If you know — you know 🤥)
— В наборе используется Вовкин Typewriter, чистая (Clean) для английского текста, книжка билингвал, версия с «залипами» (Dirty) для русского текста. 👋 подробнее прочесть был сделан Typewriter тут Вполне еще свежий на сегодня макет Искусство Кино был сделан в 2019 по заказу Антона Долина. Старая команда Даниила Дондурея была в оппозиции и макет не внедрили. Пару лет назад макет увидел Наум Клейман и предложил его внедрить текущий как команде, Славон тоже выступает за это, но редакция пока не обращалась.
Сайт для создания кинетической типографики by setupsai
Space Type Generator — на этом сайте вы найдёте готовые шаблоны для создания кинетической типографики. #сервисы
🔥 Typeahead в духе Spotlight выглядит как мелочь, но внутри это очень нетривиальный UI-паттерн
Обычный автокомплит показывает список под полем. Typeahead работает иначе: продолжение появляется прямо внутри строки, и за счет этого пользователь не прыгает взглядом между инпутом и выпадающим списком. На словах просто. На деле это почти полностью кастомное поведение, которое не совпадает с нативной логикой HTML-инпутов. Флориан Шульц очень хорошо разбирает, почему такая штука сложнее, чем кажется. Сначала он попробовал идти через реальное выделение текста, но на iOS это сразу развалилось из-за ручек выделения и странного поведения браузера. Потом пришел к overlay-подходу, где completion рисуется поверх инпута отдельным слоем, а дальше началась настоящая инженерия: beforeinput, кастомная обработка backspace, скрытие каретки, переполнение текста и даже проблема кернинга, из-за которой буквы начинали прыгать при вводе. Внутри: – Чем typeahead отличается от обычного автокомплита со списком подсказок; – Почему решение через реальное выделение текста ломается на мобильных; – Как работает overlay-подход с отдельным слоем поверх инпута; – Какие события приходится перехватывать, чтобы поведение было естественным; – Почему стандартный Highlight не дает одинаковый результат в разных браузерах; – Как обрабатывать состояния фокуса, очистки и переполнения текста; – Откуда берется проблема с кернингом при разбиении строки на span; – Как можно компенсировать этот сдвиг, не отключая кернинг полностью. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🐶 Как обещали, собрали самые важные ссылки со шрифтового митапа Paratype и ВКПБ, делимся!
Но перед этим хотим сказать, что для нас самое важное — это вы! Все, кто читает наши каналы и рассылки, кто пришёл на митап, слушал, шутил и задавал вопросы. Для нас это очень много значит. И, конечно, отдельное спасибо ВКПБ — студиям Deza и Lovemedo, которые всё это организовали. Кстати, на митапе волшебным образом у нас случилась 105% явка. Вот такая шрифтовая магия получается •ᴗ• А теперь сами материалы! Пойдём в порядке лекций: 🐶 Лично от Дениса Васильева: 🌞Большая коллекция бесплатных шрифтов 🌞«Что делать, если нет бюджета на шрифты»  🌞Статья о том, как бесплатно попробовать шрифты 🌞Большая статья о шрифтовых лицензиях 🐶 Красота от Томы Стрельцовой: 🌞О двух техниках древнерусской каллиграфии 🌞Декоративный шрифт Red Klin 🌞Шрифт на основе кириллических букв Сергея Чехонина Список книг, который Тома обещала: 🌞Книга про буквы от Аа до Яя, Юрий Гордон 🌞Designing type, Karen Chang 🌞Основа стиля в типографике, Роберт Брингхерст 🌞Живая типографика, Александра Королькова 🌞The stroke theory of writing, Gerrit Noordzij 🌞Про леттеринг, Джессика Хиш 🌞Искусство каллиграфии, Дэвид Харрис 🌞The origin of the serif, Edward Katich 🐶 Шрифтовая магия от Саши Корольковой: Для начала красивая мысль, с которой Саша начала свою лекцию. Любая достаточно развитая технология неотличима от магии — Артур Кларк 🐶 Глава 1: Нестандартная вариативность 🌞«Тёмная сторона шрифта» — суперлонгрид о технической стороне шрифта (иногда нужен VPN) 🌞Вариативные гротески: Pragmatica Next Circe Contrast 🐶 Глава 2: Оптические размеры Шрифт наполовину состоит из оптических иллюзий 🌞Шрифты с оптическими размерами: Bodoni PT Simon Kudry (с бесплатным начертанием Kudry Weird Headline Stapel Stem PT Sans (бесплатный) PT Serif (бесплатный) 🌞Волшебные слова: Caption — до 12 пт Text — 12-18 Subhead — 18-48 Headline — 48-72 Display — 60+ Poster — 96+ 🐶 Глава 3: Шрифт переодевается 🌞Деликатный геометрический гротеск с большим набором стилистических сетов: Hint Включить сет Grotesque Round в CSS: font-feature-settings: "ss03"; 🌞Статья о Хинте и его стилистических сетах 🐶 Глава 4: внимание к деталям 🌞Шрифт с пропорциональными и моноширинными маюскульными и минускульными цифрами: Bodoni PT Как включить поднятие регистрозависимой пунктуации на all caps в CSS: font-feature-settings: "case"; 🌞Статья о том, как включать стилистические сеты в Фигме и CSS 🐶 Глава 5: странные вещи, которые может шрифт 🌞Шрифт Mojito, который может имитировать почерк и содержит ~1400 знаков 🌞#player">Первая в мире видеоигра в шрифте 🐶 Глава 6: Микротипограф — «что-нибудь полезное» 🌞Микротипограф в шрифте — что это такое и как он работает 🌞Плагин-типограф для Фигмы 🌞Типограф студии Лебедева 🐶 Глава 7: шрифт и нейросети 🌞В шрифт встроили нейросеть 🐶 И на всякий эсэмэмщица напоминает: 🌞«Как разобраться в кириллице» — статья 🌞«Как разобраться в кириллице» — бесплатный курс 🌞Используйте ТЕСТОВЫЕ ВЕРСИИ Главный хайлайт встречи — Саша разрешила произносить Circe как Цирце 👀 Пересматривайте, перечитывайте, пробуйте. А мы всегда на связи: тут в канале или по почте fonts@paratype.com P.S. В комментариях ещё опубликуем несколько фотографий с митапа
Reflect Вдохновляющий веб-сайт мобильного приложения для повышения производительности, созданный с помощью qwik, с использованием inter в качестве основного шрифта.
Types: Mobile App, Startup, Styles: Animation, Dark Fonts: Inter, Aeonik Pro
Что такое шрифтовые исследования и зачем они нужны? Рассказываем в нашей новой статье!
В рамках услуги «Исследование шрифтовой системы» мы проводим глубокий анализ шрифтов клиента с учётом позиционирования и ценностей бренда, целевой аудитории, рынка и конкурентов. Зачем такие исследования нужны брендам и как они помогают им развиваться? Что в них входит и как интерпретируются результаты? В статье отвечаем на эти и другие вопросы, а также показываем, как это работает на практике! #ТТ_блог #TypeType
Type Grid
Типографическая сетка Install Figma Дизайн
Что делать, если ваш шрифт используют без лицензии? У нас есть ответ!
В новой статье рассказываем, как работает отдел лицензионного контроля TypeType. Вы узнаете, как шрифтовые студии и дизайнеры могут остановить нелицензионное использование своих продуктов, при этом получая дополнительную прибыль и не рискуя своей репутацией. #TypeType #ТТ_блог
Сайт Peter Oravec
Фронтенд-разработчик с опытом более 19 лет. Специализируется на Angular, TypeScript и JavaScript, создавая современные веб-приложения с упором на производительность и пользовательский опыт. #портфолио #иллюстрация #минимализм #ретро Посмотреть сайт 👨‍💻
Всем привет! Меня зовут Арина, я графический дизайнер в команде ТуреТуре) Занимаюсь самыми разными штуками, начиная от оформления рассылок и заканчивая созданием креативов для рекламы. Больше всего мне нравится делать анимации: оживлять буквы и показывать все их достоинства (подробнее об этом расскажу в следующем посте).
Я всегда обожала писать тексты от руки, для меня это своего рода медитация, причем неважно, какие именно слова. Вся прелесть в том, как одна и та же буква может выглядеть сотней разных способов и восприниматься каждый раз иначе. Но любовь к шрифтам у меня появилась именно когда я пришла работать в ТуреТуре — я разглядывала начертания, всматривалась в детали антикв и гротесков, восхищаясь работой наших шрифтовых дизайнеров и инженеров. Так что иметь дело с такой красотой само по себе для меня удовольствие. Следите за новостями, подписывайтесь на нашу рассылку и до скорого! #TypeType #команда_ТТ
Andreas Antonsson Вдохновляющий темный веб-сайт, созданный с помощью gsap, с использованием inter в качестве основного шрифта.
Types: Portfolio, Personal Styles: Dark, Large Type Fonts: Inter, Dahlia
👀 Когда буквы танцуют…
С такой лиричной подводкой мы пришли, чтобы рассказать вам о курсе по моушн-дизайну, в котором искренне любят шрифты и уделяют достаточно времени кинетической типографике. Сам курс — Motion Type на площадке школы «Вольница». А мы теперь его партнёры. Студенты будут практиковаться на наших шрифтах, а мы — показывать лучшие ин-юзы в канале. Кстати, работы с первых модулей курса можно посмотреть на сайте Рефлекторий: https://motionhype.ru/ Автор курса — Кирилл Пестовский, моушн-дизайнер, графический дизайнер, арт-директор и наш друг. Именно Кирилл сделал для Paratype красивый ролик о Circe Contrast. Кто захотел попробовать себя в моушн или задать вопрос Кириллу — в субботу пройдёт стрим. Вот ссылка: https://t.me/volnitsa_news/9207 А мы уже пересматриваем контент-план, чтобы было место для новых красивых видео, ждите ⚡️