Запись в 29.11.2018

Дизайн и анимации на основе кода при помощи Framer

asvfedf 0 - комментарии
Дизайнерское агенство >> Без рубрики >> Дизайн и анимации на основе кода при помощи Framer

В этой статье мы познакомимся с Framer — инструментом прототипирования и дизайна, основанного на коде. Мы рассмотрим основные концепции, которые делают Framer эффективным интрументом прототипирования для дизайнеров и разработчиков. И мы собираемся воспроизвести один из переходов, найденных в приложении Design + Code.

Прежде чем начать, скачайте файлы проекта, чтобы следовать этому руководству. Вы должны открыть файл «DesignCode-Chapter-New.framer», чтобы начать работу, но, если вы почувствуете необходимость увидеть решение, вы можете скачать его здесь.

Интерфейс Framer

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


Связанная запись

Сео Tilda

Сео Tilda — это комплексный подход к оптимизации сайтов, созданных на платформе Tilda, с целью…

8 крутых проектов созданных на основе Figma API

Руководства по стилю, экспорт PDF и многое другое! На случай, если вы не в курсе, в прошлом месяце мы выпустили Figma…

Все что вам нужно знать о скелетной загрузке приложений, результаты исследования

Откуда мы знаем, что скелетная загрузка действительно работает? Несколько лет назад я написал о проектировании для повышения…