Microsoft Expression – первые шаги к прекрасному

Рейтинг статьи

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

В этот статье я вас хочу познакомить с интересной линейкой продуктов Microsoft Expression Studio. Каждый продукт этой серии предлагает элегантные решения в своих областях.

В состав Microsoft Expression Studio входят продукты:

• Microsoft Expression Blend — инструмент для проектирования пользовательского интерфейса приложений, создаваемых на основе Windows Presentation Foundation, а также эффективный визуальный редактор для формата XAML.

• Microsoft Expression Web — визуальный редактор HTML.

• Microsoft Expression Design — профессиональный инструмент для графического дизайна и подготовки иллюстраций, который позволяет создавать элементы пользовательского интерфейса для настольных и web-приложений.

• Microsoft Expression Encoder — средство кодирования видео.

Приведём краткий ознакомительный обзор ключевых возможностей продуктов входящий в серию Expression Studio.

Microsoft Expression Blend

Microsoft Expression Blend пожалуй самый аппетитный продукт из представленного меню. Направлен он на разработку дизайна веб-интерфейсов и графических настольных приложений.

Ключевая особенность продукта в том, что Expression Blend и Visual Studio используют одно и то же расширение файла проекта. А значит теперь у разработчиков и дизайнеров будет существенно меньше конфликтов и противоречий.

К тому же, теперь не составит труда сразу же открыть созданный в Visual Studio проект в Expression Blend и, естественно, наоборот, на одном компьютере. Рассмотрим некоторые возможности продукта.

В Blend включен полный дизайнер WYSIWYG (свойство прикладных программ, в которых содержание отображается в процессе редактирования). При открытых страницах и элементах управления можно переключаться в режим дизайна, в режим XAML источника, либо совместить эти два режима на одном экране и работать с ними одновременно.

Expression Blend поддерживает редактирование при помощи векторной графики. Также у него есть поддержка добавления и редактирования множества элементов управления. Есть специальная иконка на панели инструментов дизайна (Grid, Stack, Canvas, Border, Scroll Viewer, и т.д.), инструментов редактирования текста (Text Box, Text Block, и т. д.) и многое другое.

Выбрав любой объект можно поиграть с его свойствами (вкладка Properties). Например, цветовые представлением элементов и фона. Можно раскрасить объекты не только в интересные цвета, но и представить цвет в виде градиента.

А что вы скажете на то, что градиент может изменяться динамически во время того или иного действия? И это далеко не все возможности. Можно добавлять сколь угодно много различных сценариев анимации, накладывать звук, менять форму и стиль элементов. Expression Blend предоставляет максимум возможностей и гибкости для быстрой настройки под себя всех элементов. Что позволяет пофантазировать и поэкспериментировать с проектом.

Приятным дополнением является возможность разрабатывать приложения для Windows Phone 7. Теперь создавать приложений на основе панорам (panorama) или пайвотов (pivot) гораздо удобнее. Наглядно отображаются необходимые размеры и границы.

Microsoft Expression Blend + SketchFlow

Проект в Expression Blend в режиме SketchFlow позволяет создавать приложения в стиле зарисовок. Несмотря на такое представление, оно является полнофункциональным.

Такой стиль очень удобен для работы с прототипами с использованием элементов управления. Это особо актуально для проектировщиков интерфейса. В таком проекте можно частично реализовать те или иные функции. Очень просто показать переходы. Также есть карта всех окон, которые можно различным образом связывать. Такие прототипы имеют много преимуществ. Заказчик интуитивно понимает, что это незаконченное решение, а только наброски, но уже с базовым функционалом. Это гораздо проще и для разработчика, смотреть не на изрисованные бумаги, а увидеть автоматизированный прототип будущего проекта. Интересная возможность: SketchFlow можно опубликовать проекта на сервер SharePoint, в котором заказчик может оставить свой отзыв (feedback). Отзыв позволяет делать пометки прямо на прототипе и прикреплять к ним свои пожелания.

Ещё одно приятное дополнение, автоматическая генерация документа для печати с описаем интерфейса. Это позволяет ещё больше улучшить взаимодействие не только между участниками проекта, а также заказчиками и исполнителями.

Microsoft Expression Web

Это новый HTML-редактора, который позволяет создавать страницы с интеграцией XML, CSS 2.1, ASP.NET 3.5, XHTML, XSLT и JavaScript непосредственно в сайты. К тому же в Expression Web возможно устанавливать дополнения от сторонних разработчиков. Тем самым расширяя возможности продукта. (рис.6)

Microsoft Expression также относиться к группе WYSIWYG редакторов. Отслеживать дизайн и код программы не составляет труда.

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

SuperPreview является любопытным дополнением Expression Web для кроссплатформенного создания сайтов. Он позволяет в реальном времени, то есть во время непосредственно редактирования кода, отслеживать обновлённый предосмотр внешнего вида страницы. Что решает многие проблемы для разработчиков. Порой процесс тестирования на совместимость с различными браузерами является весьма трудоёмким, отнимает много сил и нервов. SuperPreview упрощает эту работу, предоставляя возможность, не выходя из одного приложения, открыть сайт в нескольких браузерах и сравнить полученное представление.

Ещё один интересный механизм в Expression Web, возможность выявить потенциальные SEO-проблемы с указанием мест, где такие недочёты возникают.

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

Microsoft Expression Design

Expression Design – это профессиональный редактор для создания и обработки векторных изображений в различных форматах.

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

Microsoft Expression Encoder

Expression Encoder профессиональное средство для обработки видео.

С помощью этого продукта можно работать с различными видеофайлами. А также с записанными веб-камерой или с экрана (для этого существует специальная утилита в составе продукт Expression Screen Capture).

Expression Encoder позволяет изменять длину клипов, вырезать фрагменты, добавлять субтитры, маркеры, скрипты, графические изображения, управлять уровнем аудио и много другое. Также предусмотрена возможность веб-публикации средствами Silverlight.

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

В заключение

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

Автор статьи: Хрузина Мария

Microsoft Expression – первые шаги к прекрасному

Дополнительные материалы