Presentation is loading. Please wait.

Presentation is loading. Please wait.

Designer and Developer Workflow

Similar presentations


Presentation on theme: "Designer and Developer Workflow"— Presentation transcript:

1 Designer and Developer Workflow rfolkes@microsoft.com

2 Designer & Developer Workflow Designer Developer XAML

3 What are we enabling? People to build great applications

4 Functional Reliable Scalable Secure Performance Functional Reliable Scalable Secure Performance What makes a great application? Core Architecture Delights the user Easy to use Powerful Focused Flexible Delights the user Easy to use Powerful Focused Flexible User Experience

5 Production Design & Development Workflow Prototype Core architecture : Visual Studio User Experience : Expression Blend Core architecture User Experience

6 Design & Development Workflow Production Prototype Core architecture : Visual Studio User Experience : Expression Blend

7 Design & Development Workflow Production Prototype Core architecture : Visual Studio User Experience : Expression Blend

8 Design & Development Workflow Production Prototype Core architecture : Visual Studio User Experience : Expression Blend

9 Design & Development Workflow Production Prototype Core architecture : Visual Studio User Experience : Expression Blend

10 Delivering the experience… Visual Studio Development team Expression Blend Design Generalist Visual Studio Development Team Expression Blend Design Specialist How enable?

11 Enable design time data for the designer

12 Demo: Design time data

13 Photoshop/Illustrator Import Layers. Expression Blend preserves layer names, importing the layers as individual objects and layout containers Text. When you are importing Photoshop files, text can be imported as editable text objects or as flat bitmap images. Vectors. Vector art can be imported as editable path objects. Photoshop files can also be imported as images. Blend Modes. When you are importing Photoshop files, layers that contain blend modes can be merged. http://blog.sunnypixels.com/?p=101 Gradients. Linear and radial gradients remain editable after they are imported. Color stops are imported as gradient brushes. Opacity stops imported as gradient brushes to the OpacityMask property. Patterns. Patterns are imported as image brushes.

14 Behaviors

15

16 Demo: Behaviors

17 Prototyping If Ernest Hemingway, James Michener, Neil Simon, Frank Lloyd Wright and Pablo Picasso could not get it right the first time, what makes you think you will? Paul Heckel

18 Demo: SketchFlow

19 Creating a great Experience Production Prototype Core architecture User Experience Visual Studio Expression Blend SketchFlow PSD, AI, Paper Client 1: Ideas 2: Resources 3: Project

20 Creating a great Experience Production Prototype Visual Studio Expression Blend SketchFlow PSD, AI, Paper ALM/Visual Studio Team System Specs, Requirements Deployment


Download ppt "Designer and Developer Workflow"

Similar presentations


Ads by Google