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.

Mix Essentials Denmark

932 views

Published on

Published in: Technology, Art & Photos
  • Be the first to comment

  • Be the first to like this

Mix Essentials Denmark

  1. 1. Beauty & the Geeks The perfect blend of left brain & right brain Richard Griffin & Felix Corke
  2. 2. Who are we? <ul><li>Felix Corke </li></ul><ul><ul><li>Interactive Designer </li></ul></ul><ul><ul><li>(Design Geek) </li></ul></ul><ul><li>Richard Griffin </li></ul><ul><ul><li>Interactive Developer </li></ul></ul><ul><ul><li>(Code Geek) </li></ul></ul>
  3. 3. Who is t he “Dev-igner”?
  4. 5. Investment Bank
  5. 6. Investment Bank
  6. 7. Mix UK Reader
  7. 8. McLaren
  8. 9. IPTV
  9. 10. BBC Big Zoomy Thing www.bbc.co.uk/radio1/bigweekend/2008/zoom
  10. 11. So how do you make it work? <ul><li>Continual collaboration </li></ul><ul><li>Continual iteration </li></ul>
  11. 12. Collaboration: Let’s take an example
  12. 13. Workflow <ul><li>Developer </li></ul><ul><li>Setup & Data </li></ul><ul><li>Data binding </li></ul><ul><li>Triggers & hooks </li></ul><ul><li>Designer </li></ul><ul><li>Layouts & controls </li></ul><ul><li>Styles & templates </li></ul><ul><li>Polish animations </li></ul>
  13. 14. Design Tools <ul><li>Existing skills </li></ul><ul><ul><li>Adobe Illustrator, Photoshop etc. </li></ul></ul><ul><ul><li>HTML, CSS </li></ul></ul><ul><ul><li>Flash/Keyframe animation </li></ul></ul><ul><li>New tools </li></ul><ul><ul><li>Mostly Blend </li></ul></ul><ul><ul><li>Expression Suite: </li></ul></ul><ul><ul><li>Design, Encoder, Media </li></ul></ul>
  14. 15. Expression Blend: Xaml Centrale
  15. 16. Visual Studio 2008
  16. 17. Don’t Panic! <ul><li>VS2008 is scary, but... </li></ul><ul><li>Not as scary as you think. </li></ul><ul><li>Developer will get you started </li></ul><ul><li>Why do I need to use this... </li></ul>
  17. 18. Why Visual Studio and TFS? <ul><li>Provides a home for files </li></ul><ul><li>Simultaneous collaboration </li></ul><ul><li>Blend doesn’t do this (yet) </li></ul>
  18. 19. Some Tips: Designer <ul><li>Vectors over bitmaps </li></ul><ul><li>Learn the layout controls </li></ul><ul><li>Spoof graphic styles </li></ul>
  19. 20. Some Tips: Designer <ul><li>Skinning - </li></ul><ul><li>Use someone else’s! </li></ul><ul><li>blogs.msdn.com/corrinab </li></ul><ul><li><Style TargetType=&quot; TextBlock &quot; x:Key=&quot; TextBlockH1 &quot;> </li></ul><ul><li><Setter Property=&quot; FontSize &quot; Value=&quot; 22 &quot;/> </li></ul><ul><li><Setter Property=&quot; FontFamily &quot; Value=&quot; Segoe UI &quot;/> </li></ul><ul><li><Setter Property=&quot; Padding &quot; Value=&quot; 4 &quot;/> </li></ul><ul><li><Setter Property=&quot; Foreground &quot; Value=“ #C70700 ”/> </li></ul><ul><li></Style> </li></ul>
  20. 21. Some Tips: Developer <ul><li>Hold hands with your designer </li></ul><ul><li>Don’t bury it in the code </li></ul><ul><li>Learn Xaml </li></ul><ul><li>Use Blend </li></ul>
  21. 22. 3 rd Party Components <ul><li>Export to Xaml </li></ul><ul><ul><li>Illustrator: Mike Swanson @ microsoft </li></ul></ul><ul><ul><li>Fireworks: Infragistics </li></ul></ul><ul><li>Components </li></ul><ul><ul><ul><li>Identity Mine </li></ul></ul></ul><ul><ul><ul><li>Infragistics </li></ul></ul></ul><ul><ul><ul><li>Telerik </li></ul></ul></ul>
  22. 23. Some tools to help you <ul><li>Kaxaml </li></ul><ul><li>notstatic.com </li></ul><ul><li>kaxaml.com </li></ul><ul><li>XAMLPadX </li></ul><ul><li>blogs.msdn.com/llobo </li></ul>
  23. 24. XAMLPadX
  24. 25. Kaxaml
  25. 26. Deep Zoom Tools <ul><li>Deep Zoom Composer </li></ul><ul><li>Designer builds, </li></ul><ul><li>developer makes it work </li></ul>
  26. 27. Key considerations again <ul><li>Design for buildability </li></ul><ul><li>Code for designers </li></ul><ul><li>Work together </li></ul>
  27. 28. Watch these spaces too... <ul><li>blogs.msdn.com/tims </li></ul><ul><li>blogs.msdn.com/jaimer </li></ul><ul><li>blogs.msdn.com/corrinab </li></ul><ul><li>blogs.msdn.com/scottgu </li></ul><ul><li>silverlight.net </li></ul><ul><li>www.slxlab.com </li></ul>
  28. 29. Any questions? del.icio.us/grippa blogs.conchango.com/richardgriffin blogs.conchango.com/felixcorke

×