Обзор: Adobe Muse (выпуск 2016 г.)

1. Что является отзывчивым?
2. Пусть покупатель будет бдителен
3. Прыгать в
4. Больше компромиссов
5. Ссылки, которые стоит изучить

Adobe, добавив отзывчивые возможности в Muse, может сделать его идеальным инструментом веб-дизайна - но так ли это?

Эксклюзивное предложение: Сэкономьте 15% на Adobe Creative Cloud сейчас

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

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

Что является отзывчивым?

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

Это звучит как то, что мы всегда хотели, верно? Иногда.

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

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

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

Пусть покупатель будет бдителен

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

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

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

Настоящим компромиссом здесь будет необходимость создания более простого дизайна. Часто намного проще. Старайтесь избегать беспорядка и ограничивайте количество используемых точек останова. Стив также отмечает, что существующие сайты с фиксированным макетом могут быть очень сложными для преобразования в новый адаптивный формат. Он предполагает, что часто лучше начинать все заново с чистого листа.

Прыгать в

В новой Adobe Muse CC (редакция 2015.1, выпущена 8 февраля 2016 г. Что нового ), выбрав Новый сайт, вы получите опции Fluid - отзывчивый - и традиционный Fixed.

Вы можете создать новый адаптивный сайт, перейдя в «Новый сайт»> «Ширина жидкости»

Если выбран Fluid, вы также увидите новую опцию Min Width, которая может установить нижний предел того, насколько отзывчивым вы хотите, чтобы ваш сайт был.

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

Muse допускает «элегантную деградацию»

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

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

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

По необходимости каждый начинает рассматривать дизайн в широком спектре: от большого до маленького (или от маленького до большого), поскольку многие сайты для настольных компьютеров приобрели очень мобильный дизайн. amazon.com на рабочем столе один пример).

Больше компромиссов

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

В Fluid нет эффектов прокрутки

Эта ситуация может измениться в будущем, но выберите «Жидкость», и параллакс и другие прокручивающиеся чудеса, с которыми Муза так отождествляет себя, исчезли.

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

Стив Харрис отметил еще одну важную потерю: «Многие виджеты еще не реагируют и не будут соответствующим образом увеличиваться или уменьшаться в точках останова. Лучший способ - полностью скрыть виджет в этой точке останова и добавить новый экземпляр».

Важно помнить о том, что после выбора формата Fluid или Fixed вы не можете позже перейти к другому формату. И вы не захотите, так как процесс проектирования очень отличается. Это заставляет нас выбирать наш путь на раннем этапе развития. Но на самом деле это хорошо.

Ссылки, которые стоит изучить

Начни осторожно

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

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

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

Adobe Muse (выпуск 2016 г.)

Похожие

Комментарии