1 / 29

Design & Develop: The Creative Collaboration Guide

Discover the perfect blend of left brain and right brain thinking with Richard Griffin & Felix Corke. Learn the art of "Dev-igner" collaboration in investment banking and design using Visual Studio, XAML, and more tools. Explore tips and tools for seamless workflow and deep zoom projects. Stay updated with industry blogs and innovative components. Embrace the future of design and development with continuous collaboration and iteration.

bunny
Télécharger la présentation

Design & Develop: The Creative Collaboration Guide

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Beauty & the Geeks The perfect blend of left brain & right brain Richard Griffin & Felix Corke

  2. Who are we? Richard Griffin Interactive Developer (Code Geek) • Felix Corke • Interactive Designer • (Design Geek)

  3. Who is the “Dev-igner”?

  4. Investment Bank

  5. Investment Bank

  6. Mix UK Reader

  7. McLaren

  8. IPTV

  9. BBC Big Zoomy Thing

  10. So how do you make it work? Continual collaboration Continual iteration

  11. Collaboration: Let’s take an example

  12. Workflow Developer Designer Layouts & controls Styles & templates Polish animations Setup & Data Data binding Triggers & hooks

  13. Design Tools • Existing skills • Adobe Illustrator, Photoshop etc. • HTML, CSS • Flash animation • New tools • Mostly Blend • Expression Suite: • Design, Encoder, Media

  14. Expression Blend: XamlCentrale

  15. Visual Studio 2008

  16. Don’t Panic! VS2008 is scary, but... Not as scary as you think. Developer will get started Why do I need to do this?

  17. Why Visual Studio and TFS? • Provides a home for files • Backed up • Nothing ever lost - can roll back changes • Simultaneous collaboration • Handles merge for you • Blend doesn’t do this • Much better text editing • IntelliSense and find/replace

  18. Some Tips: Designer • Vectors over bitmaps • Except: very complex drawings and small icons • Learn the layout controls • Grids, Stackpanels, List boxes etc • Spoof graphic styles • e.g. Transparent PNGs for shadows

  19. Some Tips: Designer Skinning Use someone else’s http://blogs.msdn.com/corrinab/ <Style TargetType="TextBlock" x:Key="TextBlockH1"> <Setter Property="FontSize" Value="22"/> <Setter Property="FontFamily" Value="Segoe UI"/> <Setter Property="Padding" Value="4"/> <Setter Property="Foreground" Value=“#C70700”/> </Style>

  20. Some Tips: Developer • Hold hands with your designer • Don’t bury it in the code • Expose as much as you can in Xaml • Learn Xaml • Use Blend

  21. 3rd Party Components • Export to Xaml • Illustrator: Mike Swanson @ microsoft • Fireworks: Infragistics • Components • Watch this space: • Identity Mine • Infragistics • Telerik

  22. Some tools to help you Kaxaml notstatic.com kaxaml.com XAMLPadX blogs.msdn.com/llobo

  23. XAMLPadX

  24. Kaxaml

  25. Deep Zoom Tools • Deep Zoom Composer • Designer builds, • developer makes it work • Let’s try it....

  26. Key considerations again Design for buildability Code for designers Work together

  27. Watch these spaces too... http://blogs.msdn.com/tims/ http://blogs.msdn.com/jaimer/ http://blogs.msdn.com/corrinab http://blogs.msdn.com/scottgu/ http://silverlight.net/ http://www.slxlab.com/

  28. Any questions?(too late!) http://del.icio.us/grippa http://blogs.conchango.com/richardgriffin http://blogs.conchango.com/felixcorke

More Related