Posts Tagged ‘SketchFlow’

Expression Studio 4 Launch on Jun 7th in NYC!

May 26, 2010 11 comments

Expression Studio 4 will launch at the Internet Week conference in New York City on June 7th!

Bill Buxton will be there as our featured guest speaker and many of your other favorite Blenders will be there, too:

And I’ll be there as well, with a big smile on my face 🙂

We’ll show the products in action and showcase design agencies who have seen their businesses grow with Expression Studio.

Join us for the launch!


And just a reminder Expression Studio includes Expression Blend, SketchFlow, Expression Web, Expression Design and Expression Web.  We’ve talked about a lot of the new features in Blend 4 (but not all of them!) and now its time to show the new features in all of the tools!

Answering “What is SketchFlow?” in 90 seconds

April 17, 2010 Comments off

This video of Jon Harris deftly explaining the power of Expression Blend and SketchFlow in 90 seconds was already shared by Christian Schormann, but I wanted to post it here too as an easy way to share and view the video.

Topics covered include: Navigation and Flow Map, Sketchy Styles, Client Player, Interactivity, Text and Ink Feedback, Viewing Feedback in context, Exporting to Word for Documentation

Gesturecons – icons for prototyping Multi-touch applications

February 22, 2010 9 comments

Gesturecons mapped to Windows Touch API

Gesturecons is a set of wire-framing gestural icons created by Ryan Lee, a designer for Cynergy. The icons are available for download made available via a Creative Commons License.

These icons will be very useful when creating wireframes or tutorials covering touch gestures. As a Silverlight and Windows developer, I wanted to see how well these fit with the Windows Touch API.  In the image to the right, I’ve mapped the icons to the Windows Touch Gestures. (Click the image to see it larger)

Importing the Gesturecons into Expression Blend to use in an application or a SketchFlow prototype is simple since Ryan has provided the icons in an Illustrator format.

To import the icons into Blend, follow these steps:

  1. Create a new or open an existing project
  2. Select File > Import Adobe Illustrator File…
  3. In the dialog select the “” file from the “” file
  4. The artwork will appear in your UserControl in a Canvas named cs
  5. Zoom out the artboard to see all of the icons by: typing Ctrl+-, using the mouse wheel over the artboard or using the Zoom dropdown in the bottom left corner
  6. In the Objects Panel, Delete the borders Canvas
  7. Right-click the icons Canvas and select Ungroup
  8. Select the first Path, scroll down to the last Path and holding Shift select the last Path
  9. With all of the Paths selected now, scale down the group of icons by dragging one of the corners of the outermost bounding box, hold Shift to lock to a relative scale.
  10. Reposition the group to fit on your UserControl and zoom back out to 100%
  11. To reset the cs Canvas, in the Properties Panel, set Width and Height to Auto

The Gesturecons are now available in XAML as reusable vector paths. The next steps you might take to make these easier to reuse include, grouping Paths that make up an individual icon and making them available as Resources.

Thanks again to Ryan Lee for creating and sharing the Gesturecons!