Push it To The Limits! Blend. Sketch Flow. Докладчик: Андрей Черных.

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

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

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

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

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

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

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

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


Getting RealGetting Real

4

Ответ прост:

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

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

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

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


Blend & Sketch FlowBlend & Sketch Flow

5

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

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


Expression BlendExpression Blend. .

6

• Silverlight

• WPF

• Windows Phone 7 new


Expression BlendExpression Blend. .

7SOCIAL TECHNOLOGIES DEVELOPMENT LABORATORY

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

8

Expression Blend


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

9

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

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


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

10

• Shapes (Rectangle)• Label

• Rounded Rectangle• Horizontal Type


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


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

12

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





14

MouseIn MouseOut MousePress

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


Blend resultsBlend results

15

• Silverlight, WPF, Windows Phone 7.

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

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

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

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

управления.


SketchFlowSketchFlow

16

SketchFlow Map:


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



18

SketchFlow Animation:




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


SketchFlowSketchFlow -- NavigateNavigate..


SketchFlowSketchFlow -- MAPMAP..


SketchFlowSketchFlow - - feedbackfeedback


24

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

Push it To The Limits! Blend. Sketch Flow. Докладчик: Андрей Черных.

Documents

sketchflow map

sketchflow map

sketchflow animation

sketchflow feedback

blend results

blend sketch flow

user control

photoshop illustrator