Adobe Muse: создание сайтов из тонкого AIR

Лори Грунин / CNET

Adobe представляет свое новейшее программное обеспечение для веб-дизайна под кодовым названием Muse как создание сайтов без кода для пользователей InDesign и Illustrator. И что касается интерфейса, команда разработчиков проделала хорошую работу, имитируя то, что могла от тех приложений, использующих более легкую, гораздо менее зрелую платформу программирования AIR. Но, на мой взгляд, на рынке, переполненном инструментами создания сайтов для всех уровней сложности и бюджета, Muse выглядит как первый реальный шанс Adobe отвлечь дизайнеров от использования таких инструментов, как Photoshop, для разработки и создания прототипов сайтов. Тем не менее, вы планируете использовать Muse, для этого нужно гораздо больше готовить, прежде чем Adobe будет готова вложить в нее вилку. (Примечание: я пытаюсь отличить бета-ошибки от того, что я считаю архитектурными проблемами в моей критике, но некоторая утечка фрустрации может привести к неправильной атрибуции.)

• Adobe запускает Muse, конструктор сайтов без кода
• Новая модель подписки Adobe

Muse разделена на четыре логических области задач рабочего процесса: Планирование, Дизайн, Предварительный просмотр и Публикация. В Plan вы строите структуру сайта, используя комбинацию иерархических миниатюрных организационных диаграмм и «главных» страниц. Мне нравится метафора оргструктуры для разработки сайта, и я думаю, что большинство людей все еще думают о веб-сайте: как о серии связанных страниц. Он также отлично подходит для разработки на лету, если вы отвечаете за весь контент веб-сайта или визуализируете архитектуру сайта с помощью клиента.

План Adobe Muse, вид Лори Грунин / CNET

Мне также очень нравится концепция главных страниц, как способ справиться с повторяющимся контентом. Но реализация намного более простая, чем я ожидал. Кажется, что для Muse мастер - это просто место для размещения элементов дизайна страницы, которые вы планируете использовать на нескольких страницах. Например, он не использует их для группировки CSS, который вы планируете использовать повторно для набора страниц. Хотя вы можете определить некоторые теги, чтобы связать их со стилями, вы даже не можете переопределить шрифт по умолчанию или связать стиль по умолчанию с тегом p. На практике это означает, что каждое новое текстовое поле возвращается к 14-точечному Arial. И когда я экспортировал свой тестовый сайт для публикации, для каждой страницы был отдельный файл CSS, и глобальный CSS был полностью общим. Также было бы здорово, если бы я мог взять существующий CSS и просто вставить его в заголовок страницы. Но у вас нет доступа к коду ни к одному элементу, который не находится в теге body.

Я также думаю, что Мастера немного неразумны; Вы можете дублировать их, но вы в основном разветвляете дизайн каждый раз, когда делаете это. С одной стороны, это похоже на то, как они работают в программном обеспечении для проектирования, но это меньше проблема в статических документах, чем на динамическом сайте, который потребует частого обновления. Вы должны тщательно спланировать свою основную стратегию, используя редукционистский подход - сначала создайте самые сложные, затем удаляйте элементы, дублируйте их и удаляйте и так далее. Кроме того, Muse заходит настолько далеко, что сопротивляется шаблонам, что даже не предоставляет базовых настроек страницы для различных типов сайтов, таких как оптимальные размеры для отображения на мобильных устройствах, или предлагает некоторые типичные размеры экрана. Но он хорошо обрабатывает динамический размер страницы, позволяя легко прикреплять элементы страницы в нижний колонтитул.

Design View Лори Грунин / CNET

Интерфейс дизайна логичен и не должен угрожать кодофобии. Он имеет обычный ассортимент инструментальных палитр и функций, знакомых всем пользователям Adobe Creative Suite, включая стили символов, абзацев и графики, а также палитры образцов цветов. Инструменты для типографики позволяют вам управлять межстрочным интервалом, а также выравниванием абзацев. К сожалению, нет эквивалента палитре Glyph в Illustrator для вставки нестандартных символов. Есть несколько элементарных заливок - сплошных и градиентных - с непрозрачностью, обводкой и угловыми элементами управления, а также обработка фонового изображения. Есть перенос текста с пользовательскими смещениями, но я не смог заставить это работать в моей бета-версии.

Удивительно - и компания уже делала это раньше - Adobe оставляет в этой версии инструменты для выравнивания и распространения. Так или иначе, ранние версии программного обеспечения Adobe часто опускают эту возможность в категорию «приятно иметь», а не «пользователи будут бить нас правителями в знак протеста». Интеллектуальные направляющие компенсируют это, интерактивно отображая промежутки между объектами в пикселях и загораясь, когда вы находитесь на равном расстоянии между объектами или выровнены с другим.

Для базового интерактивного контента и навигации Adobe предоставляет некоторые виджеты (Spry и jQuery, если вам это нужно), с которыми в бета-состоянии они все еще чувствуют себя немного затруднительно; например, при попытке выбрать виджет «предыдущий» и «следующий» текст в одном из виджетов слайд-шоу, он вместо этого переходит к предыдущему или следующему изображению. Выбор кажется немного тонким, тоже. Тем не менее, они в основном настраиваемые. Самая большая проблема заключается в том, что по крайней мере в ближайшей перспективе Adobe будет единственным источником этих виджетов; нет никакой инфраструктуры, позволяющей сторонним разработчикам создавать свои собственные виджеты или позволяющим разработчикам самостоятельно предоставлять разработчикам дополнительные элементы. Muse также имеет палитру States для определения появления Normal, Mouseover, Mousedown и Active, но, по крайней мере, в бета-версии она действительно недостаточно развита. Вы не можете добавить больше состояний, и вам нужно использовать обходной путь (создать графический стиль), чтобы применить дизайн состояний к другим объектам.

Виджет перед настройкой Лори Грунин / CNET

Если вы хотите добавить базовый HTML, это довольно просто, если он самодостаточен - другими словами, если он обычно проходит между тегами body. Все, что можно захватить, можно добавить на страницу с помощью «Вставить HTML»; Я добавил YouTube-вставку, кнопку Twitter для просмотра и трансляцию, виджет Facebook и карту Google. Вам все еще нужно будет знать, как настроить цвета с помощью кодирования или диагностики ошибок, потому что редактор кода Muse - это простой текстовый редактор. (По иронии судьбы, единственный код, который я не смог успешно внедрить, - это слайд-шоу Flash SmugMug, в результате которого произошел сбой программы.)

Виджет после кастомизации Лори Грунин / CNET

Я думаю, что самым большим разочарованием является обработка типов. Adobe намеренно ограничивает первоначальную реализацию «раскрытием того, что подходит для Интернета», что в данном случае означает типичный набор веб-функциональных шрифтов и создание растрированных версий любой пользовательской типографии. Там нет поддержки для любого типа веб-шрифтов. Для меня работа с веб-шрифтами все еще является одной из самых запутанных, но желательных возможностей для развития в последнее время, и я думаю, что Adobe действительно упускает возможность здесь. К чести небезопасного типа, Muse растеризует его и автоматически генерирует альтернативные теги текста, чтобы он был SEO-дружественным. Но если кому-то нужны высококлассные инструменты типографики, разве это не будет этот рынок?

Кроме того, по словам Adobe, большая часть пользователей InDesign все еще имеет рабочий процесс для печати. Тогда вы подумаете, что Muse позволит вам переназначить большую часть вашей работы в InDesign. Нету. По крайней мере, скажем, было бы неплохо, если бы он мог отображать стили документов, поддерживать вырезание и вставку форматированного текста, вставлять логотип, импортировать палитру образцов ... что угодно. Это вина команды Muse, что InDesign не использует системный буфер обмена и требует специальной поддержки приложений? Нет. Но это проблема Adobe.

Что касается предварительного просмотра, это просто встроенный браузер WebKit, который отображает отдельные страницы. Это также слишком урезано; Вы не можете просмотреть навигацию или вернуться назад.

Что вы делаете со своим сайтом, когда он готов? У вас есть два варианта: экспортировать в HTML или публиковать напрямую на хостинге Adobe Catalyst. HTML-экспорт поддерживает полную перезапись или добавочный экспорт. Одним из приятных моментов хостинга BC является то, что вы можете публиковать 30-дневные бесплатные пробные сайты, что является отличным способом управления дизайном другими людьми. Но учитывая то, как большинство людей запутались в том, как перенести сайт со своего жесткого диска в Интернет, этот аспект программы требует много доработки.

Самое приятное в Muse - то, что в разные моменты я мог забыть, что занимаюсь веб-дизайном. И вы можете создать несколько привлекательных сайтов из него. Но код не очень красивый. Dreamweaver точно не захлебывается - он корректно отображается в режиме Live View, но в представлении «Дизайн» появляется полный пробел. Это делает его менее впечатляющим, чем решение для создания прототипов, на которое я надеялся, поскольку вам все еще может быть лучше просто передать плоские изображения кому-то для воссоздания в инструменте кодирования.

Как только выйдет бета-версия, Muse, у которой в то время будет другое, возможно, менее интересное название, например «Adobe Web», будет доступна только по подписке и будет стоить 20 долларов в месяц или 180 долларов в год, если вы получаете 12 месяцев. впереди На что я говорю "ой". Я думаю, что это подчеркивает одну из проблем с моделью подписки на новое программное обеспечение. По сути, Adobe полагается на поток доходов от подписок для финансирования дальнейшей разработки программного обеспечения для продукта. Но для версии 1.0 $ 180, кажется, не стоит того, что типично для ранних версий программного обеспечения. Может быть, следующая версия будет. Но если недостаточно людей подписаться на версию 1.0, мы никогда не увидим 2.0. И я думаю, что это было бы слишком плохо, потому что это действительно показывает обещание. И я должен сказать, как подтверждение концепции того, насколько далеко вы можете продвинуть AIR, это довольно впечатляет. Лучше всего, пожалуй, он обрабатывает сбои довольно изящно, с периодическим автосохранением на заднем плане. Это делает бета-тестирование гораздо менее болезненным, чем могло бы быть. Вы можете скачать его по адресу http://muse.adobe.com/ ,

Похожие

Комментарии