Запись в 29.11.2018

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

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

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

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

Интерфейс Framer

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


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

Z-образный паттерн в дизайне интерфейсов

Легко представить, что пользователи взволнованно читают каждое письмо, которое вы пишете. Выбросьте это из головы, потому что…

6 типов продуктовых команд, в которых вы будете работать

Когда я получаю предложение присоединиться к продуктовой команде, я провожу последующие дни или даже недели, обдумывая множество разных…

Принципы дизайна: Корень проблемы

Лечение причины заставит проблему исчезнуть На этой неделе мы рассмотрим корень проблемы, также известный как основная причина.…