Уже доступно! Исследование Telegram 2025 — ключевые инсайты года 
Design Portal
Открыть в Telegram
Присоединяйтесь к нашему каналу и погрузитесь в мир дизайна Cсылка для друзей: https://t.me/+kH_SR315BCk2YjUy Связь: @devmangx РКН: https://clck.ru/3Foc9k
Больше📈 Аналитический обзор Telegram-канала Design Portal
Канал Design Portal (@portaltodesign) языкового сегмента Русский является активным участником. Сейчас сообщество объединяет 18 090 подписчиков, занимая 1 836 место в категории Искусство и дизайн и 37 333 место в регионе Россия.
📊 Показатели аудитории и динамика
С момента создания невідомо проект демонстрирует стремительный рост, собрав аудиторию из 18 090 подписчиков.
Согласно последним данным от 11 июня, 2026, канал показывает стабильную активность. За последние 30 дней изменение числа участников составило -707, а за последние 24 часа — -25, при этом общий охват остаётся высоким.
- Статус верификации: Не верифицирован
- Уровень вовлечённости (ER): Средний показатель вовлечённости аудитории составляет 6.15%. В первые 24 часа после публикации контент обычно набирает 3.12% реакций от общего числа подписчиков.
- Охват публикаций: В среднем каждый пост получает 1 113 просмотров. В течение первых суток публикация набирает 565 просмотров.
- Реакции и взаимодействия: Аудитория активно поддерживает контент: среднее количество реакций на один пост — 6.
- Тематические интересы: Контент сосредоточен на ключевых темах, таких как figma, gemini, png, графика, angles.
📝 Описание и контентная политика
Автор описывает ресурс как площадку для выражения субъективного мнения:
“Присоединяйтесь к нашему каналу и погрузитесь в мир дизайна
Cсылка для друзей: https://t.me/+kH_SR315BCk2YjUy
Связь: @devmangx
РКН: https://clck.ru/3Foc9k”
Благодаря высокой частоте обновлений (последние данные получены 12 июня, 2026) канал поддерживает актуальность и высокий уровень охвата публикаций. Аналитика показывает, что аудитория активно взаимодействует с контентом, что делает его важной точкой влияния в категории Искусство и дизайн.
18 090
Подписчики
-2524 часа
-1557 дней
-70730 день
Архив постов
18 090
Прокачай чувство UI-анимации 💪
Набор быстрых упражнений для тренировки навыка motion design: ищешь ошибки в анимации, называешь их и исправляешь.
→ https://emilkowal.ski/ui/train-your-judgement
Автор: Emil Kowalski
👉 @PortalToDesign
18 090
В Figma появился новый инструмент для автоматизации рутинных задач — Check Designs.
Теперь проверка макета на соответствие дизайн-системе занимает считанные секунды.
Чтобы проверить фрейм, просто нажмите правой кнопкой мыши и выберите Check Designs.
Инструмент мгновенно подсветит:
Стили и переменные: привязаны ли цвета и типографика к вашим Libraries.
Доступность: соответствуют ли цвета требованиям по контрастности.
Консистентность: совпадают ли отступы и радиусы скругления с настройками дизайн-системы.
Состояние компонентов: есть ли «отсоединённые» (detached) компоненты, которые требуют обновления.
Все найденные проблемы можно исправить в один клик, а после завершения проверки — изменить статус макета на Ready for dev.
Функция доступна для всех платных подписок Figma.
👉 @PortalToDesign
18 090
Совет по дизайн-инжиринг:
Отделяйте объект от его тени.
Когда элемент приподнимается над поверхностью, тень не обязана двигаться вместе с ним. Если оставить тень на месте и постепенно уменьшать её интенсивность по мере удаления объекта, можно добиться более убедительного ощущения глубины и физичности.
При аккуратном использовании этот приём делает интерфейс более осязаемым и помогает избежать ощущения, будто перед пользователем просто набор слоёв, парящих в воздухе.
Я бы не применял это повсюду, но в местах, где нужен дополнительный акцент, эффект может оказаться очень выразительным.
const card = document.querySelector(".notification");
const shadow = document.querySelector(".shadow");
card.animate(
[
{ transform: "translateY(0)" },
{ transform: "translateY(-160px)" },
],
{
duration: 900,
easing: "cubic-bezier(.64,0,.78,0)"
}
);
shadow.animate(
[
{ opacity: 0.5, transform: "scaleX(1)" },
{ opacity: 0, transform: "scaleX(.35)" },
],
{
duration: 700,
easing: "ease-out"
}
);18 090
Совет: не допускайте повторного переноса текста при появлении полосы прокрутки.
Использование
scrollbar-gutter: stable решает эту проблему.
👉 @PortalToDesign18 090
18 090
Лето начинается: водные развлечения, гриль на острове и новые маршруты в бутик-отеле «Заонежье»
Для гостей бутик-отеля «Заонежье» к новому сезону подготовлены лесные трассы для первых заездов на новых квадроциклах — они позволяют исследовать дикие уголки карельской тайги и скалистые берега озер. Велопрогулки по дорогам Заонежья стали еще комфортнее благодаря электробайкам, которые этой весной пополнили велопарк отеля.
В мае, в отеле открылся сезон водных развлечений: гостям доступны сапы, каяки и весельные лодки. В этом году пользование ими - комплементарное для всех гостей. Также появились новые маршруты для катеров по заливам Онежского озера.
Ресторан «Руна» представляет летнюю серию гриль-сетов, которые можно приготовить самостоятельно на одном из необитаемых островов или устроить барбекю на лужайке у дома. В меню — овощные и рыбные сеты, а также мясное ассорти.
Бутик-отель «Заонежье» приглашает к активному отдыху среди озер и северной природы Карелии.
18 090
Похоже, работать с OKLCH-цветами в терминале стало заметно удобнее.
oklch-skill добавляет нормальный workflow для работы с современными цветовыми палитрами прямо из терминала, без постоянных прыжков между браузером, дизайн-инструментами и генераторами цветов.
Для тех, кто использует OKLCH в интерфейсах, дизайн-системах или Tailwind-проектах, выглядит как довольно полезный инструмент.
npx skills add jakubkrehel/oklch-skill
https://github.com/jakubkrehel/oklch-skill
👉 @PortalToDesign
18 090
Кажется, morphing braille loader постепенно становится новым стандартом.
Очень круто выглядит сочетание брайлевского лоадера с плавным морфингом текста.
Такие мелочи редко влияют на функциональность, но интерфейс сразу ощущается более живым и продуманным.
👉 @PortalToDesign
18 090
Много экспериментировал с liquid glass для веба в прошлом году, используя CSS + SVG
Ключом к кроссбраузерности стал переход с
svg backdrop-filter на обычный filter, а также синхронизация текстур карты смещения (displacement map)
👉 @PortalToDesign
18 090
Reve 2.0 тихо зарелизили.
Бесплатная модель для генерации изображений, которая продолжает удивлять.
Что нового:
• теперь сначала строит layout сцены, а уже потом рендерит изображение
• из-за этого гораздо проще править отдельные объекты и детали
• сразу генерирует в 4K
• отлично справляется с интерфейсами и текстом на картинках
• работает заметно быстрее многих конкурентов
На сложных сценах всё ещё встречаются артефакты, но для бесплатной модели результат выглядит слишком хорошо.
Похоже, разрыв между бесплатными и платными генераторами изображений становится всё меньше.
Попробовать можно здесь:
https://blog.reve.com/posts/the-layout-bet/
👉 @PortalToDesign
18 090
При анимации weight вариативного шрифта не забывайте одновременно уменьшать optical sizing, чтобы сохранять ширину текста.
👉 @PortalToDesign
18 090
Рецепт плавного появления попапа
opacity + scale + смещение по оси Y (translateY) + blur (размытие)
👉 @PortalToDesign
18 090
ASCIInator
Превращает изображения в ASCII-графику: можно настроить шрифт, размер и цвет текста, а результат экспортировать в SVG или PNG. Отлично для ретро-интерфейсов и необычного текстурного визуала.
👉 @PortalToDesign
18 090
3dsvg — бесплатный сервис для создания 3D объектов из SVG изображений.
👉 @PortalToDesign
18 090
gr iii d — бесплатный редактор для создания собственных листов для блокнота, можно скачать как пдф или сразу распечатать
👉 @PortalToDesign
18 090
+8
Всё что вам нужно знать о лицензиях на шрифты для дизайнеров.
👉 @PortalToDesign
