В 2011 году Adobe произвела фурор в мире дизайна, представив Adobe Muse – графический редактор для сайтов. Вы можете представить, какое впечатление это произвело на меня и на других пользователей по всему миру, не являющихся профессиональными программистами. Они выпустили WYSIWYG-редактор, сочетающий в себе InDesign, при помощи которого можно создавать самые настоящие сайты. Как такое могло произойти? Где здесь подвох? И почему на это ушло так много времени?
Должен признать, я уже пользовался бета-версией Muse и не совсем вник в нее, потому что программа показалась мне неестественной. С того времени я держался от нее подальше. Как-то мой коллега показал созданные им великолепные сайты с эффектом параллакса, и я попросил его научить меня делать то же самое. Он открыл мне, что ничего сложного в этом нет, поскольку он их делал в Adobe Muse. Я немедленно скачал Adobe Muse CC и с тех пор пытался реализовать какие-то личные проекты.
Самое лучшее в Adobe Muse – это архив с виджетами, которые можно добавлять на сайт. Это всевозможные виджеты, начиная с формы обратной связи и лайтбоксов до меню и полноэкранных слайд-шоу. После того, как дизайн сайта завершен, эти элементы в архиве смогут придать ему лоска и функциональности. Важность их роли очевидна, поэтому сегодня мы решили представить десяток-другой крутых виджетов для Adobe Muse. Наслаждайтесь!
01. Preloader (бесплатно)
Иногда на сайте параллельно происходит много разных действий. И нам как дизайнерам очень хочется, чтобы все это загружалось до того, как оно появится перед глазами. Сайт создает гораздо более положительное впечатление, когда все части видны в совокупности, нежели когда они выскакивают одна за одной. Виджет Preloader добавляет вращающуюся анимацию к обычному сообщению, и все это видно читателям еще до того, как они открывают страничку.
02. Navigation Bars (бесплатно)
В Muse очень легко создавать красивые меню, однако в архиве виджетов они выглядят не самым лучшим образом. Они серые и совсем не стильные, из-за чего понадобится проявить немалую долю креативности, чтобы сделать что-то интересное и уникальное. Этот виджет позволит работать интуитивно, создавая яркие и интересные навигационные панели, и предлагает 5 готовых вариаций.
03. Prototypes (бесплатно)
Ни для кого не секрет, что создать сайт в Muse проще простого. Нужно просто перетаскивать объекты и сбрасывать их в нужное место. Но чего недостает Muse, так это указателей места заполнения: когда у вас только появилась какая-то идея, но, к примеру, картинка еще не готова. В Muse также нет даже подобия макета генератора символов. Это простой виджет устранит вышеназванные проблемы путем создания разных прототипов и заполнителей на том этапе, когда вы только добавляете идеи в Muse.
04. FAQ Box (бесплатно)
Если вы пользовались Muse, то вы в курсе, что в нем доступно несколько виджетов, но если появится желание их использовать, нужно будет немало поработать над стилем, чтобы их внешний вид удовлетворял ожидания. Виджет FAQ Box является комбинацией разных виджетов, из чего получается стандартный FAQ Box, который открывает вопрос и ответ рядом с его графическим изображением. Это определенно удобный виджет для сайтов-каталогов продукции и бизнес-сайтов.
05. Genius Gallery (бесплатно)
Genius Gallery – это попытка создать галерею изображений с лайтбоксом для тех, кто хочет представлять фотографии и прочие работы. Эта галерея восхитительно оформлена и может быть отредактирована, что может послужить отличным стартом для портфолио. В лайтбоксе есть достаточно пространства, чтобы рассказать о сути проекта и процессе его создания.
06. Mobile Lite (бесплатно)
Задача большинства виджетов в этом списке состоит в том, чтобы придать вашему сайту эстетичности. Однако данный виджет отличается от них, поскольку он изменяет кое-что в самой кодировке сайта. Сайт станет доступен для загрузки на некоторые устройства iPhone, и его можно будет просматривать, как приложение на мобильном телефоне. Это очень удобно, если на сайте содержится много информации для читателей.
07. Social Media Icon Library (бесплатно)
В Muse по умолчанию есть виджеты для социальных медиа. Но их проблема в том, что они являются не иконками, а, скорее, клавишами, с помощью которых на страничках можно только нажать «подписаться» или «мне нравится». Если вам удобнее, чтобы была ссылка, ведущая к каждой страничке, то этот виджет для вас. Иконки выполнены в форме круга, квадрата или капли.
08. Squarebox Slider (бесплатно)
Слайдеры в Muse могут показаться головоломками, но есть и обходные пути. Данный виджет создает слайдер, который использует элементы квадрата и куба. Это означает, что в то время как задний фон слайдера может иметь одну сплошную окраску, другие объекты скользят по фону (например, скриншоты, демонстрационные экраны приложений и прочее). Squarebox Slider станет отличным дополнением для любого бизнес-сайта или сайта в виде мобильного приложения.
09. Wireframe Library (бесплатно)
Мы не так много говорим о возможности использования Muse в качестве инструмента для прототипирования. В действительности же есть программы и приложения, с помощью которых можно делать кликабельные макеты. Но зачем тратить деньги на покупку целой программы? С этим набором виджетов можно создавать макеты, которые построены, как полноценные сайты.
10. Animation Introduction (бесплатно)
Если вы размышляете над тем, как можно было бы классно представить ваш сайт, этот виджет сможет вам помочь. Это простая анимационная интродукция, которая прокручивает разные фразы, пока домашняя страница загружается. Добавив немного стиля и креативности, это может сделать ваш сайт потрясающим.
11. Kodak Carrosel Gallery (бесплатно)
В Muse есть очень простые всплывающие подсказки. При помощи Kodak Gallery можно создавать меню всплывающих подсказок наподобие тех, что делает Apple. Когда вы делаете прокрутку, видно, как это меняет весь внешний вид. Это прекрасная и полезная задумка для одностраничных сайтов, где всю информацию нужно вместить на одном месте.
12. Lance’s Sample MuCows (бесплатно)
Команда фрилансеров из Adobe Muse разработала в качестве руководства несколько показательных виджетов с возможностью настройки и дала ему название MuCOW (Muse Configurable Options Widgets). На сегодняшний день данные виджеты доступны для пользования каждому. В них есть разные крутые вещи: типы штриха, скользящий текст и изображения, а также «заполнители» для текущей даты. Эти виджеты содержат очень полезные и простые вещи.
13. Video Lightbox (бесплатно)
Видео-лайтбокс – это довольно простой виджет, позволяющий просматривать видео при клике на миниатюру. Очевидно, он отличается от его более простой формы, где можно видеть только изображение. Это отлично подойдет тем, у кого есть портфолио с видеоматериалами.
14. Smart Pie Charts ($9)
Это восхитительный виджет для тех, кто делает портфолио, одностраничные сайты и даже отчеты с инфографическими и графическими презентациями. Smart Pie Charts легко редактировать и анимировать, чтобы придать страничке немного движения.
15. Massive Photo Gallery ($9)
В случае если вы хотите добавить на страницу более чем одну фото-галерею, этот виджет для вас. Вероятно, у вас есть много фотографий, подходящих в разные категории, и вы хотели бы ими поделиться. Или же вы просто хотите собрать то, что у вас есть, чтобы добавить это в определенную часть сайта. Эта расширяемая и раздвижная фото-галерея поможет вам упорядочить фотографии.
16. Rollover JS ($9)
Muse позволяет делать ссылки в состояниях active и hover, однако невозможно добавлять изображения или анимацию при событии, когда курсор уводится с них. Этот виджет использует анимацию Edge для создания специальных эффектов для привязанных изображений.
17. Sticky Form Tab ($9)
Виджет Sticky Form исключительно полезен для тех, кто создает сайты-каталоги продукции или сервисы, на которых нужно отображать много информации и контактов. Этот виджет создает форму, которая спрятана, пока ее не вызывают, но прикреплена ко всем сторонам экрана. Это, определенно, один из самых удобных способов использования форм, который будет полезен для пользователей Muse.
18. Muse Themes Widget Library ($39 в год)
Если вам нужно сэкономить 39 долларов на отличные профессиональные виджеты, то это то, что вам нужно. Muse Themes предлагает более 60 виджетов: от слайдеров до фото-галерей и форм обратной связи. Один только этот архив может сэкономить вам часы, которые вы бы потратили на стилизацию и составление проектов в Muse. Эта библиотека станет отличной инвестицией.
В завершение
Если вы уже пользовались Muse, то вы в курсе, что есть некоторые ограничения на то, что можно делать только в Muse. Теперь же, если вы немного разбираетесь в программировании, Muse станет отличным стартом в создании сайтов, где можно редактировать и делать многое другое. Все эти дополнения придадут вашему новому сайту функциональности и современных элементов веб-дизайна.
Adobe Muse – программа по-прежнему молодая, и с течением времени Adobe будут выпускать обновления и дополнения, в то время как разработчики будут продолжать создавать. Muse ждет светлое будущее.
Используете ли вы Adobe Muse для создания проектов? Мы не упомянули один из ваших любимых виджетов? Оставьте свое мнение в комментариях.
Список виджетов, которые переведут Adobe Muse на новый уровень
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Подробности здесь
Опубликовал Design FactoRy Прочитано (раз): 94357 | Оставлено комментариев: 8
Автор перевода — CoolWebmasters.Com © | Источник материала / оригинал статьи Распечатать
Автор перевода — CoolWebmasters.Com © | Источник материала / оригинал статьи Распечатать