How To Get Your Designer To Love Expression Blend

1,816 views
1,712 views

Published on

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.

Published in: Technology, Art & Photos
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,816
On SlideShare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
Downloads
17
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

How To Get Your Designer To Love Expression Blend

  1. 1. The New Iteration: Designer/Developer Workflow With Expression Blend<br />KarstenJanuszewski<br />
  2. 2. Or… <br />
  3. 3. How To Train a Designer To Use Blend<br />
  4. 4. Assumption:Design matters<br />
  5. 5. Assumption:Better designmakesbetter software <br />
  6. 6. Assumption:You can’t design(I know I can’t)<br />
  7. 7. Thesis:Better designer/developer workflow makesbetter software <br />
  8. 8. Thesis:When developers/designerscan collaborate they make better software<br />
  9. 9. Thesis:When a designer knows Expression Blend, you have to do less work<br />
  10. 10. The Problem:How do I get my designer to use Expression Blend? <br />
  11. 11. How do I know this?<br />
  12. 12. Tim Aidlin<br />
  13. 13. The New Iteration<br />
  14. 14. Steps to Success:1. Lure Them In2. Set Them Up For Success 3. Empower & Flatter Them4. Give Them SketchFlow<br />
  15. 15. Step 1: Lure Them In<br />
  16. 16. How?<br />
  17. 17. 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;}<br />
  18. 18. Photoshop/Illustrator Import<br />Layers.   Expression Blend preserves layer names, importing the layers as individual objects and layout containers<br />Text.   When you are importing Photoshop files, text can be imported as editable text objects or as flat bitmap images.<br />Vectors.   Vector art can be imported as editable path objects. Photoshop files can also be imported as images.<br />Blend Modes.   When you are importing Photoshop files, layers that contain blend modes can be merged.<br />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.<br />Patterns.  Patterns are imported as image brushes.<br />
  19. 19. Demo:Photoshop/IllustratorImport<br />
  20. 20. Behaviors<br />Add interactivity without writing code<br />Entirely XAML based<br />Behaviors community on http://expression.microsoft.com<br />Behaviors on Codeplex:http://expressionblend.codeplex.com<br />
  21. 21. Demo:Behaviors<br />
  22. 22. Download Beehive Project and Tutorial Videossearch: beehive expression<br />
  23. 23. Step 2: Set Them Up For Success<br />
  24. 24. How?<br />
  25. 25. Read The New Iteration<br />Teach them source control<br />Set up project structure in advance<br />Data first!<br />
  26. 26. Step 3: Empower and Flatter Them<br />
  27. 27. Don’t be afraid of the XAML generated by Blend<br />Let go of ownership of the UI<br />Give them lots of compliments<br />Work together!<br />
  28. 28. Demo:Flotzam<br />
  29. 29. The big payoff…<br />
  30. 30. Step 4: Give Them SketchFlow<br />
  31. 31. SketchFlowA prototyping tool for skilled Blend designers<br />
  32. 32. Demo:SketchFlow<br />
  33. 33. Live The Dream!<br />
  34. 34. Thank you!karstenj@microsoft.comhttp://visitmix.com http://rhizohm.net@irhetoric<br />

×