1 / 35

Beauty & the Geeks

Beauty & the Geeks. The perfect blend of left brain & right brain Richard Griffin & Felix Corke. PHOTO BY BLIND_DONKEY / FLICKR. Who are we?. Richard Griffin Interactive Developer (Code Geek). Felix Corke Interactive Designer (Design Geek). Who are we?. Richard Griffin

haracha
Download Presentation

Beauty & the Geeks

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 PHOTO BY BLIND_DONKEY / FLICKR

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

  3. Who are we? Richard Griffin Interactive Developer (Code Geek) http://techtalks.codezone.dk/MixEssentials.wmv • Paul Dawson • Experience Director • (Geek)

  4. Who is the “Dev-igner”?

  5. Investment Bank

  6. Investment Bank

  7. Mix UK Reader

  8. McLaren

  9. IPTV

  10. BBC Big Zoomy Thing www.bbc.co.uk/radio1/bigweekend/2008/zoom

  11. Setanta Sports

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

  13. Collaboration: Let’s take an example

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

  15. Collaboration: Layout in Blend

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

  17. Collaboration: Styles in Blend

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

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

  20. Expression Blend: XamlCentrale

  21. Visual Studio 2008

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

  23. Why Visual Studio and TFS? Provides a home for files Simultaneous collaboration Blend doesn’t do this (yet)

  24. Some Tips: Designer • Vectors over bitmaps • Learn the layout controls • Spoof graphic styles

  25. Some Tips: Designer Skinning - Use someone else’s! 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>

  26. Some Tips: Developer Hold hands with your designer Don’t bury it in the code Learn Xaml Use Blend

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

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

  29. XAMLPadX

  30. Kaxaml

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

  32. Watch these spaces too... Timheuer.com/blog/ blogs.msdn.com/jaimer blogs.msdn.com/corrinab blogs.msdn.com/scottgu silverlight.net silverlightcream.com silverlightshow.com

  33. Thank you for listening del.icio.us/grippa blogs.conchango.com/richardgriffin blogs.conchango.com/felixcorke http://techtalks.codezone.dk/MixEssentials.wmv

More Related