Adobe Muse–создём сайт в визуальном редакторе

Adobe Muse CC v7.2 (Build 232)

 

Сейчас стало резко понятно что что-бы стать максимально эффективным, необходимо освоить правктически всю линейку програмный продуктов Adobe. И хотя Photoshop и Illustrator удалось побороть достаточно легко, то вот с Adobe Muse,  After Effects, и Edge Animate пришлось повозится, но полученным результатом я очень доволен.

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

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

Сегодня пару строк и ссылок, по обучению программе Adobe Muse.

Делать сайты в визуальном редакторе – мечта многих. Было несколько попыток решить этот вопрос, но результат был далёк от желаемого. Никак не удавалось программистам объединить чистый код, необходимые эффекты и удобство работы. Тот же Дремвьювер позволял сделать многое, но, пока разберёшься, проще самому выучить язык разметки. Артистир – вроде бы неплохо стартовал, но генерируемый код получается настолько объемным и путаным, что, опять же, проще модифицировать готовый шаблон.

И вот, в 2011 году появилась программа Adobe Muse. Разработчики заявили о том, что их детище будет выдавать профессиональные, качественные, современные сайты, для создания которых, знать код вообще не нужно, надо только освоить азы работы с программой.

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

Конечно, полноценный сайт с тысячей страниц на нём сделать проблематично. А вот небольшой сайт-портфолио, страницу товара, небольшой магазинчик, сайт-визитку очень даже можно сделать. Причём, сам процесс работы доставляет только приятные впечатления. Программа легкая, систему не грузит, интерфейс понятный и легкий для освоения.

Зачем, вообще, нужен визуальный редактор, когда можно обойтись обычным кодом, или, на крайний случай, готовым шаблоном?

В принципе, большинство задач так и реализуется. Либо сами код пишем, либо берём готовые варианты. Но, бывают такие случаи, когда задача требует оригинального, ни на кого не похожего решения. Вот тут то программ Adobe Muse будет весьма кстати. Для того же сайта-визитки, вариантов то много, но все они, довольно типичные. А так хочется, иногда развернуться. Тем более, постоянно появляются разные новые решения. Открыли Adobe Muse, сделали нужные корректировки, понравилось, оставляем, нет, фантазируем дальше. Удобно.

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

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

Уроки по работе с Adobe Muse

Где и как скачать и установить программу Adobe Muse

Самое первое знакомство с интерфейсом программы

Какие режимы доступны в работе с программой

Инструменты программы Adobe Muse

Горячие клавиши для быстрой работы с программой

Как работать со слоями в программе Adobe Muse

C чего начинать создание сайта в программе Adobe Muse

Делаем план сайта в программе

Создаём шаблоны для своего сайта

Фоновые изображения для сайта

Работа с направляющими при создании дизайна

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

Фавикон можно добавлять разный для каждой страницы

Импортируем нужные изображения для работы в программе Adobe Muse

Принцип работы с изображениями в программе Adobe Muse

Как работать с фоновыми изображениями в программе

Как работать с панелью Ресурсы

Работа с встроенными изображениями в программе Adobe Muse

Настройка параллакс эффекта в программе Adobe Muse

Как работать с панелью Библиотека

Как работать с панелью Перспектива

Группируем и закрепляем нужные элементы на странице

Работа со слоями в программе Adobe Muse

Как можно удобно выровнять нужные элементы

Как скруглить углы у изображения, кнопок и панелей

Настройка теней, скосов и свечения для любых элементов сайта

Установка и настройка стилей в программе Adobe Muse

Фиксация нужных элементов вашего сайта

Варианты вставки текста на сайт

Настройка параллакс эффекта для фоновых изображений

Настройка параллакс эффекта для текста в программе Adobe Muse

Настройка параллакс эффектов для нескольких изображений

Как закрепить шапку сайта

Как сделать всплывающее окно с контактной формой

Как вставить ролик с Youtube на страницу сайта

Как сделать плавное исчезновение изображения при прокрутке страницы

Как сделать интернет магазин в программе Adobe Muse с помощью сервиса Ecwid

Как создавать свои цветовые схемы для сайта

Плавное появление объектов на сайте Adobe Muse

Подключаем шрифты Google Fonts к сайту

Вот такая подборочка уроков по программе Adobe Muse получилась. Я её собрал, в принципе, для себя, чтобы всегда под рукой были. Но, если кому пригодится, буду только рад. Надеюсь, с этой программой в Интернете будет побольше красивых, необычных и оригинальных сайтов.