Remove Text

А пока делимся с вами важными ссылками с субботней лекции Саши на 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 Инструкция по установке ⚡️ Книги (их не было на лекции, но они будут полезны): 🔸Живая типографика, Александра Королькова 🔸 Облик книги, Ян Чихольд 🔸Новая типографика. Руководство для современного дизайнера, Ян Чихольд 🔸Основы стиля в типографике, Роберт Брингхерст 🔸Мой путь к типографике, Вольфганг Вайнгарт 🔸Типографика. Порядок и хаос, Владимир Лаптев ⚡️ Лекции: 🔸Вся правда о шрифтовых парах 🔸Шрифтовая магия Буквы не то, чем кажутся

Небольшой набор текстур для создания эффекта плёночных фото прямо в Figma. ⚡️Скачать текстуры⚡️ #материалы

Классный плагин, который поможет создать текстуру шума. ⚡️Скачать плагин⚡️ #plugin

Он называется «Как писать об архитектуре» и целится в архитекторов, которые хотят рассказывать о своих проектах. Но профессиональная рамка тут, конечно, значительно шире: вы можете быть дизайнером, урбанистом, искусствоведом или человеком из области архитекурного пиара. Курс ведёт мой друг и коллега Александр Острогорский — в какой-то степени я сама училась писать у него: сначала в рамках курса в МАРШе, а потом во время совместной работы. Я и сейчас иногда я хожу к Саше на курсы, так что знаю, что это отличное пространство для обучения. На курс действует промокод TEXT15 — он даст скидку в 15%. Перед запуском прошлого потока Саша написал текст о текстах — мне он очень нравится: я подписываюсь всеми руками под тем, что говоря «письмо», мы имеем в виду коммуникацию вообще, что навыки письма помогают эту коммуникацию строить и что текст уж точно не быстрый путь к славе, потому что его задача совсем не в этом. Но текст — это точно очень интересное путешествие. Иллюстрирую эти мысли красивой фотографией, которую сделала Сара Форги (Sarah Forgie), а вы подумайте о курсе.

⚡️Скачать текстуры⚡️ #материалы

Новая версия @consta/table v0.8.0 (30/01/2026) Самое важное: - Добавили TextFieldCell - компонет редактирования текста в ячейках. Список изменений: - feat(TextFieldCell): add component (#37) - @gizeasy - chore(deps): remove unused deps `eslint-plugin-id-match`,Новая версия @consta/taНовая версия @consta/table v(#38) - @baevm открыть в GitHub

Дизайнер Дарья Суркова делится промтом для Nano Banana прототипа презентации упаковки на основе одного макета. Промт для Nano Banana Pro: Create ONE final image. A clean 3×3 [ratio] storyboard grid with nine equal [ratio] sized panels on [4:5] ratio. Use the reference image as the base product reference. Keep the same product, packaging design, branding, materials, colors, proportions and overall identity across all nine panels exactly as the reference. The product must remain clearly recognizable in every frame. The label, logo and proportions must stay exactly the same. This storyboard is a high-end designer mockup presentation for a branding portfolio. The focus is on form, composition, materiality and visual rhythm rather than realism or lifestyle narrative. The overall look should feel curated, editorial and design-driven. FRAME 1: Front-facing hero shot of the product in a clean studio setup. Neutral background, balanced composition, calm and confident presentation of the product. FRAME 2: Close-up shot with the focus centered on the middle of the product. Focusing on surface texture, materials and print details. FRAME 3: Shows the reference product placed in an environment that naturally fits the brand and product category. Studio setting inspired by the product design elements and colours. FRAME 4: Product shown in use or interaction on a neutral studio background. Hands and interaction elements are minimal and restrained, the look matches the style of the package. FRAME 5: Isometric composition showing multiple products arranged in a precise geometric order from the top isometric angle. All products are placed at the same isometric top angle, evenly spaced, clean, structured and graphic. FRAME 6: Product levitating slightly tilted on a neutral background that matches the reference image color palette. Floating position is angled and intentional, the product is floating naturally in space. FRAME 7: is an extreme close-up focusing on a specific detail of the label, edge, texture or material behavior. FRAME 8: The product in an unexpected yet aesthetically strong setting that feels bold, editorial and visually striking. Unexpected but highly stylized setting. Studio-based, and designer-driven. Bold composition that elevates the brand. FRAME 9: Wide composition showing the product in use, placed within a refined designer setup. Clean props, controlled styling, cohesive with the rest of the series. CAMERA & STYLE: Ultra high-quality studio imagery with a real camera look. Different camera angles and framings across frames. Controlled depth of field, precise lighting, accurate materials and reflections. Lighting logic, color palette, mood and visual language must remain consistent across all nine panels as one cohesive series. OUTPUT: A clean 3×3 grid with no borders, no text, no captions and no watermarks.

Install

Install

1. Быстрый выбор цвета через системную палитру цветов и поле ввода для тонкой настройки процентов. 2. Сохранение пользовательских шаблонов оформления линий. 3. Дополнительная стилизация линий: пунктир, зигзаг (скрипт применяет эффект Distort & Transform → Zig Zag). Обновление отправил на электронную почту покупателям (могло попасть в папку «Спам»). Подробнее о скрипте #illustrator #text #paid

Примитивный плагин, позволяющий создавать текст по кругу всего за несколько простых шагов. 🔍Скачать плагин🔍 #plugin

Как его получить: — создаём текстовое поле, — выбираем Type → Convert to Dynamic Text. Так как динамический текст заполняет пространство рамки по ширине и высоте, то в панели Character или Paragraph не изменить отступы — это меняется при масштабировании рамки. Если вы работаете в старом Фотошопе или любой версии Иллюстратора, где нет такой функции, то можете использовать для создания статичных блоков скрипт TextBlock (писал о нём здесь и здесь). #textblock">Скачать для Фотошопа Скачать для Иллюстратора #illustrator #photoshop #text

1. Bold (Shift + Ctrl/Cmd + B). 2. Italic (Shift + Ctrl/Cmd + I). 3. Underline (Shift + Ctrl/Cmd + U). Их можно заменить в Edit → Keyboard Shortcuts (Menu Commands). Для старых версий Иллюстратора создал скрипты, которые могут переключать стили для текстовых фреймов или выделенных фрагментов. 1. ToggleTextBold — ищет в установленном шрифтовом семействе варианты тонкого (Regular, Normal, Roman, Book, Light, Thin) и полужирного (Bold, Semibold, Demi, Medium, Black) начертаний для переключения. 2. ToggleTextItalic — ищет курсивный или прямой стили для переключения. Например, если текст набран Fira Sans Thin, то проверит для замены установленный Fira Sans Thin Italic. 3. ToggleTextUnderline — переключает подчёркивание в панели Character. 4. ToggleTextStrikethrough — переключает зачёркивание. Скачать скрипты #illustrator #text

3D typography of the words "Рождественские Шрифты" in luxurious velvet letters in a deep burgundy. The velvet texture is soft, with visible fibers and velvety shadows. Some of the surface is fluffier, almost fur-like, creating the effect of soft winter textiles. Embellishments: • a thin gold garland with warm mini-lights gently wraps around the letters, • subtle gold sparkles and reflections on the velvet, • harmonious accents: tiny gold stars, subtle shimmer. Background: • a deep, premium burgundy background, slightly darker than the letters, • a soft gradient or smooth velvet texture for a cohesive atmosphere. Lighting: • gentle backlighting highlighting the furry edges, • soft, warm frontal lighting creating volume. Style: ultra realistic, 8K, rich velvet texture, cinematic glow, luxury holiday aesthetic, premium color palette. Инструкция: 1) заходим в Бот синткс 2) выбираем Дизайн с ИИ - Nano Banana Pro. 3) отправляем промпт , заменяя мой текст и готово!