Новинки Adobe: «отзывчивый» web-дизайн в Edge Reflow и обновления других продуктов

Компания Adobe представила на своем сайте Creative Cloud первую публичную версию своего пакета Edge Reflow, который предназначен для визуального конструирования современных web-сайтов для разных клиентских платформ.

Главной особенностью Edge Reflow является поддержка так называемого «отзывчивого» (responsive) дизайна web-страниц, который помогает успешно отображать их на экранах разного размера, а также предлагает новейшие инструменты для оформления страниц, предпросмотра материалов и обмена контентом. Пакет Edge Reflow входит в состав комплексного набора продуктов для веб-дизайна под общим названием Adobe Edge Tools & Services.

Как выразился Пол Габбей (Paul Gubbay), вице-президент Adobe по развитию продуктов, у современных web-дизайнеров есть очевидная потребность в создании контента, который легко адаптируется к разным клиентским устройствами. Сегодня такие возможности чаще всего реализуются программистами в коде, однако, возможность сделать то же самое в визуальной форме будет не менее полезна.

Термин «отзывчивый web-дизайн» существует уже примерно два года, как стратегия по адаптации контента к разным размерам экрана. Пакет Edge Reflow позволяет верстать web-страницы, которые меняют отображения в зависимости от того, на каком устройстве посетитель их просматривает. В итоге web-сайт совершенно по-разному выглядит на мониторе ПК и на экране планшета, либо смартфона.

Нынешняя ознакомительная версия Edge Reflow позволяет динамически менять размеры макета web-страниц, создавать сразу несколько вариантов верстки, а также выбирать приоритет верстки – для мобильных или настольных устройств. Задача технологии Reflow состоит не в создании готового web-сайта, а в визуальной компоновке элементов, которую можно передать потом программистам. Пакет Edge Reflow позволяет дизайнерам создавать реалистичные макеты в визуальной среде и добавлять к ним различные элементы вроде дополнительных слоев, отбрасываемых теней, причудливых рамок и так далее. Поскольку пакет построен на технологиях HTML, CSS и JavaScript, отображение контента оказывается предельно близким к стандартным браузерам. Результат работы можно посмотреть в браузере или с помощью утилиты Edge Inspect – еще одного инструмента в этом наборе. Код страницы можно экспортировать для дальнейшей разработки.

Кроме нового продукта Edge Reflow, компания Adobe сообщила о выпуске обновлений к пакетам Edge Animate и Dreamweaver, а также о выпуске предварительной версии пакета Edge Code. В системе Edge Animate для создания анимации и интерактивных роликов добавлены инструменты для работы с градиентной заливкой и типографикой. Новые CSS-фильтры помогают добавлять эффекты размывки, черно-белой фотографии, окраски в тон сепия, а также менять яркость, угол поворота и другие параметры графических элементов. Новый визуальный селектор веб-шрифтов, работающий с сервисом Adobe Edge Web Fonts, облегчает предпросмотр и выбор нужного шрифта для web-страницы.

Обновление к среде разработки web-сайтов и веб-приложений Dreamweaver включает в себя интеграцию с сервисом web-шрифтов Adobe Edge, а также новые возможности «текучей верстки» элементов интерфейса.

Отдельного упоминания заслуживает утилита Adobe Edge Code, которая представляет собой редактор кода для HTML5-разработчиков. При работе с кодом на языках HTML, CSS и JavaScript теперь поддерживается предпросмотр в реальном времени – каждое новое изменений отображается в браузере. Функция быстрого редактирования Quick Edit позволяет редактировать контент прямо в окне просмотра, не переключаясь между файлами с исходным кодом. Также поддерживаются подсказки для значений CSS-параметров, а также для тегов и атрибутов HTML.

Страница продуктов компании Adobe: http://store.softline.ru/adobe.

Получить консультацию по покупке и лицензированию вам поможет Евгений Лесных (e-mail: Evgeniy.Lesnykh@softline.ru, тел.: +7(495) 232-0060 доб. 3101), по обучению в Учебном центре Softline – Олег Цветков (e-mail: Oleg.Tsvetkov@softline.ru, тел.: +7 (495) 232-0023 доб. 1296).