SlideShare une entreprise Scribd logo
1  sur  16
Microsoft Expression Blend is a user interface design
tool developed and sold by Microsoft for creating
graphical interfaces for web and desktop applications
Introducing SketchFlow




        •Understanding SketchFlow
        •Investigating a project
        •Using the SketchFlow Map
Adding Navigation Screens in SketchFlow




                •Starting a new project
                •Creating Navigation Screens
                •Working with connections
Building a Basic Layout



          •   Creating navigation screens
          •   Adding images
          •   Using drawing tools
          •   Working with connections
Adding SketchStyle Controls to Enhance a SketchFlow Layout




                          • Adding online controls
                          • Adding text and combo boxes
                          • Simulating a form
Working with Components




        • The purpose of Components
        • How to convert an object to a
        Component
        • Adding components to
        Navigation screens
Adding Navigation to Buttons




             • Using the navigate To
             command
             • Adding Navigation to Buttons
             • Adding Navigation to
             components
Working with States




      • Working with the States panel
      • Creating State Groups
      • Using state transitions
Working with SketchFlow Animation




               • Working with the SketchFlow
               Animation Panel
               • Adding frames to create
               animation
               • Modifying the animation’s
               timing
Working with Behaviors




          • Adding behaviors to buttons
          • Adding a behavior to trigger
          an animation upon pageload
Using Sample Data in SketchFlow




             • Adding live data to
             elements in SketchFlow
             • Modifying the appearance
             of data-driven controls
Using SketchFlow and SketchFlow Player to Track Feedback




                        • Adding Feedback in
                        SketchFlow Player
                        • Exporting Feedback from
                        SketchFlowPlayer
                        • Importing feedback into
                        Blend
Exporting Your SketchFlow Project




             • Adding online controls
             • Adding text and combo boxes
             • Simulating a form
Sketch Flow

Contenu connexe

Similaire à Sketch Flow

Android and IOS UI Development (Android 5.0 and iOS 9.0)
Android and IOS UI Development (Android 5.0 and iOS 9.0)Android and IOS UI Development (Android 5.0 and iOS 9.0)
Android and IOS UI Development (Android 5.0 and iOS 9.0)
Michael Shrove
 

Similaire à Sketch Flow (20)

SPTechCon Austin 2019 - From SharePoint to Office 365 development
SPTechCon Austin 2019 - From SharePoint to Office 365 developmentSPTechCon Austin 2019 - From SharePoint to Office 365 development
SPTechCon Austin 2019 - From SharePoint to Office 365 development
 
Integrate domino designer with cvs source control
Integrate domino designer with cvs source controlIntegrate domino designer with cvs source control
Integrate domino designer with cvs source control
 
Sharepoint 2010 content
Sharepoint 2010 contentSharepoint 2010 content
Sharepoint 2010 content
 
SharePoint Fest DC 2019 - From SharePoint to Office 365 Development
SharePoint Fest DC 2019 - From SharePoint to Office 365 DevelopmentSharePoint Fest DC 2019 - From SharePoint to Office 365 Development
SharePoint Fest DC 2019 - From SharePoint to Office 365 Development
 
SharePoint Fest Seattle 2019 - From SharePoint to Office 365 Development
SharePoint Fest Seattle 2019 - From SharePoint to Office 365 DevelopmentSharePoint Fest Seattle 2019 - From SharePoint to Office 365 Development
SharePoint Fest Seattle 2019 - From SharePoint to Office 365 Development
 
Building your first iOS app using Xamarin
Building your first iOS app using XamarinBuilding your first iOS app using Xamarin
Building your first iOS app using Xamarin
 
SharePoint Fest Chicago 2018 - From SharePoint to Office 365 development
SharePoint Fest Chicago 2018 - From SharePoint to Office 365 developmentSharePoint Fest Chicago 2018 - From SharePoint to Office 365 development
SharePoint Fest Chicago 2018 - From SharePoint to Office 365 development
 
aOS Canadian Tour - Quebec - From SharePoint to Office 365 Development
aOS Canadian Tour  - Quebec - From SharePoint to Office 365 DevelopmentaOS Canadian Tour  - Quebec - From SharePoint to Office 365 Development
aOS Canadian Tour - Quebec - From SharePoint to Office 365 Development
 
aOS Canadian Tour - Ottawa - From SharePoint to Office 365 Development
aOS Canadian Tour - Ottawa - From SharePoint to Office 365 DevelopmentaOS Canadian Tour - Ottawa - From SharePoint to Office 365 Development
aOS Canadian Tour - Ottawa - From SharePoint to Office 365 Development
 
aOS Canadian Tour - Montreal - From SharePoint to Office 365 Development
aOS Canadian Tour - Montreal - From SharePoint to Office 365 DevelopmentaOS Canadian Tour - Montreal - From SharePoint to Office 365 Development
aOS Canadian Tour - Montreal - From SharePoint to Office 365 Development
 
aOS Canadian Tour - Toronto - From SharePoint to Office 365 Development
aOS Canadian Tour - Toronto - From SharePoint to Office 365 DevelopmentaOS Canadian Tour - Toronto - From SharePoint to Office 365 Development
aOS Canadian Tour - Toronto - From SharePoint to Office 365 Development
 
Android and IOS UI Development (Android 5.0 and iOS 9.0)
Android and IOS UI Development (Android 5.0 and iOS 9.0)Android and IOS UI Development (Android 5.0 and iOS 9.0)
Android and IOS UI Development (Android 5.0 and iOS 9.0)
 
SharePoint Fest Seattle 2018 - From SharePoint to Office 365 Development
SharePoint Fest Seattle 2018 - From SharePoint to Office 365 DevelopmentSharePoint Fest Seattle 2018 - From SharePoint to Office 365 Development
SharePoint Fest Seattle 2018 - From SharePoint to Office 365 Development
 
Necto 16 training 24 (archive) nova view to necto migration
Necto 16 training 24 (archive)   nova view to necto migrationNecto 16 training 24 (archive)   nova view to necto migration
Necto 16 training 24 (archive) nova view to necto migration
 
SharePoint Fest Chicago 2019 - From SharePoint to Office 365 Development
SharePoint Fest Chicago 2019 - From SharePoint to Office 365 DevelopmentSharePoint Fest Chicago 2019 - From SharePoint to Office 365 Development
SharePoint Fest Chicago 2019 - From SharePoint to Office 365 Development
 
Synapse india reviews on i phone and android os
Synapse india reviews on i phone and android osSynapse india reviews on i phone and android os
Synapse india reviews on i phone and android os
 
SharePoint Fest DC 2018 - From SharePoint to Office 365 Development
SharePoint Fest DC 2018 - From SharePoint to Office 365 DevelopmentSharePoint Fest DC 2018 - From SharePoint to Office 365 Development
SharePoint Fest DC 2018 - From SharePoint to Office 365 Development
 
OpenNTF Webinar, October 2020
OpenNTF Webinar, October 2020OpenNTF Webinar, October 2020
OpenNTF Webinar, October 2020
 
SharePoint Fest Chicago - From SharePoint to Office 365 Development
SharePoint Fest Chicago - From SharePoint to Office 365 DevelopmentSharePoint Fest Chicago - From SharePoint to Office 365 Development
SharePoint Fest Chicago - From SharePoint to Office 365 Development
 
Envision IT - Application Lifecycle Management for SharePoint in the Enterprise
Envision IT - Application Lifecycle Management for SharePoint in the EnterpriseEnvision IT - Application Lifecycle Management for SharePoint in the Enterprise
Envision IT - Application Lifecycle Management for SharePoint in the Enterprise
 

Sketch Flow

  • 1.
  • 2. Microsoft Expression Blend is a user interface design tool developed and sold by Microsoft for creating graphical interfaces for web and desktop applications
  • 3.
  • 4. Introducing SketchFlow •Understanding SketchFlow •Investigating a project •Using the SketchFlow Map
  • 5. Adding Navigation Screens in SketchFlow •Starting a new project •Creating Navigation Screens •Working with connections
  • 6. Building a Basic Layout • Creating navigation screens • Adding images • Using drawing tools • Working with connections
  • 7. Adding SketchStyle Controls to Enhance a SketchFlow Layout • Adding online controls • Adding text and combo boxes • Simulating a form
  • 8. Working with Components • The purpose of Components • How to convert an object to a Component • Adding components to Navigation screens
  • 9. Adding Navigation to Buttons • Using the navigate To command • Adding Navigation to Buttons • Adding Navigation to components
  • 10. Working with States • Working with the States panel • Creating State Groups • Using state transitions
  • 11. Working with SketchFlow Animation • Working with the SketchFlow Animation Panel • Adding frames to create animation • Modifying the animation’s timing
  • 12. Working with Behaviors • Adding behaviors to buttons • Adding a behavior to trigger an animation upon pageload
  • 13. Using Sample Data in SketchFlow • Adding live data to elements in SketchFlow • Modifying the appearance of data-driven controls
  • 14. Using SketchFlow and SketchFlow Player to Track Feedback • Adding Feedback in SketchFlow Player • Exporting Feedback from SketchFlowPlayer • Importing feedback into Blend
  • 15. Exporting Your SketchFlow Project • Adding online controls • Adding text and combo boxes • Simulating a form