Дмитрий Якушин написал о дизайн-токенах.

— Набор дизайн-токенов позволяет сделать визуально согласованный и при этом гибкий дизайн (легко поменять один оттенок на другой);
— Дизайн-токен — псевдоним определённого значения той или иной переменной: цвета, шрифта, размера элемента, тени, отступа, скругления;
— Цвет #677178 можно назвать color-grey-600 и использовать в макетах так, а можно создать токены color-text-secondary и color-component-badge-bg-neutral, которые будут ссылаться на color-grey-600;
— В тёмной теме color-text-secondary может ссылаться на другой цвет, что упрощает создание макетов для других тем;
— Говорящие названия упрощают их использование, особенно новыми участниками команды;
— Есть черновая версия стандарта дизайн-токенов от W3C;
— В составном токене (миксине) может быть больше одной переменной. Например, в токене типографики: название шрифта, кегль, высота строки, межбуквенный интервал;
— color-green-600 — глобальная переменная (примитив, палитра, референсный токен) с абстрактным названием без контекста. Число обычно отражает количество света в цвете;
— color-text-success — дизайн-токен, который ссылается на переменную color-green-600 и имеет контекст использования: для текстовых сообщений об успехе;
— Есть компонентные токены, которые относятся к конкретным компонентам, например, color-component-badge-bg-info для фона информационного бейджика;
— Распространены стили названия: color_text_primary для веба, сolorToken.textPrimary для мобильных платформ;
— Полная структура названия: префикс, группа (color), тип (text, component), элемент (badge), модификатор (background), вариант (info), состояние (hover);
— Некоторых частей может не быть: если токен не относится к компоненту, если к проекту не подключено нескольких библиотек с токенами (прификс их идентифицирует);
— В именах токенов размеров лучше не использовать цифры, чтобы не было путаницы с фактическими значениями: xx-small, x-small, small, medium, large, x-large, xx-large;
— Категории: colors, font family, font size, line height, border color, grid, border radius, spacing, box shadow, duration/transition, shadows, z-index, size.

Канал Дмитрия. #figma #design_system

Абрамцево | by @valerya_sokolova

3–10 апреля пройдет бесплатный курс по дизайну мобильных приложений от школы Яна Агеенко.

Курс рассчитан на новичков, но будет полезен и опытным дизайнерам. В программе:

— Особенности UX/UI дизайна мобильных приложений.
— Визуальные стили и варианты компоновки.
— Работа с цветами и шрифтами в мобильных приложениях.

В процессе все участники сделают свои проекты, получат обратную связь и сертификаты о прохождении данного обучения.

Для участия необходимо подписаться на телеграм-канал — все материалы курса будут публиковаться там.

Также рекомендуется вступить в чат школы Яна Агеенко, где можно будет задавать вопросы и общаться на другие дизайнерские темы: (чтобы иметь возможность писать в этот чат нужно пройти проверку антиспам-бота)

Реклама. ИП Агеенко Ян Владимирович. УНП: 192127838.

Минутка процесса:

Ksenia Buridanova

Минутка ответов:

На английском подиум, или дефиле называется одним словом — Catwalk.

Это также длинная, узкая сцена, используемая в показе дизайна одежды моделями, которые томно идут по одной линии. Синоним «модного показа».

Вот буквально Cat walk.

Дизайн упаковки для корма домашних животных — кошки и собаки. Нравится, что лапки в логотипе и цветовое кодирование.

Дизайн: Dozen Agency

Бетховен. Обратите внимание, что это буквально набросок музыки, попытка ее уловить и зафиксировать на бумаге. 1806 год. Волны графики и музыки. Музыкальное мышление. Мы кстати про такие штуки много обсуждаем на нашем спецкурсе «Мышление как инструмент». Как визуальное мышление помогает не только в дизайне, а вообще находить решения, объяснять мир. Понимать мир.

Инструмент Creatie.ai позволяет быстро создавать визуальные концепции интерфейсов с помощью искусственного интеллекта.

Ложка для спагетти с щипцами скрипнули от смеха с этого инцела

Если вы российский дизайнер — вы миллионер. Без шуток: любой может брать за логотип от 100.000 рублей. А поскольку для 90% это звучит дико, конкуренции здесь почти нет. Пока.

Чтобы убедиться — загляните в канал Максима Поярче. Этому нашумевшему дизайнеру всего 18 лет, но он работает с топовыми блогерами, — Эльдар Джарахов, Ник Чернобаев, Артем Бриус, — а за его командой охотится даже «Сбербанк».

Почитайте его, там он по шагам объясняет, как выйти из фриланс-рабства, как завоевать авторитет в индустрии и как заключать сделки с крупными клиентами.

Это самое смелое и скандальное ру-медиа про дизайн. Таких каналов больше нет, подписывайтесь: @maxpoyarche

​​🥷Темная сторона Open Source

В этой статье автор расскажет о темных сторонах работы с открытым исходным кодом, таких как финансовые трудности и управление временем.

Читать...

Говоришь, пропало вдохновение?

Автор