Собрать изображения, составить мудборд и перенести его цвета и типографику в дизайн-набор.Собратьизображения,составитьмудбордиперенестиегоцветаитипографикувдизайн-набор.
Мудборд FORME с архитектурными референсами, заметками и палитрой.
01
С чего начать
Добавьте изображения, заметки и ссылки. Разместите их на доске, затем выберите цвета и шрифты для дизайн-набора.Добавьте изображения, заметки и ссылки. Разместите их на доске, затем выберите цвета и шрифты для дизайн-набора.
02
Результат
Редактируемый мудборд, PNG-композиция, дизайн-токены, CSS-переменные и переносимый проект .forme.Редактируемый мудборд, PNG-композиция, дизайн-токены, CSS-переменные и переносимый проект .forme.
03 / Кейс
Как это устроено
01
Один документ связывает библиотеку референсов, доску и дизайн-набор: цвета и шрифты можно перенести в CSS-переменные и токены.Один документ связывает библиотеку референсов, доску и дизайн-набор: цвета и шрифты можно перенести в CSS-переменные и токены.
02
Надпись «Сохранено» появляется после завершения транзакции IndexedDB. Web Locks и проверка ревизий помогают обнаруживать конфликт изменений между вкладками.Надпись «Сохранено» появляется после завершения транзакции IndexedDB. Web Locks и проверка ревизий помогают обнаруживать конфликт изменений между вкладками.
03
Обработка изображений вынесена в worker. При импорте .forme проверяются пути, размеры, контрольные суммы и связи изображений с документом.Обработка изображений вынесена в worker. При импорте .forme проверяются пути, размеры, контрольные суммы и связи изображений с документом.
04 / Кейс
Границы проекта
Холст 1400 × 1000 и работа в одном браузере. Нет совместного облачного редактирования или бесконечного холста. Интерфейс проекта на русском.Холст 1400 × 1000 и работа в одном браузере. Нет совместного облачного редактирования или бесконечного холста. Интерфейс проекта на русском.
