Перейти к основному содержанию

Руководство

Настройка дизайна сгенерированного приложения

«Сгенерировано» не означает «зафиксировано». В этом руководстве подробно объясняется, что действительно можно настроить в приложении Blueprint Maker — помимо акцентного цвета — и почему часть дизайна намеренно недоступна для редактирования.

Исходная точка: дизайнер, а не чистый лист

Сгенерированное приложение начинается с одного из сотни тщательно подобранных профилей дизайнеров — каждый из них представляет собой реальный эталонный дизайн, упомянутый как таковой, а не обобщённую тему. Выбор профиля на этапе генерации означает выбор конкретной концепции (плотная и функциональная, воздушная и редакционная, тёмная с высоким контрастом…), а не заполнение пустой формы брендинга поле за полем.

Этот выбор можно изменить и позже: дублирование подобранного профиля в качестве отправной точки с последующей его доработкой — это стандартный рабочий процесс, а не исключение.

Ваш фирменный стиль: цвета, шрифт, плотность — и больше

Первый уровень настройки — тот, который вы ожидаете: палитра из восьми цветов, распределённых по четырём категориям — акцентный цвет, структурные материалы, чернила и фоны, а также шрифт, радиус скругления углов и плотность интервалов. Эти параметры управляют всей сгенерированной интерфейсной системой целиком, а не отдельной страницей.

Второй уровень — менее заметный, но вполне реальный — идёт дальше: масштаб и вес шрифта, регистр заголовков, оформление поверхностей (возвышение, границы, контраст), компоновка структурных блоков (карточка, боковая панель, шапка), анимация переходов, ширина макета, отдельная тёмная палитра, а также сознательно выразительные способы оформления заголовков (цветной блок, цветная тень, курсив). Каждый параметр этого второго уровня опционален: если его не задать — будет использоваться поведение выбранного профиля дизайнеров без каких-либо ухудшений по умолчанию.

Навигацию настраивают после развертывания — без полной регенерации

Подписи элементов боковой панели, их порядок и заголовки страниц не фиксируются на этапе генерации: их можно изменить в настройках приложения уже после развертывания, не запуская полную регенерацию. Это глобальная, сохраняемая настройка всего приложения, а не индивидуальное предпочтение каждого пользователя.

Это принципиальное отличие от подхода «регенерировать, чтобы переименовать пункт меню»: здесь корректируется только то, что действительно требует изменения, а не пересоздаётся весь план приложения.

Что нельзя настроить вручную — и почему

Свойства компонентов интерфейса и детерминированная верстка (какие данные попадают в какой тип экрана, как собирается таблица или дашборд) не являются настраиваемыми параметрами: они задаются генератором, а не пользователем. Это не временный ограничитель — это та же философия, что и во всём продукте: техническое соответствие гарантируется на этапе создания, а не оставляется на усмотрение пользователя, чья ошибка может привести к неработающему экрану.

Существует и защита для самого цвета: в одном приложении разрешён только один акцентный цвет. Если вторая насыщенная (чистая) цветовая заливка используется как декоративное заполнение, система автоматически её обнаружит и скорректирует. Это не произвольное ограничение: конкуренция двух акцентных цветов — самая частая визуальная ошибка при импровизированной настройке, и приложение избегает её на уровне архитектуры, а не полагается на бдительность каждого разработчика.

Как это делать на практике

На этапе генерации: выберите профиль дизайнера, максимально близкий к вашей задаче, или оставьте профиль по умолчанию, если визуальная идентичность пока не является приоритетом — её можно будет настроить позже без повторной генерации и дополнительных технических действий.

После развертывания приложения: скорректируйте фирменный стиль (цвета, шрифт, плотность) для базовой идентичности, а затем, при необходимости, параметры структуры — для тех деталей, которые создают ощутимую разницу. При этом код самих экранов трогать не нужно: он остаётся таким, каким его проверил и утвердил генератор.

Читать далее

Создайте приложение, выберите профиль дизайнера, затем настройте