how to get your designer to love expression blend
DESCRIPTION
How do you combine a designer's vision with the requirements of productive software? Left brain/Right brain workflow is a sophisticated problem that impacts us all but has no easy answers. However, with Blend 3, Sketchflow, Visual Studio 2010, Silverlight 3 and WPF 4, things are getting better. Come hear about design/developer workflow with Microsoft tools from the author of the seminal white paper; The New Iteration: How XAML Transforms the Collaboration Between Designers and Developers.TRANSCRIPT
![Page 1: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/1.jpg)
The New Iteration: Designer/Developer Workflow With
Expression Blend
Karsten Januszewski
![Page 2: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/2.jpg)
Or…
![Page 3: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/3.jpg)
How To Train a Designer To Use Blend
![Page 4: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/4.jpg)
Assumption:
Design matters
![Page 5: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/5.jpg)
Assumption:
Better design makes
better software
![Page 6: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/6.jpg)
Assumption:
You can’t design(I know I can’t)
![Page 7: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/7.jpg)
Thesis:
Better designer/developer
workflow makesbetter software
![Page 8: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/8.jpg)
Thesis:
When developers/designers
can collaborate they make better
software
![Page 9: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/9.jpg)
Thesis:
When a designer knows Expression Blend, you have to do less work
![Page 10: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/10.jpg)
The Problem:
How do I get my designer to use
Expression Blend?
![Page 11: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/11.jpg)
How do I know this?
![Page 12: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/12.jpg)
Tim Aidlin
![Page 13: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/13.jpg)
The New Iteration
![Page 14: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/14.jpg)
Steps to Success:
1. Lure Them In2. Set Them Up For Success 3. Empower & Flatter Them4. Give Them SketchFlow
![Page 15: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/15.jpg)
Step 1:
Lure Them In
![Page 16: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/16.jpg)
How?
![Page 17: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/17.jpg)
private Lure GetLure(Designer d){ if (!d.IsWindows7)
throw new Exception(); Lure l = null; if (d.Type == artist)
l = “Photoshop Import”; if (d.Type == interactive)
l = “behaviors”; return l;}
![Page 18: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/18.jpg)
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.
• 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.
![Page 19: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/19.jpg)
Demo:
Photoshop/IllustratorImport
![Page 20: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/20.jpg)
Behaviors
• Add interactivity without writing code• Entirely XAML based• Behaviors community on
http://expression.microsoft.com• Behaviors on Codeplex:
http://expressionblend.codeplex.com
![Page 21: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/21.jpg)
Demo:
Behaviors
![Page 22: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/22.jpg)
Download Beehive Project and Tutorial
Videos
search: beehive expression
![Page 23: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/23.jpg)
Step 2:
Set Them Up For Success
![Page 24: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/24.jpg)
How?
![Page 25: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/25.jpg)
1.Read The New Iteration2.Teach them source control3.Set up project structure in
advance4.Data first!
![Page 26: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/26.jpg)
Step 3:
Empower and Flatter Them
![Page 27: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/27.jpg)
1.Don’t be afraid of the XAML generated by Blend
2.Let go of ownership of the UI
3.Give them lots of compliments
4.Work together!
![Page 28: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/28.jpg)
Demo:
Flotzam
![Page 29: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/29.jpg)
The big payoff…
![Page 30: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/30.jpg)
Step 4:
Give Them SketchFlow
![Page 31: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/31.jpg)
SketchFlow
A prototyping tool for skilled Blend designers
![Page 32: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/32.jpg)
Demo:
SketchFlow
![Page 33: How To Get Your Designer To Love Expression Blend](https://reader034.vdocuments.us/reader034/viewer/2022051108/545903ceaf79592b448b55fc/html5/thumbnails/33.jpg)
Live The Dream!