Дизайн

Adobe Muse vs Webflow

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

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

Сегодня поговорим о двух наиболее интересных (с нашей точки зрения) продуктах, которые предлагают упомянутую выше визуальную верстку веб-проектов: Muse и Webflow.

Muse

Продукт компании Adobe, содержащий в себе все стандартные фичи и баги, поставляемые во всех продуктах компании. Но единый создатель — не всегда плохо, потому что освоить интерфейс Muse для вас будет также легко, как если бы вы всю жизнь пользовались Фотошопом, а потом решили открыть Иллюстратор — ничего сверх-нового вы не увидите.

Adobe_Muse_2

Сегодня виджетов для Muse написано столько, что сверстать веб-проект с абсолютно любыми эффектами анимации и интерактива на ней не сможет, разве что, очень ленивый веб-дизайнер :)

Много про виджеты говорить не будем, просто оставим эти ссылки здесь: 22 виджета, 48 виджетов.

Сферы применения

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

Преимущества плагинов

Большое количество плагинов означает, что большинство популярных задач уже решено, например, добавить Яндекс.Метрику или Гугл аналитику можно одним кликом мыши, а отслеживание целей — еще один клик.

Создать 2 странички для проведения А/Б тестирования — нет ничего проще! Опять отдельный плагин позволит это сделать быстро и без проблем.

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

Недостатки Muse

Если к написанным сторонними разработчиками плагинам нет никаких претензий, то к Muse они есть.

Во-первых стоит отметить, что если вы сначала создаете проект в Muse, экспортируете готовый сайт в формат html, а затем попытаетесь попросить стороннего разработчика доработать полученный код без наличия на руках проекта в формате .muse — ему будет очень сложно разобраться в коде.

Да, создаваемые в Muse проекты не предназначены для доработки веб-разработчиками: код Muse генерирует, как говорится, «под себя», но зато он работает :)

Webflow

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

53a069880b65bf5f0c0fa381_feature-big-devices

Сразу отметим, что Webflow в отличии от Muse, генерирует html в лучшем качестве, поэтому веб-разработчик с вероятностью 95% сможет с ним разобраться и доделать все необходимое.

Сферы применения

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

Отсутствие плагинов

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

Недостатки Webflow

К основному недостатоку сервиса, пожалуй, можно отнести только повышенную сложность работы с ним.

В Webflow понятие «верстка» материализуется и вы в буквальном смысле должны присвоить каждому элементу на странице свойства, определяющие его:
— положение на странице
— положение относительно других элементов
— родительский элемент (если имеется)
— дочерний элемент (если имеется)
— взаимодействие с прочими элементами на странице
— анимацию при появлении/прокрутке/нажатии и тд

Однако, такая скурпулезная работа с каждым элементом дает свои плоды — в большинстве браузеров ваш веб-проект будет выглядеть одинаково на 100%, тоже самое относится и к мобильной верстке, которая, кстати, в Webflow создается проще, чем в Muse.

Webflow vs Muse для посадочных страниц

Если ваш основной род деятельности — создание посадочных страниц, проведение на них А/Б тестирования и сбор аналитики, однозначно, ваш выбор должен быть в пользу Muse.

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

В Webflow на решение проблем с подключением аналитики, установкой отслеживания целей метрики, а также проведением правильного А/Б тестирования уйдет больше времени и нервов, но нельзя сказать, что аналогичного результата не добиться. Все упирается лишь в ваше упорство и терпение :)

Webflow vs Muse для промо-страниц

В этом сравнении пальму первенства с небольшим отрывом получает Webflow. Почему с небольшим?

По нашему мнению, работать в Webflow примерно в 2 раза сложнее, чем в Muse, однако, результат получается лучше, чище и стабильнее — уж в плане анимации элементов точно.

Дело в том, что встроенные функции анимации в Muse очень скудны и предлагают на выбор только движение объектов по рабочему полю из точки А в точку Б.

Эта проблема решается дополнительным плагином Анимейт 3.5, но результат его работы нельзя охарактеризовать как «Вау!», скорее как «Ну да, неплохо».

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

Удачи вам в визуальной верстке!

  • Разработчик

    Сайты генерированные в Muse работают только для десктопов. Из-за этого потеря трафика с лендингов созданных в этой программе (около 35% от всех посетителей) разрабов Muse не беспокоит. Мобильный трафик растет с каждым годом, нельзя уже сайты делать расчитанный только на пользователей ПК, ТАБУ!!!!

  • Роман

    Уже и мьюз умеет делать адаптивные сайты ;)

  • Егоров

    А куда по вашему мобильный макет делся? Даже инструкцию не прочли?

  • http://zerass.com/wordpress/archives/770 landing page notes | Knowledge base

    […] сравнение этих продуктов […]

  • https://plus.google.com/109141493745407711552 Егор Воронов

    Откуда такая статистика? В неё разве что , тот кто не запускал muse поверит

  • http://www.billigschmuckverkauf.com/tag/replik-cartier-halskette cartier anhänger love replica

    cartier anhänger love replica

    cartierbraceletlove Esse episódio foi bem interessante. Quero entender mais sobre o que é o “homem de borracha” e a relação que o Tate tem com a mansão. Medo do ser criado pelo Dr.Montgomery, é a velhinha que aparece no porão do 1 episódio né ? Gosto m…

  • http://www.latestbracelet.com/tag/fake-cartier-love-ring pink diamond imitation ring cartier

    pink diamond imitation ring cartier

    cartierbraceletlove sweeter and simpler than you’d expect.