a2k Library — библиотека UI элементов, с помощью которых вы можете создавать интерфейсы в духе 2000-х

👉 @PortalToDesign

Признаю, было дело 😁

👉 @PortalToDesign

ai-generate — генератор 3D объектов от Spline, есть бесплатная версия

👉 @PortalToDesign

Как легко изменить позу тела на любом изображении в Photoshop

👉 @PortalToDesign

Быстрее подобрать шрифт для логотипа поможет joshpuckett

Помимо того, что здесь можно в удобном виде просмотреть все шрифты, установленные на компьютере, вы можете загрузить PNG или SVG вашего логотипа, чтобы подставить его ко всем доступным шрифтам.

👉 @PortalToDesign

Сплошные vs прозрачные цвета в UI-дизайне

Я посмотрел сотни цветовых систем, и у большинства возникает одна и та же проблема

В светлой теме тени помогают передать уровни (elevation).

В тёмной теме тени почти не видны, поэтому используют более светлые фоновые слои.

Пока всё логично. Но вот в чём проблема:

Элементы переднего плана (бейджи, алерты, кнопки) обычно делаются со сплошными цветами.

А значит…

Они выглядят по-разному в зависимости от фона, на котором находятся.

❌ Один и тот же компонент → разный внешний вид на разных уровнях elevation

Поэтому я попробовал другой подход:

Использовать прозрачные цвета для foreground-компонентов вместо сплошных.

Результат:
Они адаптируются к фону и выглядят более консистентно на разных уровнях.

Это небольшое изменение, но оно делает систему более целостной, особенно в тёмной теме.

Интересно, вы пробовали использовать прозрачные цвета в своих дизайн-системах?

С какими минусами сталкивались? 🤔

👉 @PortalToDesign

Обзор 5 крутых плагинов для Figma, которые можно использовать в создании дизайна.

👉 @PortalToDesign