[Mini-Tutorial] Creating a Reusable Glossy Button in Blend

Creating a button is the “Hello World” example of learning Blend. In this tutorial, I’ll show to how to create a reusable glossy button with Expression Blend 3. The concepts I’ll be covering are: using gradient brush to create glossy effect turning graphics into a control editing a button control template applying drop effects to…

0

[Mini-Tutorial] Blend 3: Rich Interactivity with No Code

The idea of creating rich interactivity without code should sound very appearing to designers, because we want to turn static UI into interactive prototypes and test out our design ideas quickly. In Blend 3, “Behaviors” are packaged, re-usable building blocks of interactivity. They can be visually applied to UI components in the application using drag…

10

[Mini-Tutorial] Blend 3: Visual Data Binding

As your project evolves from simple sketches to prototypes, you may want to add some real interactivity to it. There are two useful tools in Blend make this really easy: Sample Data and Behaviors. This tutorial will focus on Sample Data and how designers can bind data visually in Blend. The next tutorial will be…

5

[Mini-Tutorial] Blend 3: SketchFlow Part II

Bill Buxton talks about the difference between “Sketch” and “Prototype” in this his Sketching User Experiences. (see the summary below) I agree sketching is an important part of the design process, but often times it’s hard to share our paper and pen sketches and get feedback from others. Following Part I of the SketchFlow tutorial,…

9

[Mini-Tutorial] Blend 3: SketchFlow Part I

Two years and an half ago, when I first joined Microsoft, we were getting ready to release Expression Studio 1. Expression Blend is a key product in the studio and works closely with Visual Studio. It was a great first step to support designers with visual tools to help them build rich interactive web and…

16

[Mini-Tutorial] Creating a Silverlight Video Gallery

As I promised in one of my  earlier posts to do a tutorial on how to create a Silverlight Video Gallery, here is the mini-tutorial (about 10 mins). It has two parts: Use Expression Encoder 2 to create a standard Silverlight video gallery Customize your video gallery in Expression Blend and save it back to…

9

Silverlight 2 "How-Do-I" Videos

Following my post on Silverlight 2 resource, here’s a list of Silverlight 2 "How-Do-I" videos that have been added to Silverlight.net. 1: Using the Silverlight 2 Canvas    (35 minutes, 42 seconds) 2: Using Silverlight 2 Grids and Stack Panels   (19 minutes, 50 seconds) 3: Silverlight 2 Carousel Implementation (3 minutes, 39 seconds) Technorati Tags: Silverlight…

1

[Mini-Tutorial] Share Your Presentation in Deep Zoom

Over the past several months, I went to many colleges and universities to talk about user experience related topics from Microsoft. After each presentation, students asked me to share my presentation online. I’ve been using Skydrive to share my large files such as ppt, audio, and video files with the public. Although Skydrive is very…

6

[Mini-Tutorial] Create Your Own Video Play Experience

In my last mini-tutorial, I showed you how to publish Silverlight video experience to Silverlight streaming using Expression Encoder. In this tutorial, I’ll show you how to create your own video player template and reuse it on your blogs or websites. The process is very straight forward and you can leverage a lot of exciting…

3

Create a Resource Viewer Using Expression Blend

In an earlier post, I aggregated a list of WPF and Expression resource. The list is in plain test with hyperlinks. What I would like is to have a visual way to represent the links and resource categories. More importantly, I want to view links in relation to other links instead of opening an isolated page/tab…

0