Мой первый кейс на Dribbble

1. Подготовить макет в Figma

1.1 Выбрать Frame

в Frame выберите нужный размер (как показано на скриншоте)

1.2 Разместить макет в Frame

Frame будет меньше заготовленного вами макета (такие условия Dribbble) поэтому уменьшите свой макет с помощью инструмента scale (как на скрине)

1.3 Дайте волю фантазии, но не переборщите! Фон не должен перебить сам дизайн! вот что вышло у меня 👇

Выгрузите макет с помощью Export на панели срава, обязательно ставьте 3х как в примере! - это влияет на качество макета!

😍Если вы хотите вставить макет с анимацией

Запустите свой макет в режиме презентации

Выберите настройку Fill screen в Option - чтобы макет отобразился как в примере

Далее запустите программу записи на вашем компьютере, мы используем https://monosnap.com - программа бесплатная и позволяет сделать запись выбранной области экрана

Выберите область и начните запись! Пока запись идет - покажите работу анимации!

Готовое видео сохраняйте в формате Gif (если у вас Мак, если виндовс сохраняйте в мп4 и воспользуйтесь конвертором в Gif

2. Выставить на dribbble

Регистрация на сайте

Нажмите кнопку Share Work

Перетяните сюда свой макет в PNG или GIF и публикуйте! Описание не обязательно!

Для того чтобы проект лучше продвигался необходимо получить приглашение от самого сервиса, как это сделать описано в нашей статье https://teletype.in/@webiam.education/dribbbleinvite