More Related Content Similar to Designer & Developer Work Flow for Flex Builder (20) Designer & Developer Work Flow for Flex Builder1. Designer / Developer Workflow CS4 & Flex Bess Ho Silicon Valley Web Builder (SVWB) Flex User Group Adobe Headquarter May 12th at SF & May 14th 2009 at SJ 2. Bess Ho iPhone SDK / Web Developer UI Developer / Designer Blog: webbuilders.wordpress.com Founder of Silicon Valley Web Builder (SVWB) Website: svwebbuilder.com Coming Soon Releasing iTune App Store 12. CS4 Illustrator Maximum 6 States Disabled Up Over Down Selected Up Selected Disabled Design Tips 2 Color Tone Default: Blue and Grey 15. CS4 Fire Works Commands > Flex Skinning > New Flex Skin Commands > Flex Skinning > Export Flex Skin You’ll get: A folder of Flex skin images 16. CS4 FireWorks Commands > Flex Skinning > New Flex Skin File > Export You’ll get: MXML file & A folder of Flex skin images File > MXML & Images 23. CS4 FireWorks <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="900" height="2050" layout="absolute" backgroundGradientColors="[#FFFFFF, #FFFFFF]"> <mx:Style> .textStyle { fontFamily:ArialMT; fontSize:10; color:#FFFFFF; } .textStyle2 { fontFamily:ArialMT; fontSize:18; color:#FFFFFF; } .textStyle3 { fontFamily:ArialMT; fontSize:14; color:#FFFFFF; } </mx:Style> 24. CS4 FireWorks <mx:Image source="images/Image.png" x="0" y="0" width="900" height="2050"/> <mx:Image source="images/Image2.png" x="37" y="79" width="824" height="1887"/> <mx:Image source="images/Image3.png" x="49" y="89" width="803" height="1860"/> More… <mx:Image id="grid background" source="images/grid background.png" x="391" y="1539" width="98" height="18"/> <mx:Image id="grid background2" source="images/grid background2.png" x="391" y="1539" width="98" height="10"/> <mx:Image id="grid background3" source="images/grid background3.png" x="563" y="1538" width="20" height="20"/> <mx:Image id="grid background4" source="images/grid background3.png" x="534" y="1538" width="20" height="20"/> 27. New Flex Project CookingFor Food Recipe Finder Where you can find and track recipes quickly 28. Work Flow Define Product Definition Define Product Deliverables Create User Cases & Stories Define Technical Specifications Define Visual Specifications A new Flex project Communications Documentations Teamwork Signoff & Approval Effectiveness Collaborations 29. Firework CS4 Wire Frame Demonstrate Wire Frame within Firework CS4 Export PDF for acceptance 40. Firework CS4 Book Foundation Fireworks CS4 by Grant Hinkson (Author), Craig Erskine (Author), Matt Heerema (Author), Chuck Mallott (Author), Matthew Keefe (Author), Hugh Griffith (Author) Paperback: 282 pages Publisher: friends of ED; 1 edition (March 23, 2009) ISBN-10: 1430216182 ISBN-13: 978-1430216186 41. Flex 3 Book Creating Visual Experiences with Flex 3.0 by Juan Sanchez (Author), Andy McIntosh (Author) Paperback: 432 pages Publisher: Addison-Wesley Professional; 1 edition (November 27, 2008) ISBN-10: 0321545370 ISBN-13: 978-0321545374