Минутка букв:

Люблю анимацию про кинетическую, подвижную типографику. Особенно как промо и попытку привлечь внимание дизайнеров. Дизайн для дизайнеров от дизайнеров. Десятилетний юбилей шрифтовой студии Blaze Type. Обновили сайт по этому поводу.

Нежный и дерзкий эльзевир… Это всё о Хельзе Ника Недашковского — стройной и эксцентричной антикве для заголовков и коротких текстов. В Хельзе есть ноги-шпоры «R», шипастая «К», политонический греческий, тире и двоеточие, выравнивающиеся по центру прописных, есть цифры на все случаи жизни и математические символы в индексах. Что ещё спрятано внутри этой антиквы, а также истории о шрифтовых пасхалках — в статье Ника «Helsa Display — история, картинки и разговоры». Рисунок букв Хельзы основан на голландских образцах, а в деталях есть отсылки и к американским шрифтовым каталогам, и к литерам из словолитен Вольфа и Гербека. И теперь вся эта красота ожила благодаря курсу Кирилла Пестовского Motion Type на площадке школы «Вольница». Мы обещали, что буквы будут танцевать. И это случилось. Автор анимации Хельзы: @daryatokk Если понадобится промокод на Хельзу, играйте в игру от наших партнеров — SPELLLENS, где нужно собирать три в ряд, только с диджитал-брендами 🐶

#TypeType #вдохновение_ТТ

Чуть ранее я писал, что .noddef появился из очень простой мысли: вокруг существует огромное количество интересных шрифтовых идей, набросков и экспериментов, которые так и остаются где-то между черновиком, поиском и «может быть потом доделаю», полный пост можно почитать тут: Хочу коротко напомнить и уточнить: .noddef — это открытая типографическая экосистема для экспериментальных, незавершённых и авторских шрифтовых заготовок. Это не словолитня. Не маркетплейс. И не архив случайных файлов. Это кураторское пространство для шрифтовых образов с характером, потенциалом и возможностью продолжения. Здесь будут: — экспериментальные и незавершённые шрифты, — студенческие и авторские проекты, — процессы, наблюдения и исследования, — визуальные спесимены, — бесплатные шрифтовые образы для личного использования, — проекты, которые со временем могут получить развитие и доработку. Для авторов — это возможность показать свои поиски и дать проектам продолжение. Для дизайнеров — возможность находить живые, необычные и неочевидные типографические решения. Для нас всех — попытка немного расширить поле экспериментальной типографики вокруг и посмотреть на нее под иным углом. .noddef не романтизирует халтуру и не противопоставляет процесс качеству. Нас скорее интересует момент, когда в проекте уже появилась живая идея, характер и интонация — даже если он ещё не стал «завершённым продуктом» как по знаковому составу, так и по контурам. Для меня незавершённость — это просто момент, когда у идеи всё ещё есть пространство для движения. И мы хотим работать именно с этим состоянием. Огромная благодарность за поддержку, поиски, обсуждения и запуск проекта: Паше Рипли Нике Кириченко Антону Прокопьеву Максу Кешишеву Саше Киселеву Грише Морозову И всем, кто поддержал словом и делом. В ближайшее время я сделаю еще серию постов про то, как работает проект на текущем этапе, что планируется доработать и реализовать в ближайшее время и FAQ-карточки. А пока просто забегайте поглазеть и спасибо всем за ваше внимание и интерес! tg @noddef ig: @noddef.type noddef.com

Каждый год 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 #туториал

За каждым созданным шрифтом стоит огромный труд большой команды — но этот масштаб бывает сложно оценить со стороны. Поэтому нам захотелось вывести буквы за рамки цифрового мира и придумать памятный подарок, который мы сможем дарить клиентам по итогам проекта. В статье показали, что из этого вышло! #TypeType #ТТ_блог

Делимся записью выступления Тони Жульковой, которое недавно прошло в агенстве Dotorg, где Тоня поделилась своими наблюдениями о современных ленточных антиквах и рассказала о процессе разработки нашего изысканного ТТ Кварис. Спасибо всем, кто пришел на эту встречу и задавал вопросы, и приятного просмотра! ✨ 📌Youtube 📌ВК Видео 📌Rutube #TypeType #выступления_ТТ #практика_ТТ

В прошлом месяце мы запустили серию опен-коллов, которые помогут дизайнерам познакомиться с нашей коллекцией поближе. Каждый месяц мы выбираем шрифт, делимся его специальной триал-версией и предлагаем тему, на которую можно сделать плакаты с предложенным шрифтом. Понравившиеся работы мы публикуем в наших соцсетях. Для этого присылайте их на inuse@type.today с указанием ссылок на ваши соцсети. Шрифты второго опен-колла — Maregraphe Mega Extended и Maregraphe Mega Compressed, а тема — Ok. Скачать специальную триал-версию можно на нашем сайте.

— В наборе используется Вовкин Typewriter, чистая (Clean) для английского текста, книжка билингвал, версия с «залипами» (Dirty) для русского текста. 👋 подробнее прочесть был сделан Typewriter тут Вполне еще свежий на сегодня макет Искусство Кино был сделан в 2019 по заказу Антона Долина. Старая команда Даниила Дондурея была в оппозиции и макет не внедрили. Пару лет назад макет увидел Наум Клейман и предложил его внедрить текущий как команде, Славон тоже выступает за это, но редакция пока не обращалась.

Space Type Generator — на этом сайте вы найдёте готовые шаблоны для создания кинетической типографики. #сервисы

Обычный автокомплит показывает список под полем. Typeahead работает иначе: продолжение появляется прямо внутри строки, и за счет этого пользователь не прыгает взглядом между инпутом и выпадающим списком. На словах просто. На деле это почти полностью кастомное поведение, которое не совпадает с нативной логикой HTML-инпутов. Флориан Шульц очень хорошо разбирает, почему такая штука сложнее, чем кажется. Сначала он попробовал идти через реальное выделение текста, но на iOS это сразу развалилось из-за ручек выделения и странного поведения браузера. Потом пришел к overlay-подходу, где completion рисуется поверх инпута отдельным слоем, а дальше началась настоящая инженерия: beforeinput, кастомная обработка backspace, скрытие каретки, переполнение текста и даже проблема кернинга, из-за которой буквы начинали прыгать при вводе. Внутри: – Чем typeahead отличается от обычного автокомплита со списком подсказок; – Почему решение через реальное выделение текста ломается на мобильных; – Как работает overlay-подход с отдельным слоем поверх инпута; – Какие события приходится перехватывать, чтобы поведение было естественным; – Почему стандартный Highlight не дает одинаковый результат в разных браузерах; – Как обрабатывать состояния фокуса, очистки и переполнения текста; – Откуда берется проблема с кернингом при разбиении строки на span; – Как можно компенсировать этот сдвиг, не отключая кернинг полностью. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Но перед этим хотим сказать, что для нас самое важное — это вы! Все, кто читает наши каналы и рассылки, кто пришёл на митап, слушал, шутил и задавал вопросы. Для нас это очень много значит. И, конечно, отдельное спасибо ВКПБ — студиям 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. В комментариях ещё опубликуем несколько фотографий с митапа

Types: Mobile App, Startup, Styles: Animation, Dark Fonts: Inter, Aeonik Pro

В рамках услуги «Исследование шрифтовой системы» мы проводим глубокий анализ шрифтов клиента с учётом позиционирования и ценностей бренда, целевой аудитории, рынка и конкурентов. Зачем такие исследования нужны брендам и как они помогают им развиваться? Что в них входит и как интерпретируются результаты? В статье отвечаем на эти и другие вопросы, а также показываем, как это работает на практике! #ТТ_блог #TypeType

Типографическая сетка Install ️ Figma Дизайн

В новой статье рассказываем, как работает отдел лицензионного контроля TypeType. Вы узнаете, как шрифтовые студии и дизайнеры могут остановить нелицензионное использование своих продуктов, при этом получая дополнительную прибыль и не рискуя своей репутацией. #TypeType #ТТ_блог