Как быстро выровнять объекты на странице сайта в Adobe Muse

Здравствуйте, друзья! В этой статье я хочу вас познакомить с несколькими приемами работы с инструментами выравнивания объектов в программе Adobe Muse. По большому счёту принципы, про которые я расскажу, применимы ко всем конструкторам сайтов и даже к сайтам, работающим на определённых CMS. Можно сказать, что это основы web-дизайна.

выравникание в adobe muse

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

И, если непосредственно на вашем сайте минимум половину работы за вас делает CMS, на которой работает сайт, то в случае с отдельными страницами все центровки вы делаете сами.

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

А вот, например, конструктор сайтов Adobe Muse, хотя и не представляет по сравнению с Инстабилдером такого комфорта в верстке страниц, но имеет очень продвинутую систему выравнивания объектов на странице.

Уже изначально при создании страницы Мьюз предлагает определиться с процессом выравнивания и задать так называемую сетку – равные по ширине вертикальные колонки. При желании вы можете также задать расстояние между этими колонками. Оно называется: средник.

Как выравнять объекты в Adobe Muse-1

Применять или не применять средник – дело ваше. В отдельных случаях он здорово выручает, но иногда он просто не нужен. А вот количество колонок обычно задают из расчета 12 при начальной ширине страницы 960px.

Это удобное число, которое делится одновременно на 2, 3, 4, 6.  Числовое значение всех колонок сетки рассчитывается программой автоматически с учетом указанной ширины средника.

Особенности Adobe Muse заключается в том, что в процессе работы, программа подсказывает вам расположение объектов относительно сетки и друг друга. При этом середина каждой колонки, когда вы перемещаете объект по горизонтали дополнительно подсвечивается красной вертикальной линией.

Аналогичная линия, но синего цвета, появляется при совпадении того или иного края отдельных объектов или их центров. Это очень удобно! В Фотошопе такие линии называются быстрыми направляющими.

Как выравнять объекты в Adobe Muse - 4

Очень многие пользователи Adobe Muse ограничивается этими возможностями программы и совсем не обращают внимания на вкладку «Выравнивание», наивно полагаясь только на собственный глазомер и показанные выше элементарные подсказки. А зря! Ведь именно эта вкладка значительно ускоряет процесс и очень здорово помогает.

Как выравнять объекты в Adobe Muse-3

Ниже я расскажу об одном интересном способе выравнивания с помощью инструментов вкладки «Выравнивание» – «Выравнивание по ключевому объекту». Такое выравнивание позволяет поддерживать гармонию дизайна сайта в едином стиле с минимальными затратами по времени.

Допустим у вас на странице есть три объекта, которые необходимо выровнять с равными интервалами по горизонтали относительно зеленого квадрата. Удерживая нажатой клавишу «Ctrl», выделите все 3 квадрата, начиная именно с зелёного.

Как выравнять объекты в Adobe Muse-5

После этого в меню вкладки «Выравнивание» выберите в выпадающем меню команду «Выравнивание по ключевому объекту».

Как выравнять объекты в Adobe Muse-8

При этом зеленый квадрат выделится жирной обводкой.

Как выравнять объекты в Adobe Muse-6

После этого задайте числовое значение интервала между объектами в пикселях и нажмите выравнивание по горизонтали

Как выравнять объекты в Adobe Muse-9

Квадраты сразу распределятся по горизонту.

Как выравнять объекты в Adobe Muse-10

Аналогично можно задавать другие виды выравнивания. Допустим, по верхнему краю или по центру.

Как выравнять объекты в Adobe Muse-11

Как видите, всё очень просто. Попробуйте, поэкспериментируйте сами. Я, честно говоря, до недавнего времени полагался исключительно на свой глазомер, но в процессе прохождения бесплатного тренинга Владимира Гынгазова Создатель сайтов 4.0 наконец-то понял всю физику инструмента выравнивание.

Владимир в своих мастер-классах частенько показывает этот приём работы, но я никак не мог уловить порядок его действий. Вот так: век живи – век учись!

Вообще прошедший тренинг Владимира Гынгазова полностью перевернул моё восприятие программы Adobe Muse и в целом на многие вопросы создания сайтов. Предлагаю вам посмотреть мой видео отзыв на этот тренинг. Вполне возможно, что кто-то из вас захочет в будущем пройти такое обучение.

Подписывайся на мой видеоканал и смотри другие видео

 

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

С уважением Сергей Почечуев

Оцените статью
Просто Делай Так
Добавить комментарий

  1. Ян Збаразкий

    Здравствуйте, Сергей!

    С удовольствием посмотрел Ваш видео отзыв.
    Очень рад за Вас, что решили обучаться у Владимира Гынгазова
    создавать сайты Adobe Muse. На сегодняшний день В.Гынгазов,
    пожалуй, один из числа лучших экспертов по Adobe Muse.

    Желаю Вам отучиться на “ОТЛИЧНО” и потом щедро делиться
    полученными знаниями с остальными, как это делает Владимир.

    Крепко жму Вашу руку! Успехов Вам и благословений!

    Ответить
    1. Сергей Почечуев автор

      Ян, большое спасибо за пожелания. Буду стараться учиться на отлично!

      Ответить
  2. Людмила

    Сергей, здравствуйте!
    Начала делать сайты в Мьюзе – все больше нравится эта программа. Дает массу возможностей. Ваш совет как раз кстати. Спасибо

    Ответить
    1. Сергей Почечуев автор

      Людмила, не пожалеете! Кстати, мой видеоотзыв, который опубликован в статье, стал лучшим и по условиям конкурса теперь я буду учиться в большом тренинге бесплатно! Мой совет: скачайте хотя бы бесплатный курс Владимира Гынгазова, он примерно в том же объеме, что и бесплатный тренинг, про который я упомянул в статье. А вчера на первом занятии Владмир показал, какие изменения скоро будут в этой программе. Просто супер!

      Ответить
  3. Александр

    Толковая статья, Сергей! Мне правда еще не пришлось пользоваться Мьюз (не дорос 🙂 ), но в скором времени займусь. Очень понравился видео отзыв. Думаю, стоит отучиться заочно, по записям. Так у меня хоть какое-то представление появится об этом инструменте.

    Ответить
    1. Сергей Почечуев автор

      Мьюз на первый взгляд сложен, но после освоения нюансов, может быть очень классным помощником во многих ситуациях. Сейчас учусь у Гынгазова и с каждым домашним заданием убеждаюсь в этом! Как говорил Фоменко раньше: “Как? Вы не любите кошек? Да Вы просто не умеете их готовить!” 🙂

      Ответить
Примечание

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