Обзор Adobe Muse: новый инструмент Adobe для веб-дизайна

  1. Введите Muse
  2. Но сначала давайте уберем розового слона
  3. Возвращаясь к музе
  4. 1 - Вам не нужно писать код
  5. 2 - у Muse простой рабочий процесс
  6. 3 - Muse придерживается последних веб-стандартов
  7. 4 - Вы можете использовать главные страницы, чтобы контролировать внешний вид вашего сайта
  8. 5 - проявите креативность с помощью Adobe TypeKit
  9. 6 - Добавить встроенные виджеты для дополнительных возможностей
  10. 7 - Публикация изнутри Muse
  11. 8 - цена правильная
  12. Бабар Сулеман

Вот различие, которое я всегда проясняю своим клиентам с самого начала: «Я дизайнер. Не разработчик.

Для меня важно заявить об этом, потому что я не мог написать код, если бы от этого зависела моя жизнь.

Хорошо, так что я могу немного преувеличить. Тем не менее, общее понимание структуры веб-страницы, нескольких HTML-тегов и небольшого ноу-хау того, куда вставлять открытый исходный код, взятый из Интернета, является степенью моих знаний в области кодирования.

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

И поэтому, в основном визуальные дизайнеры, такие как я, часто вздыхали и задавались вопросом: «Если бы существовала программа, которая действительно позволяла нам создавать функциональные художественные работы, не заботясь об интерфейсе».

Введите Muse

Adobe Muse это программное обеспечение, которое обещает сделать именно это. Muse использует то, что больше всего нравится дизайнерам в WYSIWYG («Что видишь, то и получаешь»), продукты Adobe, такие как Fireworks и InDesign, и вносит их прямо в мир разработки веб-сайтов. Muse более мощная, чем аналогичные продукты, такие как ныне несуществующий iWeb, но так же проста в использовании.

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

И, поскольку к нему прикреплено имя Adobe, мы можем быть уверены, что у него будет лучшая судьба, чем у аналогичных безликих продуктов, которые пытались сделать то же самое, но потерпели неудачу

Но сначала давайте уберем розового слона

Здесь я должен сделать паузу и дать отказ от ответственности, потому что обсуждение инструментов дизайна WYSIWYG каким-то образом открывает давнюю дискуссию о том, должны ли веб-дизайнеры уметь кодировать или нет.

Есть большая часть веб-сообщества, которая будет утверждать, что «хорошие» дизайнеры действительно знают, как кодировать, а инструменты WYSIWYG (даже сложные) служат только для создания неуклюжих, упрощенных веб-сайтов. Но вот в чем дело: дизайнеры с сильным эстетическим чувством редко имеют технические возможности быть хорошими программистами и наоборот .

Эти два навыка требуют, чтобы у кого-то была одинаково сильная правая и левая сторона мозга, и большинство из нас просто не столь блестяще. Большинство дизайнеров могут быть по-настоящему креативными или техническими. И если вы первый, вы хотите представить свои визуальные эффекты на холсте, используя как можно меньше синтаксиса HTML / CSS / Javascript.

Поэтому, хотя я лично выступаю за сотрудничество между дизайнерами и разработчиками и за открытость к изучению работы другой стороны, когда это так важно для вас, я не ожидаю, что хорошие дизайнеры будут опытными программистами, так же как я не ожидаю, что разработчики будут ценители типографии. Но опять же, цель этой статьи - не спорить о том, что делает «хорошего веб-дизайнера». Целью здесь является оценка возможностей и ограничений Muse как инструмента дизайна WYSIWYG.

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

Возвращаясь к музе

В прошлом году Muse была предложена публике в качестве продукта на основе подписки. Поскольку Adobe по-прежнему часто обновляет программу, нам придется немного подождать, прежде чем мы сможем получить автономную версию (по крайней мере, это то, на что мы надеемся - может быть, Adobe найдет план подписки более выгодным и будет придерживаться его бесконечно долго). ). Тем не менее, даже в форме подписки, Muse стоит своей цены.

В этом обзоре Adobe Muse я рассмотрю восемь веских причин, чтобы попробовать:

1 - Вам не нужно писать код

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

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

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

2 - у Muse простой рабочий процесс

Четыре вкладки в Muse - Plan, Design, Preview и Publish - не только говорят сами за себя, но и обеспечивают хорошо организованный логический рабочий процесс. Вы структурируете свой веб-сайт в виде плана, проявляете креативность в режиме дизайна, тестируете свой веб-сайт в режиме предварительного просмотра, переключаетесь между вкладками по мере необходимости и вуаля! Вы готовы к публикации.

3 - Muse придерживается последних веб-стандартов

От HTML до CSS3 Muse синхронизирует макет вашего сайта с новыми требованиями современной веб-разработки и пытается генерировать код, соответствующий стандартам.

4 - Вы можете использовать главные страницы, чтобы контролировать внешний вид вашего сайта

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

5 - проявите креативность с помощью Adobe TypeKit

Muse делит доступные шрифты на категории «безопасные для сети» и «системные» шрифты. И это позволяет вам добавлять шрифты из более чем 400 веб-шрифтов, доступных через Adobe TypeKit. С такой чистой системой вы не будете делать неправильный выбор шрифтов для своего сайта.

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

6 - Добавить встроенные виджеты для дополнительных возможностей

У Muse есть несколько очень изящных виджетов, которые вы можете настроить в соответствии со стилем и внешним видом вашего сайта. Вы можете использовать виджеты, чтобы добавить ряд различных популярных возможностей на ваш сайт. Например, вы можете добавить видео, панели навигации, слайд-презентации, контент с других веб-сайтов, таких как Google Maps и Tumblr, и даже контактные формы.

7 - Публикация изнутри Muse

Вы можете опубликовать свой веб-сайт Muse изнутри программы на серверах Adobe Business Catalyst или экспортировать его в формате HTML для загрузки на выбранный веб-хостинг. Оба варианта публикации просты в навигации и находятся всего в нескольких щелчках мыши.

8 - цена правильная

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

Рассматривая все остальное за нами, мы можем сделать выводы о минусах, прежде чем делать вывод: Muse все еще находится в зачаточном состоянии, поэтому, конечно, есть много возможностей для совершенствования.

Вот то, что Muse еще не поняла:

  1. Макет может быть жестким
  2. Встроенные опции не имеют большого выбора
  3. Инструмент рисования может показаться ограниченным
  4. Сгенерированный код далек от совершенства
  5. Удобное для печати рабочее пространство не совсем подходит для адаптивного веб-дизайна
  6. Существует мало приложений Muse вне веб-сайтов HTML брошюры
  7. План подписки может отключить некоторых пользователей и заставить их выбирать альтернативы, такие как Xara а также Artisteer вместо.

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

В конечном счете, стоит отметить, что Muse находится на правильном пути, и со временем она может стать одним из самых мощных инструментов веб-авторинга. Следи за Муза.

Бабар Сулеман

Бабар Сулеман (MFA, Школа дизайна Парсонса; Ученый Фулбрайта) - визуальный рассказчик и опытный дизайнер. Он интересуется взаимодействием слов и визуальных образов в процессе общения и использует свой разнообразный опыт писателя и дизайнера для создания значимого пользовательского опыта и эффективных стратегий брендинга. Вы можете связаться с Бабаром по его Официальный веб-сайт ,

Последние сообщения Бабар Сулеман ( увидеть все )

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