Push it To The Limits! Push it To The Limits! Blend. Sketch Flow.Blend. Sketch Flow.

Докладчик: Андрей ЧерныхДокладчик: Андрей Черных

2

Брифинг.Брифинг.

1. Подход Getting Real.

2. Expression Blend.

3. SketchFlow.

SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

Getting RealGetting Real

3

Избавляемся от…

•Временных диаграмм, простирающихся на месяцы или даже годы.

•Вымышленных функциональных спецификаций.

•Споров о масштабируемости.

•Бесконечных собраний.

•Бессмысленных номеров версий.

•Бесполезного бумагомарания.

SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

Getting RealGetting Real

4

Ответ прост:

•Правильный интерфейс.

•Больше никаких тяжёлых программ.

•Запуск и постоянное улучшение продукта.

•Итерации и снижение стоимости изменений.

SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

Blend & Sketch FlowBlend & Sketch Flow

5

Expression Blend — редактор WPF и Silverlight приложений.

SketchFlow — средство прототипирования нового поколения.

SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

Expression BlendExpression Blend. .

6

• Silverlight

• WPF

• Windows Phone 7 new

SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

Expression BlendExpression Blend. .

7SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

Интеграция с Интеграция с MS Visual Studio.MS Visual Studio.

8

Expression Blend

SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

А нужен ли А нужен ли PhotoshopPhotoshop??

9

Панель Brushes Панель Appearance Панель Transform

Инструменты Pen и Pencil

SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

А нужен ли А нужен ли PhotoshopPhotoshop??

10

• Shapes (Rectangle)• Label

• Rounded Rectangle• Horizontal Type

SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

Импорт Импорт PhotoshopPhotoshop и и IllustratorIllustrator файлов. файлов.

11SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

Анимация (Анимация (User ControlUser Control))

12

Создаем собственный элемент управления: OrangeButton.

SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

Анимация (Анимация (User ControlUser Control))

13SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

Анимация (Анимация (User ControlUser Control))

14

MouseIn MouseOut MousePress

В итоге наша кнопка появится на панели Assets вместе с остальными контролами.

SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

Blend resultsBlend results

15

• Silverlight, WPF, Windows Phone 7.

• Интеграция с MS Visual Studio.• Богатые средства для создания элементов

управления и эффектов.

• Импорт Photoshop (*.psd) и Illustrator (*.ai) файлов.

• Анимация и создание собственных элементов

управления.

SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

SketchFlowSketchFlow

16

SketchFlow Map:

SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

SketchFlowSketchFlow. Навигация.. Навигация.

17SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

SketchFlowSketchFlow

18

SketchFlow Animation:

SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

SketchFlowSketchFlow

19SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

SketchFlow-SketchFlow-плеер.плеер.

20SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

SketchFlowSketchFlow -- NavigateNavigate..

21SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

SketchFlowSketchFlow -- MAPMAP..

22SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

SketchFlowSketchFlow - - feedbackfeedback

23SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

24

Спасибо за внимание!Спасибо за внимание!Вопросы?Вопросы?