Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

How To Get Your Designer To Love Expression Blend

1,968 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
  • Be the first to comment

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 />

×