DESIGN STUDIO · MORLIX
СОЗДАВАЙТЕ ИНТЕРФЕЙСЫТАК, КАК ВЫ ИХ ЗАДУМАЛИ
Свободно размещайте элементы, управляйте слоями, размерами, отступами, эффектами и взаимодействиями. Собирайте сложные композиции визуально — непосредственно внутри Morlix.
- СВОБОДНЫЙ ХОЛСТ
- Без привязки к шаблону
- ТОЧНЫЙ КОНТРОЛЬ
- Слои · стили · действия
- 3 РЕЖИМА
- Компьютер · Планшет · Мобильная версия
СВОБОДНЫЙ ХОЛСТ
Начните с чистого холста
Добавляйте элементы и собирайте композицию самостоятельно. Скроллите — и страница будет формироваться прямо перед вами.
- 01Добавьте основуФон и главный заголовок
- 02Расставьте акцентыИзображения и декоративные элементы
- 03Добавьте содержаниеОписание и кнопка действия
- 04Соберите композициюТочная позиция каждого объекта




ИНСПЕКТОР
Каждый элемент под вашим контролем
Редактируйте текст, изображения и контейнеры на одном холсте. Переключайтесь между вкладками и смотрите, как меняются инструменты под выбранную задачу.



СТРУКТУРА
Слои. Порядок. Точность.
Управляйте даже сложной композицией как понятной структурой. Меняйте порядок объектов, группируйте их и быстро находите нужный слой.
ТОЧНОЕ ПОЗИЦИОНИРОВАНИЕ
Свобода движения без потери точности
Перемещайте элементы свободно, а Дизайн Студия поможет сохранить порядок. Направляющие, привязка и точные расстояния появляются именно тогда, когда они нужны.
Перемещайте свободно. Выравнивайте идеально.
Двигайте объект туда, где он должен находиться. Morlix подскажет центр, края, расстояния и соседние элементы, а при необходимости позволит зафиксировать положение точными значениями.
-
Умные направляющие
Центр холста, края объектов и ключевые линии появляются автоматически во время перемещения и исчезают, когда больше не нужны.
-
Привязка без ограничений
Используйте мягкий snap для аккуратного выравнивания или продолжайте свободное движение, когда композиция требует нестандартного положения.
-
Расстояния под контролем
Смотрите реальные интервалы между объектами прямо на холсте и сохраняйте одинаковый ритм без ручных расчётов.
ТОЧНОСТЬ В КАЖДОМ ДВИЖЕНИИ
0105





АДАПТИВНЫЙ ДИЗАЙН
Один дизайн — на любом экране
Создавайте композицию один раз и точно адаптируйте её под компьютер, планшет и смартфон. Morlix помогает сохранить структуру, акценты и характер дизайна на каждом размере экрана.
РАБОЧИЙ ПРОЦЕСС
От идеи до готовой страницы
Все этапы проходят в одной среде — от первого объекта на холсте до проверки адаптивности и публикации.
- 01Создайте
Добавьте элементы и задайте композицию.
- 02Настройте
Уточните размеры, стили и расположение.
- 03Свяжите
Добавьте действия и интерактивные сценарии.
- 04Проверьте
Настройте компьютер, планшет и телефон.
- 05Опубликуйте
Сохраните результат и покажите его пользователям.
FAQ
Частые вопросы о Дизайн Студии Morlix
О свободном холсте, слоях, адаптивности, действиях, анимациях и различии между двумя редакторами.
Чем Дизайн Студия отличается от визуального редактора?
Визуальный редактор предназначен прежде всего для быстрых изменений уже собранной страницы: контента, готовых секций, медиа и оформления. Дизайн Студия даёт больше свободы — свободное позиционирование объектов, работу со слоями, точные параметры, действия и сложные композиции.
Нужно ли знать HTML и CSS?
Для основной работы — нет. Элементы добавляются на холст, перемещаются и настраиваются через визуальные панели. Знание CSS полезно только тогда, когда вы хотите выйти за рамки предусмотренных визуальных настроек.
Можно ли свободно перемещать элементы?
Да. Дизайн Студия рассчитана на свободную композицию. При перемещении можно ориентироваться на направляющие, привязку, центр холста и расстояния между объектами, чтобы сохранять точность.
Как устроена работа со слоями?
Объекты отображаются в панели слоёв в соответствии со структурой сцены. Их можно выбирать, менять местами, объединять в группы и использовать вложенность, чтобы даже сложная композиция оставалась понятной.
Можно ли сделать отдельную композицию для мобильного экрана?
Можно переключаться между режимами компьютера, планшета и мобильной версии и адаптировать размеры, положение и компоновку под каждый экран. Это позволяет сохранить одну идею дизайна, но подать её корректно на разных устройствах.
Какие действия можно назначить элементу?
В текущей концепции Дизайн Студии предусмотрены переход по URL, прокрутка к нужному элементу страницы, открытие модального окна и его закрытие. Действие связывается с выбранным элементом визуально.
Поддерживаются ли анимации?
Да. Для элементов можно использовать сценарии появления, движения и изменения масштаба, а также выстраивать последовательность появления объектов, чтобы интерфейс раскрывался постепенно.
Можно ли отменить неудачное изменение?
Да. Отмена и возврат действий позволяют экспериментировать с расположением и оформлением, не боясь потерять удачное состояние. Сохранять страницу можно после проверки результата.
Можно ли использовать Дизайн Студию вместе с Visual Builder?
Да. Эти инструменты решают разные задачи внутри одной системы Morlix. Для быстрых правок и типовых страниц удобнее Visual Builder, а для нестандартных экранов и сложных композиций — Дизайн Студия.
Что происходит после сохранения дизайна?
Сцена сохраняется как часть проекта Morlix, после чего её можно снова открыть для редактирования, проверить в предпросмотре и использовать на опубликованной странице.
Можно ли работать с собственными изображениями и медиа?
Да. В композиции можно использовать материалы сайта и медиабиблиотеки Morlix, размещая их как самостоятельные визуальные элементы или часть более сложной сцены.
Кому особенно полезна Дизайн Студия?
Дизайнерам и разработчикам — для нестандартных интерфейсов, веб-студиям — для клиентских проектов, маркетинговым командам — для выразительных посадочных страниц, а опытным пользователям Morlix — когда возможностей типовой секционной сборки уже недостаточно.
MORLIX DESIGN STUDIO
ТЕПЕРЬ ДИЗАЙН
ЗАВИСИТ ОТ ВАС
От первого элемента до сложного интерактивного интерфейса — создавайте всё в одной среде Morlix. Выстраивайте собственный визуальный язык, экспериментируйте с подачей и собирайте экраны, которые действительно выделяются.





