26 Jul 2026, 09:56 UTC186 views1 reactionsread 18 August 2026 Золотое правило веб-типографики
Многие начинающие дизайнеры ставят межстрочный интервал на глаз или оставляют значение Auto. В итоге текст либо слипается, либо летит соплями.
Чек-лист:
Заголовки (H1-H3): 110% – 120% (чем крупнее шрифт, тем меньше интервал).
Основной текст (Body): 140% – 160% (для комфортного чтения длинных абзацев).
Мелкий текст / подписи: 120% – 130%.
❤1
25 Jul 2026, 16:56 UTC199 viewsread 18 August 2026 ✨ Делаем интерфейсный моушн «живым» с помощью linear() в CSS
Классические кривые Безье cubic-bezier() не умеют имитировать реальную физику — например, эффекты пружины или отскока. Раньше для этого приходилось тащить JS-библиотеки вроде GSAP.
Теперь в CSS есть функция linear() со сложными траекториями:
.modal-window {
/* Эффект мягкой пружины без единой строчки JS */
transition: transform 0.5s linear(
0, 0.…
25 Jul 2026, 09:55 UTC183 viewsread 18 August 2026 📐 Как спасти верстку при загрузке кастомного шрифта
У разных шрифтов при одинаковом кегле (например, 16px) может сильно различаться высота строчных букв. Из-за этого, пока грузится веб-шрифт, фолбэк-шрифт (например, Arial) перекашивает весь макет, вызывая скачки контента.
Решение — свойство font-size-adjust:
.article-text {
font-family: 'CustomFont', Arial, sans-serif;
font-size: 1rem;
/* Подгоняет высоту с…
15 Jul 2026, 09:28 UTC277 viewsread 18 August 2026 🛠️ Figma: Как делать бейджи и иконки закрытия без костылей
Есть идеальный инструмент — Absolute Position прямо внутри Auto Layout.
1. Закиньте иконку/бейдж внутрь вашего Auto Layout контейнера.
2. Выделите этот элемент и в правой панели параметров кликните на иконку Absolute position (плюсик в углу осей).
3. Элемент выйдет из общего потока сетки. Теперь просто притяните его к нужному углу через настройки привязок…
10 Jul 2026, 16:51 UTC320 views1 reactionsread 18 August 2026 🛠️ Figma: 3 сочетания, которые ускорят твою работу в 2 раза
⚡ 1. Shift + G
Включает и выключает сетку (Layout Grid). Не нужно каждый раз лежать в правую панель и кликать на иконку глаза — запомни этот хоткей и проверяй выравнивание моментально.
⚡ 2. Shift + Клик по стрелке
Обычная стрелка двигает элемент на 1px. Если зажать Shift, элемент прыгнет сразу на 10px (или на 8px, если ты настроил «Nudge amount» под 8-пикс…
❤1
10 Jul 2026, 09:51 UTC242 views1 reactionsread 18 August 2026 ✍️ Шрифтовые пары: Как сочетать шрифты без боли в глазах
Главная ошибка новичков — использовать на одном лендинге 3–4 разных шрифта или, наоборот, делать заголовки и текст абсолютно одинаковыми. Твоему макету нужен визуальный контраст.
💡 3 простых правила для идеальной типографики:
1️⃣ Антиква + Гротеск (Serif + Sans Serif)
Самый беспроигрышный вариант. Возьми для ярких, крупных заголовков шрифт с засечками (напри…
❤1
9 Jul 2026, 16:23 UTC229 views1 reactionsread 18 August 2026 🎨Как не превратить интерфейс в новогоднюю елку
Сложно сбалансировать цвета на макете? Используй классическое правило интерьерного и веб-дизайна — 60-30-10. Это идеальная пропорция распределения цвета на экране, которая управляет вниманием пользователя.
📐 Как это работает:
60% — Доминирующий (основной) цвет. Обычно это фон: белый, светло-серый или глубокий тёмный. Он создает общую атмосферу и дает «воздух».
30% — …
❤1
1 Jul 2026, 16:48 UTC304 viewsread 18 August 2026 Photo
💧 Apple добавила ползунок прозрачности для Liquid Glass
Пользователи часто жаловались, что из-за сильных искажений света текст на элементах UI иногда становится нечитаемым. Apple добавили нативный ползунок кастомизации прозрачности.
Теперь можно самому крутить настройки размытия и плотности интерфейса под себя.
27 Jun 2026, 09:52 UTC333 viewsread 18 August 2026 Photo
⚡️ Figma Config 2026:
Figma провела свою главную презентацию года. Завезли новые тяжелые инструменты:
Figma Motion: Теперь анимацию можно генерировать промптами. Экспортировать можно сразу в CSS, JSON или React.
Интерактивные Code Layers: В один клик любой слой дизайна теперь превращается в живой рабочий код.
Генеративные плагины: Чтобы создать плагин, больше не нужно уметь кодить.
24 Jun 2026, 09:02 UTC309 views1 reactionsread 18 August 2026 Photo
Заметили, как в топовых кейсах стало подозрительно много «кривых» макетов?
Нарочито неровные линии, эффекты плохой печати, «грязные» текстуры, детские каракули и шрифты, которые выглядят так, будто их рисовали левой рукой.
Добро пожаловать в Naive Design
❤1
7 Jun 2026, 12:58 UTC455 viewsread 18 August 2026 Photo
Совет на ближайшие годы — изучайте ВАЙБ-КОДИНГ
ИИ уже пишет код, чинит баги, генерирует тесты, документацию и помогает запускать продукты быстрее, чем это делали классические команды разработки. И это уже не "будущее когда-нибудь", а реальность, которая меняет рынок уже сегодня
И те, кто научится вайбкодить сейчас, будут увереннее конкурировать на рынке и зарабатывать больше тех, кто по-прежнему делает всё вручную.…
6 Jun 2026, 14:45 UTC330 views1 reactionsread 18 August 2026 Photo
Айтишники ловите сборник бесплатных курсов, полезных инструментов и книг
Проект «TERMINAL» стал крупнейшей библиотекой бесплатного образования. В одном канале собраны курсы, книги, полезные инструменты и практические тренажёры для всех разработчиков
🎓 Практические курсы и задания
🪽 Книги и статьи известных авторов
😮💨 Полезные инструменты и ресурсы
🌟 IT-новости и инсайды
Обучение по всем направлениям: SQL, Pyth…
❤1
Showing the 12 most recent of 16 posts we hold for @designmatrix1. View and reaction counts are the latest single reading for each post, not a live figure, and a recent post is still accumulating both. A view count marked ≈ was rounded by Telegram before we ever saw it — t.me prints views in full below 1,000 and to three significant figures above, so ≈1,200,000 means somewhere between 1,150,000 and 1,249,999. Unmarked counts are exact. Text is reproduced from the public post preview and truncated for length.