DESIGN STUDIO · MORLIX

СОЗДАВАЙТЕ ИНТЕРФЕЙСЫТАК, КАК ВЫ ИХ ЗАДУМАЛИ

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

Посмотреть как это работает
СВОБОДНЫЙ ХОЛСТ
Без привязки к шаблону
ТОЧНЫЙ КОНТРОЛЬ
Слои · стили · действия
3 РЕЖИМА
Компьютер · Планшет · Мобильная версия

СВОБОДНЫЙ ХОЛСТ

Начните с чистого холста

Добавляйте элементы и собирайте композицию самостоятельно. Скроллите — и страница будет формироваться прямо перед вами.

  1. 01
    Добавьте основуФон и главный заголовок
  2. 02
    Расставьте акцентыИзображения и декоративные элементы
  3. 03
    Добавьте содержаниеОписание и кнопка действия
  4. 04
    Соберите композициюТочная позиция каждого объекта

ИНСПЕКТОР

Каждый элемент под вашим контролем

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

СТРУКТУРА

Слои. Порядок. Точность.

Управляйте даже сложной композицией как понятной структурой. Меняйте порядок объектов, группируйте их и быстро находите нужный слой.

ПЕРЕТАСКИВАНИЕГРУППИРОВКАВЛОЖЕННОСТЬ
Пример изображения в слоях Design Studio
Пример изображения в слоях Design Studio
Пример изображения в слоях Design Studio
Пример изображения в слоях Design Studio
Пример изображения в слоях Design Studio
Пример изображения в слоях Design Studio

ТОЧНОЕ ПОЗИЦИОНИРОВАНИЕ

Свобода движения без потери точности

Перемещайте элементы свободно, а Дизайн Студия поможет сохранить порядок. Направляющие, привязка и точные расстояния появляются именно тогда, когда они нужны.

Перемещайте свободно. Выравнивайте идеально.

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

  1. Умные направляющие

    Центр холста, края объектов и ключевые линии появляются автоматически во время перемещения и исчезают, когда больше не нужны.

  2. Привязка без ограничений

    Используйте мягкий snap для аккуратного выравнивания или продолжайте свободное движение, когда композиция требует нестандартного положения.

  3. Расстояния под контролем

    Смотрите реальные интервалы между объектами прямо на холсте и сохраняйте одинаковый ритм без ручных расчётов.

АДАПТИВНЫЙ ДИЗАЙН

Один дизайн — на любом экране

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

Сайт Morlix на экране компьютера
Сайт Morlix на экране планшета
Сайт Morlix на экране смартфона

РАБОЧИЙ ПРОЦЕСС

От идеи до готовой страницы

Все этапы проходят в одной среде — от первого объекта на холсте до проверки адаптивности и публикации.

  1. 01Создайте

    Добавьте элементы и задайте композицию.

  2. 02Настройте

    Уточните размеры, стили и расположение.

  3. 03Свяжите

    Добавьте действия и интерактивные сценарии.

  4. 04Проверьте

    Настройте компьютер, планшет и телефон.

  5. 05Опубликуйте

    Сохраните результат и покажите его пользователям.

FAQ

Частые вопросы о Дизайн Студии Morlix

О свободном холсте, слоях, адаптивности, действиях, анимациях и различии между двумя редакторами.

Чем Дизайн Студия отличается от визуального редактора?

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

Нужно ли знать HTML и CSS?

Для основной работы — нет. Элементы добавляются на холст, перемещаются и настраиваются через визуальные панели. Знание CSS полезно только тогда, когда вы хотите выйти за рамки предусмотренных визуальных настроек.

Можно ли свободно перемещать элементы?

Да. Дизайн Студия рассчитана на свободную композицию. При перемещении можно ориентироваться на направляющие, привязку, центр холста и расстояния между объектами, чтобы сохранять точность.

Как устроена работа со слоями?

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

Можно ли сделать отдельную композицию для мобильного экрана?

Можно переключаться между режимами компьютера, планшета и мобильной версии и адаптировать размеры, положение и компоновку под каждый экран. Это позволяет сохранить одну идею дизайна, но подать её корректно на разных устройствах.

Какие действия можно назначить элементу?

В текущей концепции Дизайн Студии предусмотрены переход по URL, прокрутка к нужному элементу страницы, открытие модального окна и его закрытие. Действие связывается с выбранным элементом визуально.

Поддерживаются ли анимации?

Да. Для элементов можно использовать сценарии появления, движения и изменения масштаба, а также выстраивать последовательность появления объектов, чтобы интерфейс раскрывался постепенно.

Можно ли отменить неудачное изменение?

Да. Отмена и возврат действий позволяют экспериментировать с расположением и оформлением, не боясь потерять удачное состояние. Сохранять страницу можно после проверки результата.

Можно ли использовать Дизайн Студию вместе с Visual Builder?

Да. Эти инструменты решают разные задачи внутри одной системы Morlix. Для быстрых правок и типовых страниц удобнее Visual Builder, а для нестандартных экранов и сложных композиций — Дизайн Студия.

Что происходит после сохранения дизайна?

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

Можно ли работать с собственными изображениями и медиа?

Да. В композиции можно использовать материалы сайта и медиабиблиотеки Morlix, размещая их как самостоятельные визуальные элементы или часть более сложной сцены.

Кому особенно полезна Дизайн Студия?

Дизайнерам и разработчикам — для нестандартных интерфейсов, веб-студиям — для клиентских проектов, маркетинговым командам — для выразительных посадочных страниц, а опытным пользователям Morlix — когда возможностей типовой секционной сборки уже недостаточно.

MORLIX DESIGN STUDIO

ТЕПЕРЬ ДИЗАЙН
ЗАВИСИТ ОТ ВАС

От первого элемента до сложного интерактивного интерфейса — создавайте всё в одной среде Morlix. Выстраивайте собственный визуальный язык, экспериментируйте с подачей и собирайте экраны, которые действительно выделяются.