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

Как выравнять объекты в Adobe Muse титул

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

Тема сегодняшней статьи действительно важная, поскольку в арсенале любого блогера обязательно есть несколько страниц, которые сделаны в стороннем конструкторе или с применением разных плагинов. Как правило, это различные лэндинги, страницы для рассылки. И, если непосредственно на вашем сайте минимум половину работы за вас делает 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. Я не даю на него ссылку, поскольку обучение уже закончилось, а записи доступны только для учеников. Но предлагаю вам посмотреть мой видео отзыв на этот тренинг. Вполне возможно, что кто-то из вас захочет в будущем пройти такое обучение.

ПОДПИСАТЬСЯ НА МОЙ ВИДЕОКАНАЛ

Хотя в принципе, если вы готовы отучиться заочно, то у Владимира есть бесплатный курс в записи. Можете попробовать свои силы в нем, ну а, если хотите чего-то серьезного, то я специально нашел в своих архивах хитрую ссылку на платное обучение, но со скидкой в 70%. Хитрость этой ссылки заключается в том, что, если вы принимаете решение сразу, то будет именно эта скидка, на 2-й день она уменьшится, на 3-й день станет еще меньше, а на 4-й — курс уже можно будет забрать только по его полной стоимости.

Я думаю вы сами выберете для себя подходящий вариант. А что касается меня, то, если вы внимательно посмотрели мой видеоотзыв, то наверняка уже поняли, что я иду учиться в тренинг Adobe Muse с нуля до Профи 8.0. Обучение продлится 2,5 месяца и будет, конечно, нелегко. Так что прошу вашей поддержки в комментариях, а со своей стороны обещаю по окончанию обучения также поделиться своими впечатлениями и всем, поддержавшим меня, с удовольствием помогу в тех вопросах, которые возниканут у вас при работе в Adobe Muse.

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


ПОНРАВИЛАСЬ СТАТЬЯ? РАССКАЖИ ДРУЗЬЯМ!


ПОДПИШИСЬ НА ОБНОВЛЕНИЯ БЛОГА
и получай новые материалы на почту!
 

ПОДПИСАТЬСЯ НА НОВОСТИ
 

100% гарантия конфиденциальности.
В любой момент Вы сможете отписаться.

 
4 комментария на Как быстро выровнять объекты на странице сайта в Adobe Muse
  1. Здравствуйте, Сергей!

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

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

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

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

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Отправляя комментарий Вы даете свое СОГЛАСИЕ на обработку персональных данных, необходимых для нормального функционирования сайта
Друзья! Не удивляйтесь, что Вы сразу не видите свои комментарии.
Они обязательно появятся после модерации.