Оговорочка по фрейму

дайджест постов за год ⏳

полезных, которые собрали много репостов, что для меня очень приятно 😰 подытожим, что было интересного:

Базовый состав дизайн-системы

Дизайн-токены: что, зачем и почему

Цветовая палитра дизайн-системы

Всё о переменных в фигме

Полезные ссылки про ДС. тут аж 32 репоста, девочки я в шоке 😐

Подборка ресурсов по теме анимации

Как правильно называть элементы интерфейса

Отличие окон в приложении

Про планирование по циклу

Полезные штуки для удаленщика

Полезные дизайн хабы

вух, ну слушайте, ну я прям молодец 😴 теперь можно чилить

с наступающим вас ребятки 🐾спасибо, что читаете, пишите хорошие слова, общаетесь в комментариях. дай бог вам здоровья мои дорогие и не забудьте сегодня поставить картошку с морковкой вариться 🤪 я вот уже на низком старте. лежу. хихик

ко мне пришли с вопросом: «как называть элементы интерфейса/компоненты, которые ты делаешь в фигме» ❓

Есть несколько вариантов разобраться с неймингом

1. находим понравившиеся дизайн-системы. например Central Design System и Gravity UI. ищем в них элемент похожий на наш и смотрим как называется. например, мы сделали поле, куда можем ввести данные. пробегаемся по ДС и видим, что нам подходит либо Input либо TextField. читаем их описание и определяемся, подходит оно под наш элемент или нет

в целом если отсмотреть много дс, то начинаешь понимать какие элементы/компоненты часто можно встретить и как они называются. так сказать работает всеми любимая насмотренность

2. зайти на сайт галереи компонентов https://component.gallery/components тут собраны по категориям все возможные элементы интерфейса с различными примерами. по этому сайту можно понять, что все называют элементы с одной сущностью по разному и это нормально

3. а как называть слои внутри элемента, чтобы не оставлять frame 374635... ? вот тут уже интересно, потому что у элементов могут быть разные свойства, состояния (default, hover), размеры и т.д. по этому поводу нашла статьи, в которых написано, как правильно называть слои. вот тут первая статья. вот тут вторая статья.

4. все названия элементов исходят от английского языка. поэтому если у тебя есть какой то необычный элемент, который нужен только для твоего продукта и ты его не встречал в других ДС, то придумай для него название. например, у мегафона есть компонент ContentView – что-то у них там сломалось. он состоит из иллюстрации, текста и кнопки. такой есть не в каждой ДС и не везде он нужен. они его решили назвать так. думаю перевод понятен

вот такие пироги 🍴 а еще можно попробовать скормить gpt фото элемента и попросить подсказать нам, как его назвать. эта машина довольно умная, думаю не откажет 😬

не проходи мимо, ставь огонечек, мне это приятно 💞